@-ms-viewport {
    width:device-width
}

*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -ms-overflow-style: scrollbar
}

body {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 1rem;
    font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","simsun","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    background-color: #fff;
    line-height: 1.75;
    font-variant-ligatures: no-common-ligatures
}

abbr[title],abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}[hidden],template {
     display: none
 }[tabindex="-1"]:focus {
      outline: 0!important
  }

mark,kbd,code,dfn {
    padding: .125em .25em;
    border-radius: .25rem;
    margin: 0 .25em;
    line-height: 1
}

mark {
    color: #000;
    background: #ff0
}

kbd {
    color: #fff;
    background-color: #000;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

code {
    color: #d14;
    background-color: #f5f5f5
}

dfn {
    font-style: normal;
    background-color: #ddd;
    color: #666
}

var {
    font-style: normal;
    color: #d14;
    margin: 0 .25em
}

pre {
    display: block;
    overflow: auto;
    padding: 1.25em 2em;
    font-size: 85%;
    color: #000;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border-radius: .25rem
}

blockquote {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    border-color: #ddd;
    padding-left: 1.25rem
}

blockquote::before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    content: " ";
    width: 0;
    border-width: .125rem;
    border-style: solid;
    border-color: inherit;
    border-radius: .25rem;
    padding: .25em 0
}

header,nav,menu,aside,main,article,section,footer {
    display: block
}

hgroup,figure,figcaption,details,summary,pre,blockquote,fieldset {
    display: block
}

section,figure,pre,blockquote,fieldset,p,h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: 1rem
}

section:last-child,figure:last-child,pre:last-child,blockquote:last-child,fieldset:last-child,p:last-child {
    margin-bottom: 0
}

ul,ol,dl {
    margin: 1em 0
}

ul {
    padding-left: 1em
}

ol {
    padding-left: 2em
}

ul>li,ol>li,dt,dd {
    line-height: 1.75
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0;
    margin-bottom: 1em
}

table {
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

td,th {
    padding: .5em
}

b,strong {
    font-weight: bold
}

small {
    font-size: 80%
}

h1,h2,h3,h4,h5,h6 {
    line-height: 1
}

h1>small,h2>small,h3>small,h4>small,h5>small,h6>small {
    font-size: 75%;
    opacity: .75
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

figure {
    margin: 0
}

figcaption {
    font-size: 90%
}

img {
    border: 0;
    border-style: none;
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

address {
    font-style: normal
}

hr {
    color: #333;
    border: 0;
    border-bottom: solid 1px #ddd;
    clear: both;
    float: none;
    width: 100%;
    height: 0;
    margin: 1em 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

a,a:link {
    text-decoration: none;
    color: #333;
    transition: all .5s ease
}

a:active,a:hover {
    outline: 0;
    color: #0a8;
    text-decoration: none
}

a:focus {
    text-decoration: none;
    outline: thin dotted;
    outline: .5em auto -webkit-focus-ring-color
}

fieldset {
    min-width: 0;
    border: solid 1px #ddd;
    border-radius: .25rem;
    padding: .5rem 1.5rem 0 1.5rem
}

legend {
    display: block;
    padding: 0 1em;
    margin: 0 1em;
    font-size: 120%;
    line-height: inherit;
    border: 0
}

label {
    display: inline-block;
    max-width: 100%
}

button,input,optgroup,select,textarea {
    margin: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    padding: 0;
    border: 0
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

input {
    line-height: normal
}

input[type="checkbox"],input[type="radio"],input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="checkbox"],input[type="radio"] {
    padding: 0;
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

optgroup {
    font-weight: bold
}

input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    color: #555
}

input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

textarea {
    overflow: auto;
    resize: vertical
}

.flex {
    display: flex
}

.flex-inline {
    display: inline-flex
}

.flex-reverse {
    flex-direction: row-reverse
}

.flex-column {
    flex-direction: column
}

.flex-column.flex-reverse {
    flex-direction: column-reverse
}

.flex-nowrap {
    flex-wrap: nowrap
}

.flex-wrap {
    flex-wrap: wrap
}

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

.flex-start {
    justify-content: flex-start
}

.flex-center {
    justify-content: center
}

.flex-end {
    justify-content: flex-end
}

.flex-between {
    justify-content: space-between
}

.flex-around {
    justify-content: space-around
}

.flex-items-start {
    align-items: flex-start
}

.flex-items-center {
    align-items: center
}

.flex-items-end {
    align-items: flex-end
}

.flex-items-baseline {
    align-items: baseline
}

.flex-items-stretch {
    align-items: stretch
}

.flex-self-start {
    align-self: flex-start
}

.flex-self-center {
    align-self: center
}

.flex-self-end {
    align-self: flex-end
}

.flex-self-baseline {
    align-self: baseline
}

.flex-self-stretch {
    align-self: stretch
}

.flex-content-start {
    align-content: flex-start
}

.flex-content-center {
    align-content: center
}

.flex-content-end {
    align-content: flex-end
}

.flex-content-between {
    align-content: space-between
}

.flex-content-around {
    align-content: space-around
}

.flex-middle {
    justify-content: center;
    align-items: center;
    align-self: center;
    align-content: center
}

.flex-fill {
    flex: 1 1 auto
}

.flex-grow {
    flex-grow: 1
}

.flex-shrink {
    flex-shrink: 1
}

.grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.grid-y {
    flex-direction: column;
    -webkit-flex-direction: column
}

.grid-mini>.grid {
    margin: -0.03125rem
}

.grid-mini,.grid-mini>.grid>[class*='x'],.grid-mini>.grid>[class*='y'] {
    padding: .03125rem
}

.grid-small>.grid {
    margin: -0.25rem
}

.grid-small,.grid-small>.grid>[class*='x'],.grid-small>.grid>[class*='y'] {
    padding: .25rem
}

.grid-middle>.grid {
    margin: -0.5rem
}

.grid-middle,.grid-middle>.grid>[class*='x'],.grid-middle>.grid>[class*='y'] {
    padding: .5rem
}

.grid-big>.grid {
    margin: -0.75rem
}

.grid-big,.grid-big>.grid>[class*='x'],.grid-big>.grid>[class*='y'] {
    padding: .75rem
}

.grid-large>.grid {
    margin: -1rem
}

.grid-large,.grid-large>.grid>[class*='x'],.grid-large>.grid>[class*='y'] {
    padding: 1rem
}

.grid>div>[class*='grid-'] {
    margin: 0
}

.grid-table {
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd
}

.grid-table>[class*='x']:not(.x100) {
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd
}

.x,.x0,.x1,.x2,.x20,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,.mini-x,.mini-x0,.mini-x1,.mini-x2,.mini-x20,.mini-x3,.mini-x4,.mini-x5,.mini-x6,.mini-x7,.mini-x8,.mini-x9,.mini-x10,.mini-x11,.mini-x12,.small-x,.small-x0,.small-x1,.small-x2,.small-x20,.small-x3,.small-x4,.small-x5,.small-x6,.small-x7,.small-x8,.small-x9,.small-x10,.small-x11,.small-x12,.middle-x,.middle-x0,.middle-x1,.middle-x2,.middle-x20,.middle-x3,.middle-x4,.middle-x5,.middle-x6,.middle-x7,.middle-x8,.middle-x9,.middle-x10,.middle-x11,.middle-x12,.big-x,.big-x0,.big-x1,.big-x2,.big-x20,.big-x3,.big-x4,.big-x5,.big-x6,.big-x7,.big-x8,.big-x9,.big-x10,.big-x11,.big-x12,.large-x,.large-x0,.large-x1,.large-x2,.large-x20,.large-x3,.large-x4,.large-x5,.large-x6,.large-x7,.large-x8,.large-x9,.large-x10,.large-x11,.large-x12 {
    position: relative;
    width: 100%
}

.x {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.x0,.mini-x0,.small-x0,.middle-x0,.big-x0,.large-x0 {
    max-width: 100%
}

.x0,.w0 {
    width: auto
}

.x1,.w1 {
    width: 8.33333333%
}

.x2,.w2 {
    width: 16.66666667%
}

.x20,.w20 {
    width: 20%
}

.x3,.w3 {
    width: 25%
}

.x4,.w4 {
    width: 33.33333333%
}

.x5,.w5 {
    width: 41.66666667%
}

.x6,.w6 {
    width: 50%
}

.x7,.w7 {
    width: 58.33333333%
}

.x8,.w8 {
    width: 66.66666667%
}

.x9,.w9 {
    width: 75%
}

.x10,.w10 {
    width: 83.33333333%
}

.x11,.w11 {
    width: 91.66666667%
}

.x12,.w12,.x100,.w100 {
    width: 100%
}

.y,.y1,.y2,.y20,.y3,.y4,.y5,.y6,.y7,.y8,.y9,.y10,.y11,.y12 {
    position: relative;
    max-height: 100%
}

.y {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.y0 {
    height: auto
}

.y1 {
    height: 8.33333333%
}

.y2 {
    height: 16.66666667%
}

.y20 {
    height: 20%
}

.y3 {
    height: 25%
}

.y4 {
    height: 33.33333333%
}

.y5 {
    height: 41.66666667%
}

.y6 {
    height: 50%
}

.y7 {
    height: 58.33333333%
}

.y8 {
    height: 66.66666667%
}

.y9 {
    height: 75%
}

.y10 {
    height: 83.33333333%
}

.y11 {
    height: 91.66666667%
}

.y12,.y100 {
    height: 100%
}

.order0 {
    order: 0
}

.order1 {
    order: 1
}

.order2 {
    order: 2
}

.order3 {
    order: 3
}

.order4 {
    order: 4
}

.order5 {
    order: 5
}

.order6 {
    order: 6
}

.order7 {
    order: 7
}

.order8 {
    order: 8
}

.order9 {
    order: 9
}

.order10 {
    order: 10
}

.order11 {
    order: 11
}

.order12 {
    order: 12
}

.order13 {
    order: 13
}

.move0 {
    margin-left: 0
}

.move1 {
    margin-left: 8.33333333%
}

.move2 {
    margin-left: 16.66666667%
}

.move3 {
    margin-left: 25%
}

.move4 {
    margin-left: 33.33333333%
}

.move5 {
    margin-left: 41.66666667%
}

.move6 {
    margin-left: 50%
}

.move7 {
    margin-left: 58.33333333%
}

.move8 {
    margin-left: 66.66666667%
}

.move9 {
    margin-left: 75%
}

.move10 {
    margin-left: 83.33333333%
}

.move11 {
    margin-left: 91.66666667%
}

.table {
    border: 1px solid #ddd;
    border-radius: .25rem
}

.table th,.table td {
    border-top: 1px solid #ddd;
    padding: .5rem;
    border-right: 1px solid #ddd
}

.table th {
    border-top: 0;
    border-bottom-width: 1px;
    vertical-align: middle
}

.table tr:first-child>td {
    border-top: 0
}

.table td:last-child,.table th:last-child {
    border-right: 0
}

.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f5f5f5
}

.table-hover>tbody>tr:hover>td {
    background-color: #f5f5f5;
    color: inherit
}

.table-small th,.table-small td {
    padding: .25rem
}

.table-big th,.table-big td {
    padding: 1rem
}

.table-line,.table-cube,.table-none {
    border: 0;
    border-collapse: collapse;
    border-radius: 0
}

.table-line th,.table-line td {
    border-right: 0
}

.table-none th,.table-none td {
    border: 0
}

.table.align-center th,.table tr.align-center>th,.table th.align-center {
    text-align: center
}

.table.align-right th,.table tr.align-right>th,.table th.align-right {
    text-align: right
}

.table.align-top th,.table tr.align-top>th,.table th.align-top,.table.align-top td {
    vertical-align: top
}

.table.align-bottom th,.table tr.align-bottom>th,.table th.align-bottom,.table.align-bottom td {
    vertical-align: bottom
}

.list li {
    padding: .5em 0
}

.list-cn {
    list-style-type: cjk-ideographic
}

.list-en {
    list-style-type: upper-alpha
}

.list-unstyle,.list-inline {
    list-style: none;
    padding-left: 0
}

.list-unstyle ul {
    list-style: disc
}

.list-inline li {
    display: inline-block;
    padding: 0 .5em;
    width: auto
}

.list ul,.list ol {
    margin: .5em 0 0 0
}

.list ul>li:last-child,.list ol>li:last-child {
    padding-bottom: 0
}

.dl-inline dt {
    width: 2em;
    display: inline-block;
    float: left;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.dl-inline dd {
    display: block;
    padding-left: 1em;
    margin-left: 2em
}

.list-group {
    list-style: none;
    padding: 0;
    margin: 0
}

.list-group>li,.list-link>a {
    padding: .5em 0;
    display: block;
    border-bottom: solid 1px #ddd
}

.list-icon {
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    padding-left: 2.5rem
}

.list-icon>li {
    display: flex;
    align-items: center
}

.list-icon>li>.list-media {
    width: 1.5rem;
    margin: 0 .5rem 0 -2rem
}

.list-icon>li>.list-addon {
    font-size: 87.5%;
    margin-left: auto
}

.list-box {
    border: solid 1px #ddd;
    border-radius: .25rem
}

.list-group.list-five>li,.list-group.list-five>a {
    padding: .5em 0;
    border-bottom: 0
}

.list-box.list-five>li,.list-box.list-five>a {
    padding: .5em 1em
}

.list-five>li:nth-child(5n) {
    border-bottom: solid 1px #ddd;
    padding-bottom: 1em;
    margin-bottom: 1em
}

.list-five.list-box>li:first-child {
    padding-top: 1em
}

.list-group>li:last-child,.list-link>a:last-child {
    border-bottom: 0 none;
    margin: 0
}

.list-striped>li:nth-child(2n) {
    background-color: #f5f5f5
}

.list-striped>li,.list-box>li,.list-box>a {
    padding: .5em 1em
}

.list-link>a {
    color: #333;
    transition: all .3s cubic-bezier(0.175,0.885,0.32,1) 0s
}

.list-link>a:hover {
    background-color: #f5f5f5;
    text-decoration: none
}

.list-link>a.active:link,.list-link>a.active:visited {
    background-color: #f5f5f5
}

.list-box>li:first-child,.list-link>a:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-box>li:last-child,.list-link>a:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.figure {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.figure>img {
    max-width: 100%;
    height: auto;
    line-height: 1;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.figure>figcaption {
    padding: .5rem 0
}

.figure>figcaption[class^='bg'] {
    padding: .5rem 1rem
}

.figure>figcaption,.figure.figure-above>img {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.figure.figure-above>figcaption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .5rem 1rem;
    color: #fff;
    background-color: rgba(0,0,0,.5)
}

.figure.figure-above.figure-above-top>figcaption {
    top: 0;
    bottom: auto;
    border-radius: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.figure.figure-above.figure-above-full>figcaption {
    top: 0;
    border-radius: inherit
}

.media {
    display: flex;
    justify-content: flex-start
}

.media-body {
    line-height: 1;
    flex: 1
}

.media-body>strong {
    font-weight: 450;
    line-height: 1.2;
    display: block;
    margin-bottom: .375rem
}

.media-body>p {
    margin-top: 0;
    font-size: 87.5%;
    line-height: 1.5
}

.media-body>p:last-child {
    margin-bottom: 0
}

.media-body>.media {
    margin-top: 1rem
}

.media.flex-column>.media-body>strong,.media.flex-column>.media-body>p:first-child {
    margin-top: .75rem
}

.media-group>.media:not(:first-child) {
    margin-top: 1.5rem
}

.icon-up,.icon-down,.icon-left,.icon-right,.icon-arrow-up,.icon-arrow-down,.icon-arrow-left,.icon-arrow-right,.icon-check,.icon-times,.icon-plus,.icon-success,.icon-add,.icon-reduce,.icon-full,.icon-play,.icon-danger,.icon-info,.icon-warning,.icon-clock,.icon-search-border,.icon-verify,.icon-add-bg,.icon-reduce-bg,.icon-full-bg,.icon-play-bg,.icon-success-bg,.icon-danger-bg,.icon-warning-bg,.icon-info-bg,.icon-clock-bg,.icon-search-bg,.icon-search,.icon-doc,.icon-home,.icon-home-bg,.icon-download,.icon-upload,.icon-nav,.icon-menu,.icon-pc,.icon-phone,.icon-mail,.icon-user,.icon-lock,.icon-key,.icon-link,.icon-moon,.icon-position,.icon-heart {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em
}

.icon-up,.icon-down,.icon-left,.icon-right {
    width: 0;
    height: 0;
    border-bottom: .25em solid currentColor;
    border-right: .25em solid transparent;
    border-left: .25em solid transparent
}

.icon-down {
    transform: rotate(180deg)
}

.icon-left {
    transform: rotate(-90deg);
    margin-right: 0
}

.icon-right {
    transform: rotate(90deg);
    margin-right: 0
}

.icon-arrow-up,.icon-arrow-down {
    position: relative;
    width: 1em;
    height: .6em
}

.icon-arrow-left,.icon-arrow-right {
    position: relative;
    width: .6em;
    height: 1em
}

.icon-arrow-up:before,.icon-arrow-down:before,.icon-arrow-up:after,.icon-arrow-down:after {
    content: "";
    position: absolute;
    width: .785em;
    height: .1em;
    top: 0;
    left: 0;
    background-color: currentColor;
    border-radius: .1em;
    transform: rotate(45deg);
    transform-origin: 0 0
}

.icon-arrow-up:after,.icon-arrow-down:after {
    transform: rotate(-45deg);
    transform-origin: right 0;
    left: auto;
    right: 0
}

.icon-arrow-up {
    transform: rotate(180deg)
}

.icon-arrow-left:before,.icon-arrow-right:before,.icon-arrow-left:after,.icon-arrow-right:after {
    content: "";
    position: absolute;
    width: .1em;
    height: .785em;
    top: 0;
    left: 0;
    background-color: currentColor;
    border-radius: .1em;
    transform: rotate(-45deg);
    transform-origin: 0 0
}

.icon-arrow-left:after,.icon-arrow-right:after {
    transform: rotate(45deg);
    transform-origin: 0 bottom;
    top: auto;
    bottom: 0
}

.icon-arrow-left {
    transform: rotate(180deg)
}

.icon-check {
    position: relative;
    width: 1em;
    height: .1em;
    padding-left: .65em;
    border-radius: .1em;
    background-color: currentColor;
    transform: rotate(135deg);
    transform-origin: center center
}

.icon-check:before {
    content: "";
    position: absolute;
    width: .6em;
    height: .1em;
    top: .27em;
    background-color: currentColor;
    border-radius: .1em;
    transform: rotate(90deg)
}

.icon-times {
    position: relative;
    width: 1em;
    height: 1em;
    transform: rotate(45deg)
}

.icon-times:before {
    content: "";
    position: absolute;
    width: 100%;
    height: .1em;
    top: .45em;
    left: 0;
    background-color: currentColor;
    border-radius: .1em
}

.icon-times:after {
    content: "";
    position: absolute;
    width: .1em;
    height: 100%;
    top: 0;
    left: .45em;
    border-radius: .1em;
    background-color: currentColor
}

.icon-plus {
    position: relative;
    width: .8em;
    height: .8em
}

.icon-plus:before {
    content: "";
    position: absolute;
    width: .8em;
    height: .1em;
    top: .35em;
    background-color: currentColor;
    border-radius: .1em
}

.icon-plus:after {
    content: "";
    position: absolute;
    height: .8em;
    width: .1em;
    left: .35em;
    background-color: currentColor;
    border-radius: .1em
}

.icon-success,.icon-add,.icon-reduce,.icon-full,.icon-play,.icon-danger,.icon-info,.icon-warning,.icon-clock,.icon-search-border {
    position: relative;
    width: 1em;
    height: 1em;
    border: solid .1em currentColor;
    border-radius: 50%
}

.icon-add-bg,.icon-reduce-bg,.icon-full-bg,.icon-play-bg,.icon-success-bg,.icon-danger-bg,.icon-warning-bg,.icon-info-bg,.icon-clock-bg,.icon-search-bg {
    background-color: currentColor;
    position: relative;
    width: 1em;
    height: 1em;
    border: solid .1em currentColor;
    border-radius: 50%
}

.icon-add:before,.icon-reduce:before,.icon-danger:before,.icon-add-bg:before,.icon-reduce-bg:before,.icon-danger-bg:before {
    content: "";
    position: absolute;
    top: .35em;
    left: .125em;
    width: .55em;
    height: .1em;
    background-color: currentColor;
    border-radius: .1em
}

.icon-add:after,.icon-danger:after,.icon-add-bg:after,.icon-danger-bg:after {
    content: "";
    position: absolute;
    top: .125em;
    left: .35em;
    height: .55em;
    width: .1em;
    background-color: currentColor;
    border-radius: .1em
}

.icon-add-bg:before,.icon-reduce-bg:before,.icon-danger-bg:before,.icon-add-bg:after,.icon-danger-bg:after {
    background-color: #fff
}

.icon-danger,.icon-danger-bg {
    transform: rotate(45deg)
}

.icon-full:before,.icon-full:after,.icon-full-bg:before,.icon-full-bg:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: .15em;
    top: -0.15em;
    border: .25em solid transparent;
    border-bottom-color: currentColor
}

.icon-full:after,.icon-full-bg:after {
    top: .45em;
    transform: rotate(180deg)
}

.icon-full-bg:before,.icon-full-bg:after {
    border-bottom-color: #fff
}

.icon-full,.icon-full-bg {
    transform: rotate(45deg)
}

.icon-play:before,.icon-play-bg:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: .275em;
    top: .165em;
    border: .25em solid transparent;
    border-left: solid .375em currentColor
}

.icon-play-bg:before {
    border-left-color: #fff
}

.icon-success:before,.icon-success-bg:before {
    content: "";
    position: absolute;
    width: .6em;
    height: .1em;
    top: .4em;
    left: .2em;
    border-radius: .1em;
    background-color: currentColor;
    transform: rotate(135deg);
    transform-origin: center center
}

.icon-success:after,.icon-success-bg:after {
    content: "";
    position: absolute;
    width: .35em;
    height: .1em;
    top: .485em;
    left: .05em;
    background-color: currentColor;
    border-radius: .1em;
    transform: rotate(45deg)
}

.icon-success-bg:before,.icon-success-bg:after {
    background-color: #fff
}

.icon-info:before,.icon-warning:before,.icon-info-bg:before,.icon-warning-bg:before {
    content: "";
    position: absolute;
    top: .1em;
    left: .325em;
    width: .15em;
    height: .15em;
    background-color: currentColor;
    border-radius: 50%
}

.icon-info:after,.icon-warning:after,.icon-info-bg:after,.icon-warning-bg:after {
    content: "";
    position: absolute;
    top: .325em;
    left: .3375em;
    width: .125em;
    height: .4em;
    background-color: currentColor;
    border-radius: .1em
}

.icon-info-bg:before,.icon-warning-bg:before,.icon-info-bg:after,.icon-warning-bg:after {
    background-color: #fff
}

.icon-warning,.icon-warning-bg {
    transform: rotate(180deg)
}

.icon-clock:before,.icon-clock-bg:before {
    content: "";
    position: absolute;
    top: .05em;
    left: .35em;
    width: .1em;
    height: .4em;
    background-color: currentColor;
    border-radius: .1em .1em 0 0
}

.icon-clock:after,.icon-clock-bg:after {
    content: "";
    position: absolute;
    top: .45em;
    left: .35em;
    width: .1em;
    height: .25em;
    background-color: currentColor;
    border-radius: 0 0 .1em .1em;
    transform: rotate(-45deg);
    transform-origin: 0 0
}

.icon-clock-bg:before,.icon-clock-bg:after {
    background-color: #fff
}

.icon-verify {
    overflow: hidden
}

.icon-verify:before {
    content: "";
    position: absolute;
    width: .8em;
    height: .6em;
    left: .1em;
    top: .2em;
    border: solid .1em currentColor;
    border-radius: .1em
}

.icon-verify:after {
    content: "";
    position: absolute;
    width: .1em;
    height: .1em;
    left: .3em;
    top: .45em;
    background-color: currentColor;
    border-radius: 50%;
    box-shadow: .15em 0,.3em 0
}

.icon-search,.icon-search-border:before,.icon-search-bg:before {
    position: relative;
    width: .85em;
    height: .85em;
    margin-right: .2em;
    border: .1em solid currentColor;
    border-radius: 50%
}

.icon-search:after,.icon-search-border:after,.icon-search-bg:after {
    content: "";
    position: absolute;
    width: .35em;
    height: .1em;
    top: .75em;
    left: .5em;
    background-color: currentColor;
    border-radius: .15em;
    transform: rotate(40deg);
    transform-origin: right center
}

.icon-search-border:before,.icon-search-bg:before {
    content: "";
    position: absolute;
    left: .1em;
    top: .1em;
    width: .5em;
    height: .5em
}

.icon-search-border:after,.icon-search-bg:after {
    width: .25em;
    top: .6em;
    left: .4em
}

.icon-search-bg:before {
    border-color: #fff
}

.icon-search-bg:after {
    background-color: #fff
}

.icon-doc {
    position: relative;
    width: .8em;
    height: 1em;
    border-width: .1em;
    border-style: solid;
    border-color: currentColor;
    border-radius: .1em
}

.icon-doc:before {
    content: "";
    position: absolute;
    width: .2em;
    height: .35em;
    left: .35em;
    top: 0;
    border: solid .05em currentColor;
    border-top: 0;
    border-bottom: 0
}

.icon-doc:after {
    content: "";
    position: absolute;
    border-top: solid .05em currentColor;
    border-right: solid .05em currentColor;
    top: .25em;
    left: .375em;
    width: .15em;
    height: .15em;
    transform: rotate(-45deg)
}

.icon-home {
    position: relative;
    width: .7em;
    height: .5em;
    border-width: .1em;
    border-style: none solid solid;
    border-color: currentColor;
    border-radius: .075em;
    margin: .5em .3em 0 .1em
}

.icon-home:before {
    content: "";
    position: absolute;
    border-top: solid .1em currentColor;
    border-right: solid .1em currentColor;
    border-radius: .1em;
    top: -0.25em;
    left: -0.1em;
    width: .7em;
    height: .7em;
    transform: rotate(-45deg)
}

.icon-home:after {
    content: "";
    position: absolute;
    width: .2em;
    height: .35em;
    bottom: -0.08em;
    left: .15em;
    border: solid .05em currentColor;
    border-radius: .35em .35em 0 0
}

.icon-home-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: solid .5em transparent;
    border-bottom-color: currentColor;
    border-top: 0;
    border-radius: .1em
}

.icon-home-bg:after {
    content: "";
    position: absolute;
    width: .7em;
    height: .5em;
    left: .15em;
    top: .375em;
    border: solid .25em currentColor;
    border-bottom: 0;
    border-radius: .05em
}

.icon-home-bgx {
    position: relative;
    border: solid .5em transparent;
    border-bottom-color: currentColor;
    border-top: 0;
    border-radius: .1em;
    margin-bottom: .375em
}

.icon-home-bgx:before {
    content: "";
    position: absolute;
    width: .65em;
    height: .5em;
    left: -0.325em;
    top: .375em;
    border: solid .25em currentColor;
    border-bottom: 0;
    border-radius: .05em
}

.icon-download,.icon-upload {
    position: relative;
    width: 1em;
    height: .4em;
    margin-top: .5em;
    border-width: .1em;
    border-style: none solid solid;
    border-color: currentColor;
    border-radius: .075em
}

.icon-download:before,.icon-upload:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: .35em;
    margin: auto;
    width: .1em;
    height: .5em;
    background-color: currentColor;
    border-radius: .1em .1em 0 0
}

.icon-download:after,.icon-upload:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    bottom: .1em;
    left: 0;
    margin: auto;
    border-top: .25em solid currentColor;
    border-right: .25em solid transparent;
    border-left: .25em solid transparent
}

.icon-upload:before {
    bottom: .15em;
    border-radius: 0 0 .1em .1em
}

.icon-upload:after {
    bottom: .55em;
    border-top: 0;
    border-bottom: .25em solid currentColor
}

.icon-nav {
    position: relative;
    width: 1em;
    height: .75em
}

.icon-nav:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1em;
    height: .1em;
    background-color: currentColor;
    border-radius: .1em;
    box-shadow: 0 .325em,0 .65em
}

.icon-menu {
    position: relative;
    width: 1em;
    height: 1em
}

.icon-menu:before {
    content: "";
    position: absolute;
    top: .375em;
    left: 0;
    width: .25em;
    height: .25em;
    background-color: currentColor;
    border-radius: 50%;
    box-shadow: .375em 0,.75em 0
}

.icon-pc {
    position: relative;
    width: 1em;
    height: .7em;
    margin-bottom: .25em;
    border-width: .1em .1em .15em;
    border-style: solid;
    border-color: currentColor;
    border-radius: .1em
}

.icon-pc:before {
    content: "";
    position: absolute;
    top: .6em;
    right: 0;
    left: 0;
    margin: auto;
    width: .3em;
    height: .15em;
    background-color: currentColor
}

.icon-pc:after {
    content: "";
    position: absolute;
    top: .7em;
    right: 0;
    left: 0;
    margin: auto;
    width: .8em;
    height: .1em;
    background-color: currentColor;
    border-radius: .1em
}

.icon-phone {
    position: relative;
    width: .7em;
    height: 1em;
    border-width: .1em;
    border-style: solid;
    border-color: currentColor;
    border-radius: .1em
}

.icon-phone:before {
    content: "";
    position: absolute;
    width: .1em;
    height: .1em;
    bottom: .05em;
    left: 0;
    right: 0;
    margin: auto;
    background-color: currentColor;
    border-radius: .1em
}

.icon-phone:after {
    content: "";
    position: absolute;
    right: 0;
    top: .05em;
    left: 0;
    margin: auto;
    width: .25em;
    height: .05em;
    border-radius: .1em;
    background-color: currentColor
}

.icon-mail {
    position: relative;
    width: 1em;
    height: .8em;
    border: solid .1em currentColor;
    border-radius: .1em
}

.icon-mail:before {
    content: "";
    position: absolute;
    width: .6em;
    height: .1em;
    left: -0.05em;
    top: 0;
    background-color: currentColor;
    border-radius: .1em;
    transform: rotate(35deg);
    transform-origin: left center
}

.icon-mail:after {
    content: "";
    position: absolute;
    width: .6em;
    height: .1em;
    top: 0;
    right: -0.05em;
    background-color: currentColor;
    border-radius: .1em;
    transform: rotate(-35deg);
    transform-origin: right center
}

.icon-user {
    position: relative;
    width: .7em;
    height: .25em;
    border: solid .1em currentColor;
    border-bottom: 0;
    border-radius: .5em .5em 0 0;
    margin-top: .5em
}

.icon-user:before {
    content: "";
    position: absolute;
    width: .45em;
    height: .45em;
    top: -0.6em;
    left: .025em;
    border: solid .1em currentColor;
    border-radius: 50%
}

.icon-lock {
    position: relative;
    width: .7em;
    height: .55em;
    border: solid .1em currentColor;
    border-radius: .1em;
    margin-top: .45em
}

.icon-lock:before {
    content: "";
    position: absolute;
    width: .5em;
    height: .45em;
    top: -0.45em;
    border: solid .1em currentColor;
    border-radius: .35em .35em 0 0
}

.icon-lock:after {
    content: "";
    position: absolute;
    width: .05em;
    height: .15em;
    top: .15em;
    left: .4em;
    background-color: currentColor;
    border-radius: .1em
}

.icon-key {
    position: relative;
    width: .6em;
    height: .4em;
    border: solid .1em currentColor;
    border-radius: 50%;
    margin-top: .6em
}

.icon-key:before {
    content: "";
    position: absolute;
    width: .1em;
    height: .6em;
    top: -0.6em;
    left: .15em;
    background-color: currentColor;
    border-radius: .1em .1em 0 0
}

.icon-key:after {
    content: "";
    position: absolute;
    width: .2em;
    height: .1em;
    top: -0.525em;
    left: .2em;
    background-color: currentColor;
    border-radius: 0 .1em .1em 0;
    box-shadow: 0 .15em
}

.icon-link {
    position: relative;
    width: .35em;
    height: .1em;
    margin: .45em .325em;
    background-color: currentColor;
    transform: rotate(-45deg)
}

.icon-link:before {
    content: "";
    position: absolute;
    width: .55em;
    height: .4em;
    left: -.4em;
    top: -.15em;
    border: solid .1em currentColor;
    border-radius: .15em
}

.icon-link:after {
    content: "";
    position: absolute;
    width: .55em;
    height: .4em;
    left: .175em;
    top: -.15em;
    border: solid .1em currentColor;
    border-radius: .15em
}

.icon-moon {
    height: 1em;
    width: 1em;
    box-shadow: inset -.30em 0 0;
    border-radius: 1em;
    transform: rotate(20deg)
}

.icon-position {
    position: relative;
    width: .8em;
    height: .8em;
    background-color: currentColor;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg)
}

.icon-position:before {
    content: "";
    position: absolute;
    width: .4em;
    height: .4em;
    top: .2em;
    left: .2em;
    border-radius: 50%;
    background-color: #fff
}

.icon-heart {
    position: relative;
    width: .56em;
    height: .84em;
    background-color: currentColor;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    transform: rotate(-45deg);
    transform-origin: center bottom
}

.icon-heart:after {
    content: "";
    position: absolute;
    top: -.275em;
    left: -.275em;
    width: .56em;
    height: .84em;
    background-color: currentColor;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    transform: rotate(90deg);
    transform-origin: center bottom
}

.icon-icon {
    display: inline-block;
    position: relative;
    width: 1em;
    height: 1em;
    border: solid .05em currentColor;
    border-radius: .2em;
    font-size: 1rem;
    vertical-align: middle
}

.icon-icon:before {
    content: "";
    position: absolute;
    top: .1em;
    left: .1em;
    width: .7em;
    height: .7em;
    outline: solid .05em currentColor;
    border: solid .15em transparent;
    border-radius: 50%;
    box-shadow: 0 0 0 .05em,inset 0 0 0 .05em;
    opacity: .5
}

.icon-icon:after {
    content: "";
    position: absolute;
    width: 1.2em;
    height: .05em;
    left: .045em;
    top: .01em;
    background-color: currentColor;
    transform: rotate(45deg);
    transform-origin: 0 0;
    opacity: .5
}

.icon-icon>i {
    position: absolute;
    width: .975em;
    top: .245em;
    left: -.045em;
    height: .05em;
    background-color: currentColor;
    box-shadow: 0 .175em,0 .35em;
    opacity: .5
}

.icon-icon>i:before {
    content: "";
    position: absolute;
    width: .05em;
    top: -.275em;
    left: .3025em;
    height: .975em;
    background-color: currentColor;
    box-shadow: .175em 0,.35em 0
}

.icon-icon>i:after {
    content: "";
    position: absolute;
    width: 1.2em;
    height: .05em;
    left: .05em;
    bottom: -0.6em;
    background-color: currentColor;
    opacity: .75;
    transform: rotate(-45deg);
    transform-origin: 0 0
}

.fadein,.fadein-top,.fadein-bottom,.fadein-left,.fadein-right {
    opacity: 0;
    transition: all .35s linear
}

.fadein-top {
    transform: translateY(-1rem)
}

.fadein-bottom {
    transform: translateY(1rem)
}

.fadein-left {
    transform: translateX(-1rem)
}

.fadein-right {
    transform: translateX(1rem)
}

.effect.active .fadein,.effect-hover:hover .fadein,.effect-hover.fadein:hover,.effect.fadein {
    opacity: 1;
    transform: translateX(0);
    transform: translateY(0)
}

.fadeout,.fadeout-top,.fadeout-bottom,.fadeout-left,.fadeout-right {
    transition: all .35s linear
}

.effect.active .fadeout,.effect-hover:hover .fadeout,.effect-hover.fadeout:hover,.effect.fadeout {
    opacity: 0
}

.effect.active .fadeout-top,.effect-hover:hover .fadeout-top,.effect-hover.fadeout-top:hover,.effect.fadeout-top {
    transform: translateY(-1rem)
}

.effect.active .fadeout-bottom,.effect-hover:hover .fadeout-bottom,.effect-hover.fadeout-bottom:hover,.effect.fadeout-bottom {
    transform: translateY(1rem)
}

.effect.active .fadeout-left,.effect-hover:hover .fadeout-left,.effect-hover.fadeout-left:hover,.effect.fadeout-left {
    transform: translateX(-1rem)
}

.effect.active .fadeout-right,.effect-hover:hover .fadeout-right,.effect-hover.fadeout-right:hover,.effect.fadeout-right {
    transform: translateX(1rem)
}

.offset-top,.offset-bottom,.offset-left,.offset-right {
    transition: all .35s ease
}

.effect.active .offset-top,.effect-hover:hover .offset-top,.effect-hover.offset-top:hover,.effect.offset-top {
    transform: translateY(-1rem)
}

.effect.active .offset-bottom,.effect-hover:hover .offset-bottom,.effect-hover.offset-bottom:hover,.effect.offset-bottom {
    transform: translateY(1rem)
}

.effect.active .offset-left,.effect-hover:hover .offset-left,.effect-hover.offset-left:hover,.effect.offset-left {
    transform: translateX(-1rem)
}

.effect.active .offset-right,.effect-hover:hover .offset-right,.effect-hover.offset-right:hover,.effect.offset-right {
    transform: translateX(1rem)
}

.open-width {
    opacity: 0;
    width: 0;
    height: 100%;
    transition: all .35s ease
}

.open-height {
    opacity: 0;
    height: 0;
    width: 100%;
    transition: all .35s ease
}

.close-width,.close-height {
    height: 100%;
    width: 100%;
    transition: all .35s ease
}

.effect.active .open-width,.effect-hover:hover .open-width,.effect-hover.open-width:hover,.effect.open-width {
    width: 100%!important;
    opacity: 1
}

.effect.active .open-height,.effect-hover:hover .open-height,.effect-hover.open-height:hover,.effect.open-height {
    height: 100%!important;
    opacity: 1
}

.effect.active .close-width,.effect-hover:hover .close-width,.effect-hover.close-width:hover,.effect.close-width {
    width: 0!important;
    opacity: 0
}

.effect.active .close-height,.effect-hover:hover .close-height,.effect-hover.close-height:hover,.effect.close-height {
    height: 0!important;
    opacity: 0
}

.scale,.shrink {
    transition: all .35s ease
}

.effect.active .scale,.effect-hover:hover .scale,.effect-hover.scale:hover,.effect.scale {
    transform: scale(1.05)
}

.effect.active .shrink,.effect-hover:hover .shrink,.effect-hover.shrink:hover,.effect.shrink {
    transform: scale(0.95)
}

.effect.active .rotate-once,.effect-hover:hover .rotate-once,.effect-hover.rotate-once:hover,.effect.rotate-once {
    animation: rotate-effect 1s linear
}

.effect.active .rotate,.effect-hover:hover .rotate,.effect-hover.rotate:hover,.effect.rotate {
    animation: rotate-effect 1s infinite linear
}

@keyframes rotate-effect {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.change {
    transition: all .35s ease
}

.change:last-child {
    opacity: 0
}

.effect.active .change:first-child,.effect-hover:hover .change:first-child {
    transform: translateY(-100%);
    opacity: 0
}

.effect.active .change:last-child,.effect-hover:hover .change:last-child {
    transform: translateY(-100%);
    opacity: 1
}

.button {
    position: relative;
    border: solid 1px #ddd!important;
    border-radius: .25rem!important;
    background: transparent;
    display: inline-block;
    line-height: 1.5;
    padding: .375em 1em;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s
}

.button[disabled] {
    pointer-events: none;
    box-shadow: none;
    opacity: .5
}

.button:link {
    text-decoration: none;
    color: #333
}

.button:hover {
    background-color: #f5f5f5;
    z-index: 2
}

.button:active {
    outline: 0;
    z-index: 2;
    opacity: .8
}

.button-block {
    display: block;
    width: 100%
}

.button[class*='text']:hover,.button[class*='text'].active,.button[class*='bg'],.button.border:hover {
    border-color: transparent!important
}

.button[class*='text']:hover,.button[class*='text'].active,.button[class*='bg-'],.button[class*='border']:hover,.button[class*='border'].active,.button.bg:hover,.button.text-light {
    color: #fff!important
}

.button.text-silver,.button.text-light,.button.text-white,.button.bg-silver,.button.bg-light,.button.bg-white,.button.text-silver.active,.button.text-light.active,.button.text-white.active,.button.bg-silver.active,.button.bg-light.active,.button.bg-white.active,.button[class*='-silver']:hover,.button[class*='-light']:hover,.button[class*='-white']:hover {
    color: #333!important
}

.button[class*='bg-']:hover::before {
    position: absolute;
    content: "";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: 0;
    left: 0;
    border-radius: inherit;
    background-color: rgba(0,0,0,.05)
}

.button[class*='bg-']:active,.button[class*='bg-'].active {
    opacity: .8
}

.button-mini {
    padding: .125em .5em
}

.button-small {
    padding: .25em .75em
}

.button-big {
    padding: .625em 1.25em
}

.button-large {
    padding: .875em 1.5em
}

.button-icon {
    padding: .5em!important;
    line-height: 1;
    border-radius: 100%!important
}

.button-group,.button-group.drop {
    display: inline-flex;
    position: relative;
    vertical-align: middle
}

.button-group:not(.button-group-y)>.button:not(:first-child):not(:last-child),.button-group:not(.button-group-y)>.drop:not(:first-child):not(:last-child)>.button {
    margin-left: -1px;
    border-radius: 0!important
}

.button-group:not(.button-group-y)>.button:first-child:not(:last-child),.button-group:not(.button-group-y)>.drop:first-child>.button {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    margin-left: 0
}

.button-group:not(.button-group-y)>.button:last-child:not(:first-child),.button-group:not(.button-group-y)>.drop:last-child>.button {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
    margin-left: -1px
}

.button-group>.button.button-toggle {
    padding-left: .25em;
    padding-right: .25em
}

.button-group-y {
    flex-direction: column;
    -webkit-flex-direction: column
}

.button-group.button-group-y>.button:not(:first-child):not(:last-child),.button-group.button-group-y>.drop:not(:first-child):not(:last-child)>.button {
    margin-top: -1px;
    border-radius: 0!important
}

.button-group.button-group-y>.button:first-child:not(:last-child),.button-group.button-group-y>.drop:first-child>.button {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
    margin-top: 0
}

.button-group.button-group-y>.button:last-child:not(:first-child),.button-group.button-group-y>.drop:last-child>.button {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    margin-top: -1px
}

.input {
    padding: .375em .75em;
    border: solid 1px #ddd;
    width: 100%;
    line-height: 1.5;
    display: block;
    border-radius: .25rem;
    outline: 0;
    background-color: transparent;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s
}

.input[type="color"] {
    width: 3.5rem;
    display: inline-block
}

select.input,.input.input-select {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 1.75rem;
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0045'%3E%3Cpathfill='%23999999'd='M20L02h4zm05L03h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px
}

select.input:not([size]):not([multiple]),select.input+.input.input-text,.input[type="color"],.input[type="range"] {
    height: calc(2.25em + 2px)
}

select.input:focus::-ms-value {
    color: #0a8;
    background-color: transparent
}

select.input::-ms-expand {
    display: none
}

.input[disabled] {
    background-color: #f5f5f5
}

.input-text,.input[readonly] {
    border-color: transparent;
    pointer-events: none;
    background-color: transparent
}

.input:focus,.input:active {
    border-color: #0a8;
    z-index: 2
}

.input-auto {
    width: auto;
    max-width: 100%;
    display: inline-block
}

.input-switch,.input-icon {
    position: relative
}

.input-check>label,.input-upfile,.input-select,.input-search>.option,.input-search.drop {
    display: block;
    position: relative
}

.input-check,.input-switch {
    line-height: 2
}

.input-check.input-check-inline>label {
    margin-right: 1rem;
    white-space: nowrap;
    display: inline-block
}

.input-check.input-check-inline>label:last-child {
    margin-right: 0
}

.input-check>label>input[type="radio"],.input-check>label>input[type="checkbox"],.input-switch>input[type="checkbox"],.input-search>.option>label>input[type="radio"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
    appearance: none;
    outline: 0;
    width: 0;
    height: 0
}

.input-check>label>input[type="radio"]+i,.input-check>label>input[type="checkbox"]+i,.input-switch>input[type="checkbox"]+i {
    position: relative;
    width: 1.125rem;
    height: 1.125rem;
    display: inline-block;
    vertical-align: text-bottom;
    border: solid 1px #ddd;
    border-radius: 100%
}

.input-check>label>input[type="checkbox"]+i {
    border-radius: .125rem
}

.input-check>label>input:checked+i {
    background-color: #0a8;
    border-color: transparent;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s
}

.input-check>label>input:checked+i::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 10px;
    top: 2px;
    left: 5px;
    border-right: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
    transform: rotate(45deg)
}

.input-switch>input[type="checkbox"]+i {
    width: 54px;
    height: 34px;
    border-radius: 34px;
    background-color: #f5f5f5;
    vertical-align: middle
}

.input-switch>input[type="checkbox"]+i::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    background-color: #fff;
    border-radius: 16px;
    transition: transform .35s cubic-bezier(0.4,0.4,0.25,1.35);
    box-shadow: 0 1px 3px rgba(0,0,0,0.4)
}

.input-switch>input[type="checkbox"]:checked+i {
    background-color: #0a8;
    border-color: transparent
}

.input-switch>input[type="checkbox"]:checked+i::after {
    transform: translateX(20px)
}

.input-check>input[disabled]+i,.input-switch>input[disabled]+i {
    opacity: .5
}

.input-select.drop {
    display: block!important
}

.input-select>select.input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1
}

.input-select>.dropdown ul>li {
    cursor: default
}

.input-verify {
    position: relative
}

.input-verify>input {
    opacity: 0
}

.input-verify>ul {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

.input-verify>ul>li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    width: 2.5rem;
    height: 100%;
    border: solid 1px #ddd;
    border-radius: .25rem;
    font-size: 1.5rem;
    cursor: text
}

.input-verify>ul>li:not(:last-child) {
    margin-right: .25rem
}

.input-verify>ul>li.active {
    color: #0a8;
    border-color: #0a8
}

.input-verify>span {
    width: 1px;
    height: 60%;
    background: rgba(0,0,0,.5);
    display: inline-block;
    position: absolute;
    top: .4em;
    left: .4em
}

.input-upfile {
    display: flex!important
}

.input-upfile>span {
    width: 1%;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #999;
    padding-left: .5em;
    white-space: nowrap;
    overflow: hidden
}

.input-upfile>a.button {
    position: relative;
    overflow: hidden;
    width: auto
}

.input-upfile>a.button>input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0
}

.input-upfile-block>span {
    padding-left: .75em;
    border: solid 1px #ddd;
    border-radius: .25rem;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.input-upfile-block>a.button {
    margin-left: -1px;
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.input-upimage {
    display: inline-flex;
    position: relative;
    border-radius: .25rem;
    vertical-align: top;
    width: 100px;
    height: 100px
}

.input-upimage>a {
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: inherit;
    width: 100%;
    height: 100%
}

.input-upimage>a::before,.input-upimage>a::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #999
}

.input-upimage>a::after {
    width: 2px;
    height: 2rem
}

.input-upimage>a::before {
    width: 2rem;
    height: 2px
}

.input-upimage>a:hover::before,.input-upimage>a:hover::after {
    background-color: #0a8
}

.input-upimage>a[disabled] {
    opacity: .5;
    pointer-events: none
}

.input-upimage>a>input[type="file"] {
    opacity: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.input-upimage>span,.input-upimage>img {
    display: none
}

.input-upimage.input-imgnote>span,.input-upimage.input-imgerror>span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #999;
    color: #fff;
    font-size: .875rem;
    border-radius: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    line-height: 1.25
}

.input-upimage.input-imgerror>span {
    background-color: #f00
}

.input-upimage.input-imgshow>a {
    display: none
}

.input-upimage.input-imgshow>img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    border: 0;
    border-radius: inherit;
    align-self: flex-start
}

.input-upimage>i {
    position: absolute;
    top: .3125rem;
    left: .25rem
}

.input-upimage>i::after {
    content: "×";
    width: .875rem;
    height: .875rem;
    display: block;
    border-radius: 50%;
    background-color: rgba(0,0,0,.25);
    line-height: .875;
    color: #fff;
    font-size: .8125rem;
    font-style: normal;
    text-align: center;
    cursor: pointer
}

.input-icon>span {
    position: absolute;
    top: 0;
    left: .75rem;
    display: flex;
    height: 100%;
    font-style: normal;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.input-icon>span:last-child {
    left: auto;
    right: .75rem
}

.input-icon>span+.input {
    text-indent: 1.5rem
}

.input-icon>.input:nth-last-of-type(2) {
    padding-right: 1.75rem
}

.input-icon>.input[data-form="clear"]+span {
    font-size: 87.5%;
    visibility: hidden
}

.input-inline {
    display: flex
}

.input-inline>.addon {
    margin-right: -1px;
    display: flex
}

.input-inline>.addon>span {
    padding: 0 .75em;
    border: 1px solid #ddd;
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.input-inline>.input,.input-inline>.input-inline-auto {
    display: flex;
    width: 1%;
    flex: 1 1 auto
}

.input-inline>.input.input-auto,.input-inline>.input-inline-auto>.input.input-auto {
    width: auto;
    flex: none
}

.input-inline>.input:not(:last-child),.input-inline>.input-inline-auto {
    margin-right: -1px
}

.input-inline>.addon:first-child>span,.input-inline>.addon:first-child>.input,.input-inline>.addon:first-child>.button,.input-inline>.input:first-child,.input-inline>.input-inline-auto:first-child>.input {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.input-inline>.addon:last-child>span,.input-inline>.addon:last-child>.input,.input-inline>.addon:last-child>.button,.input-inline>.input:last-child,.input-inline>.input-inline-auto:last-child>.input {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.input-inline>.addon:not(:first-child):not(:last-child)>span,.input-inline>.addon:not(:first-child):not(:last-child)>.input,.input-inline>.addon:not(:first-child):not(:last-child)>.button,.input-inline>.input:not(:first-child):not(:last-child),.input-inline>.input-inline-auto:not(:first-child):not(:last-child)>.input {
    border-radius: 0!important
}

.input-inline>.addon>span[class*='bg-'] {
    border-color: transparent!important;
    color: #fff
}

.input-inline>.addon>span.bg-silver,.input-inline>.addon>span.bg-light,.input-inline>.addon>span.bg-white {
    color: #333!important
}

.input-radius>.addon:first-child>span,.input-radius>.addon:first-child>.input,.input-radius>.addon:first-child>.button,.input-radius>.input:first-child,.input-radius>.input-inline-auto:first-child:not(:last-child)>.input {
    border-radius: 2rem 0 0 2rem!important;
    padding-left: 1rem
}

.input-radius>.addon:last-child>span,.input-radius>.addon:last-child>.input,.input-radius>.addon:last-child>.button,.input-radius>.input:last-child,.input-radius>.input-inline-auto:last-child:not(:first-child)>.input {
    border-radius: 0 2rem 2rem 0!important;
    padding-right: 1rem
}

.input-radius>.input:first-child:last-child,.input-radius>.input-inline-auto:first-child:last-child>.input {
    border-radius: 2rem!important;
    padding-left: 1rem;
    padding-right: 1rem
}

.input-radius.input-search-icon {
    display: inline-flex
}

.input-radius.input-search-icon>.input-inline-auto>input {
    width: calc(2.25em + 2px)
}

.input-radius.input-search-icon:hover>.input-inline-auto>input {
    width: 100%
}

.input-search>.option {
    padding-left: 1.5rem;
    font-size: .875rem
}

.input-search>.option>label>span {
    display: inline-block;
    padding: 0 .5rem
}

.input-search>.option>label>input:checked+span {
    background-color: #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.input-group,.input-group>.input-block {
    position: relative
}

.input-group>.input-block>.input-help {
    font-size: .875rem;
    color: #999
}

.input-group>.input-block>.input-validate {
    font-size: .875rem
}

.input-group:not(.input-group-inline)>.input-block>.input-help.input-help-right {
    position: absolute;
    top: -1.625rem;
    right: 0
}

.input-group-inline {
    display: flex
}

.input-group-inline>label {
    padding: .375rem;
    padding-left: 0;
    white-space: nowrap
}

.input-group-inline>.input,.input-group-inline>.input-block {
    width: 1%;
    flex: 1 1 auto
}

.input-group-inset>label {
    position: absolute;
    top: 0;
    left: .375rem;
    padding: .375rem
}

.input-group-inset>.input,.input-group-inset>.input-block>.input {
    text-align: right
}

.form .input-group,.form fieldset>.input-group {
    margin-bottom: 1rem
}

.form .fieldset {
    border-style: none;
    border-top-style: solid;
    border-width: 2px;
    border-radius: 0;
    padding: .5em 0 0 0;
    margin-bottom: 0
}

.form-x .input-group,.form-x fieldset>.input-group {
    display: flex
}

.form-x .input-group>label,.form-x fieldset>.input-group>label {
    padding: .375rem;
    width: 3em;
    padding-left: 0;
    white-space: nowrap
}

.form-x .input-group>.input,.form-x .input-group>.input-block,form.form-x fieldset>.input-group>.input,.form-x fieldset>.input-group>.input-block {
    width: 1%;
    flex: 1 1 auto
}

.form-x .form-button,.form-x fieldset>.form-button {
    margin-left: 3em
}

.label-center,.form-x.form-label-center .input-group>label,.form-x.form-label-center fieldset>.input-group>label {
    text-align: center
}

.label-right,.form-x.form-label-right .input-group>label,.form-x.form-label-right fieldset>.input-group>label {
    text-align: right
}

.form-auto .input {
    width: auto;
    flex: none;
    display: inline-block
}

.input-auto+.input-help,.form-auto .input+.input-help {
    display: inline-block
}

.input-required::after {
    content: "*";
    padding-left: .25rem;
    color: #f00
}

label.label-right.input-required::after,.form-x.form-label-right>.input-group>label.input-required::after,.form-x.form-label-right>fieldset>.input-group>label.input-required::after {
    content: "";
    padding-left: 0
}

label.label-right.input-required::before,.form-x.form-label-right>.input-group>label.input-required::before,.form-x.form-label-right>fieldset>.input-group>label.input-required::before {
    content: "*";
    padding-right: .25rem;
    color: #f00
}

.form-button.align-center,.form-button[align="center"] {
    padding-left: 0!important
}

.form-inline,.form-inline>.input-group,.form-inline>.input-group>.input-block,.form-inline>.form-button {
    display: inline-block
}

.form-inline .input {
    display: inline-block;
    width: auto;
    flex: none
}

.form-nowrap,.form-nowrap-y {
    display: flex
}

.form-nowrap>.input-group,.form-nowrap-y>.input-group {
    margin-bottom: 0
}

.form-nowrap>.input-group:first-child>.input-block>.input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: relative
}

.form-nowrap>.input-group:not(:first-child):not(:last-child)>.input-block>.input {
    border-radius: 0;
    width: auto;
    margin-left: -1px;
    position: relative
}

.form-nowrap>.input-group:last-child>.input-block>.input,.form-nowrap>.form-button>.button {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
    margin-left: -1px
}

.form-nowrap>.form-button>.button {
    white-space: nowrap
}

.form-nowrap-y {
    flex-direction: column;
    -webkit-flex-direction: column
}

.form-nowrap-y>.input-group:first-child>.input-block>.input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative
}

.form-nowrap-y>.input-group:not(:first-child):not(:last-child)>.input-block>.input {
    border-radius: 0;
    position: relative;
    position: relative;
    margin-top: -1px
}

.form-nowrap-y>.input-group:last-child>.input-block>.input,.form-nowrap-y>.form-button>.button {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    margin-top: -1px
}

.form-nowrap-y>.form-button>.button {
    display: block;
    width: 100%
}

.form-inset>.input-group>label,.form-inset>fieldset>.input-group>label {
    position: absolute;
    top: 0;
    left: .375rem;
    padding: .375rem
}

.form-inset>.input-group>.input,.form-inset>.input-group>.input-block>.input,.form-inset>fieldset>.input-group>.input,.form-inset>fieldset>.input-group>.input-block>.input {
    text-align: right
}

.form-inset-group>fieldset {
    border: 0;
    padding: 0;
    margin: 0 0 .75rem 0
}

.form-inset-group>fieldset>legend {
    font-size: 80%;
    margin: 0;
    padding: .375rem;
    width: 100%;
    color: #999
}

.form-inset-group>fieldset>.input-group {
    padding-left: 1rem;
    margin: 0;
    background-color: #fff
}

.form-inset-group>fieldset>.input-group>label {
    left: 1rem
}

.form-inset-group>fieldset>.input-group>.input-block>.input {
    border-color: transparent
}

.form-inset-group>fieldset>.input-group>.input-block {
    border-bottom: solid 1px #ddd
}

.form-inset-group>fieldset>.input-group:first-child {
    border-top: solid 1px #ddd
}

.form-inset-group>fieldset>legend+.input-group {
    border-top: solid 1px #ddd
}

.form-inset-group>fieldset>.input-group:last-child {
    border-bottom: solid 1px #ddd
}

.form-inset-group>fieldset>.input-group:last-child>.input-block {
    border-bottom: 0
}

.form-inset-group>fieldset:not(:first-child)>legend {
    margin-top: -0.75rem
}

.form-inset-group>fieldset+.form-button {
    margin-top: 1rem
}

.validate-tips .input-validate {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    padding: .125rem .5rem;
    border-radius: .25rem;
    margin-top: 5px;
    opacity: .9
}

.validate-tips .input-validate::after {
    content: "";
    position: absolute;
    left: 10px;
    top: -4px;
    display: inline-block;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 4px;
    border-top-width: 0;
    border-color: transparent;
    border-bottom-color: #f00
}

.validate-tips .input-valid .input-validate::after {
    border-bottom-color: #2c7
}

.validate-tips.form-inset .input-validate,.input-group-inset .input-validate {
    left: auto;
    right: 0
}

.validate-tips.form-inset .input-validate::after,.input-group-inset .input-validate::after {
    left: auto;
    right: 10px
}

.input-novalidate .input-validate {
    display: none
}

.input-valid .input,.input-invalid .input {
    z-index: 2
}

.form.grid .input-group {
    margin-bottom: 0
}

.input[class*='bg-'] {
    border-color: transparent!important
}

.input.bg-silver,.input.bg-light,.input.bg-white {
    color: #333!important
}

.input-small,.form-small .input {
    padding: .25em .5em
}

.input-big,.form-big .input {
    padding: .625em 1em
}

.form-small .button {
    padding: .25em .75em
}

.form-big .button {
    padding: .625em 1.25em
}

select.input.input-small:not([size]):not([multiple]),select.input.input-small+.input.input-text,.input.input-small[type="color"],.input.input-small[type="range"],.form-small select.input:not([size]):not([multiple]),.form-small select.input+.input.input-text,.form-small .input[type="color"],.form-small .input[type="range"] {
    height: calc(2em + 2px)
}

select.input.input-big:not([size]):not([multiple]),select.input.input-big+.input.input-text,.input.input-big[type="color"],.input.input-big[type="range"],.form-big select.input:not([size]):not([multiple]),.form-big select.input+.input.input-text,.form-big .input[type="color"],.form-big .input[type="range"] {
    height: calc(2.75em + 2px)
}

.input-radius>.input-inline-auto>input.input-small[size="0"] {
    width: calc(2em + 2px)
}

.input-radius>.input-inline-auto>input.input-big[size="0"] {
    width: calc(2.75em + 2px)
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    border-radius: .25rem;
    border: solid 1px rgba(0,0,0,.125)
}

.card-head,.card-foot {
    padding: .5rem 1rem;
    background: rgba(0,0,0,.03)
}

.card-head {
    border-bottom: solid 1px rgba(0,0,0,.125)
}

.card-foot {
    border-top: solid 1px rgba(0,0,0,.125)
}

.card-media {
    max-width: 100%;
    height: auto;
    display: block
}

.card-body {
    padding: 1rem;
    flex: 1 1 auto
}

.card-tab {
    display: none
}

.card-tab.active {
    display: block
}

.card-head-nav.nav.nav-tabs,.card-head-nav.nav.nav-line {
    margin-bottom: calc(-0.5rem - 1px)
}

.card-head-nav.nav.nav-tabs,.card-head-nav.nav.nav-line>li {
    border-bottom-color: transparent
}

.card-head,.card-body:first-child,.card-media:first-child,.card>.list-group:first-child,.card>.list-group>li:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.card-foot,.card-body:last-child,.card-media:last-child,.card>.list-group:last-child,.card>.list-group>li:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.card-overflow {
    margin: -1px;
    width: calc(100% + 2px)!important;
    max-width: none!important
}

.card>.table {
    border: 0;
    border-collapse: collapse
}

.card>.list-group>li {
    padding: .5rem 1rem
}

.card>.card-body+.table,.card>.card-body+.list-group,.card>.table+.card-body,.card>.list-group+.card-body,.card>.list-group+.table,.card>.table+.list-group {
    border-top: solid 1px rgba(0,0,0,.125)
}

.toast {
    border: solid 1px rgba(0,0,0,.1);
    background-color: rgba(255,255,255,.8);
    box-shadow: 0 5px 10px rgba(0,0,0,.175);
    border-radius: .5rem;
    position: relative;
    font-size: .875rem
}

.toast>.toast-header {
    padding: .5rem .75rem;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    display: flex;
    align-items: center
}

.toast>.toast-header>strong {
    flex-grow: 1;
    font-weight: 450;
    margin-left: .25rem
}

.toast>.toast-header>time {
    font-size: .75rem;
    opacity: .5
}

.toast>.toast-header>i {
    margin-left: .5rem;
    margin-right: -0.25rem;
    cursor: pointer;
    opacity: .5
}

.toast>.toast-bodyer {
    padding: .5rem .75rem;
    padding-top: 0
}

.toast>.toast-divider {
    border-top: solid 1px transparent;
    border-color: inherit;
    height: 1px
}

.toast>.toast-divider+.toast-bodyer {
    padding-top: .5rem
}

.drop {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.drop>.dropdown {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 100%;
    left: 0;
    z-index: 0;
    width: 100%;
    min-width: 10rem;
    margin-top: 1rem;
    transition: all .5s ease .2s
}

.drop.drop-right>.dropdown {
    right: 0;
    left: auto
}

.drop.drop-up>.dropdown,.drop.drop-auto>.dropdown {
    bottom: 100%;
    top: auto;
    margin-top: 0;
    margin-bottom: 1rem
}

.drop:not(.drop-toggle):hover>.dropdown,.drop.drop-open>.dropdown {
    visibility: visible;
    margin-top: 2px;
    opacity: 1;
    z-index: 1
}

.drop.drop-up:not(.drop-toggle):hover>.dropdown,.drop.drop-auto:not(.drop-toggle):hover>.dropdown {
    margin-bottom: 2px
}

.drop.drop-up.drop-open>.dropdown,.drop.drop-auto.drop-open>.dropdown {
    margin: 0 0 2px 0
}

.badge {
    display: inline-block;
    padding: .25em .5em;
    line-height: 1;
    font-size: .75rem;
    font-style: normal;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #f00;
    border-radius: 2em;
    white-space: nowrap;
    vertical-align: baseline
}

.badge.badge-dot {
    width: 0;
    padding: 0;
    padding: .25rem;
    font-size: 0;
    border-radius: 100%
}

.badge:not(.badge-dot):empty {
    display: none
}

.badge-corner {
    position: relative;
    outline: 0
}

.badge-corner>.badge {
    position: absolute;
    right: -0.5rem;
    top: -0.5rem;
    font-weight: normal;
    cursor: pointer;
    z-index: 3
}

.badge-corner>.badge.badge-dot {
    right: -0.25rem;
    top: -0.25rem
}

progress,progress::-webkit-progress-bar {
    width: 100%;
    display: flex;
    font-size: .75rem;
    border: 0;
    border-radius: 2rem;
    color: #0a8;
    background: #f5f5f5;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

progress::-moz-progress-bar {
    background: #0a8;
    border-radius: 2rem
}

progress::-webkit-progress-value {
    background: #0a8;
    border-radius: 2rem
}

.progress {
    width: 100%;
    height: .75rem;
    display: flex;
    font-size: .75rem;
    border: 0;
    border-radius: 2rem;
    color: #0a8;
    background: #f5f5f5;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress>.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: .75rem;
    line-height: 1;
    color: #fff;
    background: #0a8;
    border-radius: 2rem;
    transition: width .6s ease
}

.progress.progress-striped>.progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.25) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.25) 75%,transparent 75%,transparent);
    background-size: 2rem 2rem
}

@-webkit-keyframes progress-bar-active {
    from {
        background-position: 0 0
    }

    to {
        background-position: 2rem 0
    }
}

@keyframes progress-bar-active {
    from {
        background-position: 0 0
    }

    to {
        background-position: 2rem 0
    }
}

.progress.progress-active>.progress-bar {
    -webkit-animation: progress-bar-active 2s linear infinite normal;
    animation: progress-bar-active 2s linear infinite normal
}

.progress-mini {
    height: 1px
}

.progress-small {
    height: .5rem
}

.progress-mini>.progress-bar,.progress-small>.progress-bar {
    font-size: 0
}

.progress-big {
    height: 1rem
}

.progress-large {
    height: 1.5rem
}

.ring {
    font-size: 100px;
    width: 1em;
    height: 1em;
    position: relative;
    border-radius: 50%;
    background: #0a8
}

.ring>.ring-left,.ring>.ring-right,.ring>.ring-left>i,.ring>.ring-right>i {
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em
}

.ring>.ring-left>i,.ring>.ring-right>i {
    display: block;
    background: #ddd;
    border-radius: 50%;
    transform: rotate(0deg)
}

.ring>.ring-right,.ring>.ring-right>i {
    clip: rect(0,auto,auto,0.5em)
}

.ring>.ring-left,.ring>.ring-left>i {
    clip: rect(0,0.5em,auto,0)
}

.ring>.ring-mask {
    width: .86em;
    height: .86em;
    border-radius: 50%;
    left: .07em;
    top: .07em;
    background: #fff;
    position: absolute;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.ring>.ring-mask>i,.ring>.ring-mask>em {
    font-size: .3em;
    font-style: normal
}

.ring>.ring-mask>em {
    display: none
}

.ring>.ring-mask>em>i {
    font-size: 2.5em
}

.ring>.ring-mask>span {
    font-size: 12px;
    margin-top: .25rem
}

.alert {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    position: relative;
    border-radius: .5rem
}

.alert>[data-dismiss] {
    position: absolute;
    right: 1rem;
    top: 1rem;
    cursor: pointer;
    color: #f00
}

.alert>i:not([data-dismiss]) {
    font-size: 48px;
    margin: 1rem
}

.alert>.alert-body {
    margin: 0 1rem 1rem 1rem
}

.alert>p,.alert>.alert-body>p {
    margin: 0;
    font-size: .875rem
}

.alert.alert-center {
    align-items: center;
    text-align: center
}

.alert.alert-inline {
    flex-direction: row;
    align-items: center
}

.alert.alert-inline>.alert-body {
    margin-top: 1rem;
    flex: 1 0 0
}

.selector {
    display: flex;
    margin: 0;
    align-items: center
}

.selector>dt {
    white-space: nowrap;
    padding-right: .5rem
}

.selector>dd {
    margin: 0
}

.selector>dd>a {
    display: inline-block;
    padding: .25rem .5rem;
    border: solid 1px transparent;
    border-radius: .25rem;
    color: inherit
}

.selector>dd>a.active {
    border-color: #ddd;
    pointer-events: none
}

.selector>dd>a:hover {
    color: #0a8
}

.selector-group {
    border: solid 1px #ddd;
    border-radius: .5rem
}

.selector-group>.selector {
    border-bottom: solid 1px rgba(0,0,0,.05);
    padding: .5rem
}

.selector-group>.selector:last-child {
    border-bottom: 0
}

.selector-group>.selector>dt {
    padding-left: .5rem
}

.selector-group>.selector>dd>a.active {
    border-color: rgba(0,0,0,.05)
}

.tips,.popove {
    position: absolute;
    z-index: 5;
    max-width: 16rem;
    border-radius: .25rem
}

.tips {
    background: #333;
    color: #fff;
    font-size: .75rem;
    padding: .25rem .5rem;
    border-color: #333
}

.popove {
    background: #fff;
    border: solid 1px #ddd;
    font-size: .875rem;
    min-width: 10rem
}

.popove>.popove-title {
    display: block;
    background-color: #f5f5f5;
    padding: .25rem .75rem;
    border-bottom: solid 1px transparent;
    border-color: inherit;
    border-radius: .25rem .25rem 0 0
}

.popove>.popove-title:empty {
    display: none
}

.popove>.popove-body {
    padding: .75rem
}

.tips::before,.popove::before,.popove::after,.popove.popove-bottom>.popove-title::after {
    content: "";
    position: absolute;
    display: inline-block;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: transparent
}

.tips::before {
    border-width: 5px
}

.popove::before {
    border-width: 10px
}

.popove::after,.popove.popove-bottom>.popove-title::after {
    border-width: 9px
}

.tips.tips-top::before,.tips.tips-bottom::before {
    left: 50%;
    margin-left: -5px
}

.tips.tips-left::before,.tips.tips-right::before {
    top: 50%;
    margin-top: -5px
}

.tips.tips-top::before {
    bottom: -5px;
    border-bottom-width: 0;
    border-top-color: inherit
}

.tips.tips-right::before {
    left: -5px;
    border-left-width: 0;
    border-right-color: inherit
}

.tips.tips-bottom::before {
    top: -5px;
    border-top-width: 0;
    border-bottom-color: inherit
}

.tips.tips-left::before {
    right: -5px;
    border-right-width: 0;
    border-left-color: inherit
}

.popove.popove-top::before,.popove.popove-bottom::before {
    left: 50%;
    margin-left: -10px
}

.popove.popove-left::before,.popove.popove-right::before {
    top: 50%;
    margin-top: -9px
}

.popove.popove-top::after,.popove.popove-bottom::after,.popove.popove-bottom>.popove-title::after {
    left: 50%;
    margin-left: -9px
}

.popove.popove-left::after,.popove.popove-right::after {
    top: 50%;
    margin-top: -8px
}

.popove.popove-top::before {
    bottom: -10px;
    border-bottom-width: 0;
    border-top-color: inherit
}

.popove.popove-right::before {
    left: -10px;
    border-left-width: 0;
    border-right-color: inherit
}

.popove.popove-bottom::before {
    top: -10px;
    border-top-width: 0;
    border-bottom-color: inherit
}

.popove.popove-left::before {
    right: -10px;
    border-right-width: 0;
    border-left-color: inherit
}

.popove.popove-top::after {
    bottom: -9px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popove.popove-right::after {
    left: -9px;
    border-left-width: 0;
    border-right-color: #fff
}

.popove.popove-bottom::after {
    top: -9px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popove.popove-left::after {
    right: -9px;
    border-right-width: 0;
    border-left-color: #fff
}

.popove.popove-bottom>.popove-title::after {
    top: -9px;
    border-top-width: 0;
    border-bottom-color: #f5f5f5;
    z-index: 2
}

.service {
    display: inline-block
}

.service[class*='-bottom'] {
    bottom: 1rem
}

.service[class*='-top'] {
    top: 1rem
}

.service[class*='-left'] {
    left: .5rem
}

.service[class*='-right'] {
    right: .5rem
}

.service .service-item {
    position: relative
}

.service .service-item:hover::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.05)
}

.service .service-item>.service-body {
    display: none
}

.service .service-item:hover>.service-body {
    position: absolute;
    top: 0;
    left: 100%;
    display: inline-block;
    min-width: auto
}

.service .service-item:hover>.service-body.tips {
    top: 5px
}

.service .service-item:hover>.service-body.popove {
    margin-top: -1px
}

.service .service-item:hover>.service-body.popove::before,.service .service-item:hover>.service-body.popove::after {
    top: 20px
}

.service[class*='-right'] .service-item:hover>.service-body {
    left: auto;
    right: 100%
}

.service[class*='-bottom'] .service-item:hover>.service-body {
    top: auto;
    bottom: 0
}

.service[class*='-bottom'] .service-item:hover>.service-body.popove::before {
    top: auto;
    bottom: 9px
}

.service[class*='-bottom'] .service-item:hover>.service-body.popove::after {
    top: auto;
    bottom: 10px
}

.timeline {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0
}

.timeline>li {
    position: relative;
    padding: 0 0 1rem 1.5rem
}

.timeline>li:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    height: 100%;
    border-left: dashed 2px #ddd
}

.timeline>li::after {
    content: "";
    position: absolute;
    left: -5px;
    top: 6px;
    width: 12px;
    height: 12px;
    border: solid 2px #ddd;
    border-radius: 50%;
    background-color: #fff
}

.timeline>li.active::after {
    background-color: #0a8;
    border-color: transparent
}

.timeline>li.active:not(:last-child)::before {
    border-left: solid 2px #0a8
}

.timeline>li>.timeline-title {
    display: block
}

.timeline>li>.tips,.timeline>li>.timeline-title>.tips {
    position: relative;
    display: inline-block
}

.timeline>li>.popove {
    position: relative;
    display: block;
    min-width: auto;
    max-width: 100%
}

.timeline>li>.popove::before,.timeline>li>.popove::after {
    top: 12px
}

.timeline>li>.popove.popove-title::after {
    border-right-color: #f5f5f5
}

.timeline:not(.timeline-aside)>li>.timeline-title,.timeline:not(.timeline-aside)>li>.tips {
    margin-bottom: .5rem
}

.timeline.timeline-aside {
    padding-left: 6.5rem
}

.timeline.timeline-aside>li>.timeline-title {
    position: absolute;
    left: -6.5rem;
    top: -3px;
    width: 5rem;
    text-align: right
}

.timeline.timeline-center>li {
    margin-left: 50%;
    margin-right: auto
}

.timeline.timeline-center>li:nth-child(2n) {
    margin-right: 50%;
    margin-left: auto;
    text-align: right;
    padding-right: 1.5rem;
    padding-left: 0
}

.timeline.timeline-center>li:nth-child(2n)::before {
    left: auto;
    right: -2px
}

.timeline.timeline-center>li:nth-child(2n)::after {
    left: auto;
    right: -7px
}

.timeline.timeline-center>li:nth-child(2n)>.popove.popove-title::after {
    border-left-color: #f5f5f5
}

.timeline.timeline-center>li:nth-child(2n)>.timeline-body,.timeline.timeline-center>li:nth-child(2n)>.popove {
    text-align: left
}

.timeline.timeline-center.timeline-aside {
    padding-left: 0
}

.timeline.timeline-center.timeline-aside>li:nth-child(2n)>.timeline-title {
    left: auto;
    right: -6.5rem;
    text-align: left
}

.loader {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    width: 1.5em;
    height: 1em;
    color: #0a8
}

.loader::before,.loader>i {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: .5em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    opacity: .9;
    margin-left: -0.5rem
}

.loader::before {
    border-color: currentColor;
    animation: loaderleft 1.5s ease-in-out infinite,loaderleftz .66s ease-in-out infinite
}

.loader>i {
    color: #f00;
    border-color: currentColor;
    animation: loaderright 1.5s ease-in-out infinite,loaderrightz .66s ease-in-out infinite
}

@keyframes loaderleft {
    0% {
        left: 0;
        transform: scale(1.1)
    }

    50% {
        left: 100%;
        transform: scale(1)
    }

    100% {
        left: 0;
        transform: scale(1.1)
    }
}

@keyframes loaderright {
    0% {
        left: 100%;
        transform: scale(1.1)
    }

    50% {
        left: 0;
        transform: scale(1)
    }

    100% {
        left: 100%;
        transform: scale(1.1)
    }
}

@keyframes loaderleftz {
    0% {
        z-index: 0
    }

    50% {
        z-index: 1
    }

    100% {
        z-index: 0
    }
}

@keyframes loaderrightz {
    0% {
        z-index: 1
    }

    50% {
        z-index: 0
    }

    100% {
        z-index: 1
    }
}

.loader-circle {
    display: inline-block;
    font-size: 1rem;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    position: relative;
    color: #0a8;
    border: solid .1em currentColor;
    border-left-color: transparent;
    transform: translateZ(0);
    animation: loadercircle 1.1s infinite linear
}

.loader-circle[class*='border'] {
    border-left-color: transparent!important
}

@keyframes loadercircle {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.loader-dot {
    display: inline-block;
    font-size: 1rem;
    width: 3em;
    height: 1em;
    text-align: center;
    position: relative;
    color: #0a8
}

.loader-dot>i,.loader-dot::before,.loader-dot::after {
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    animation-fill-mode: both;
    animation: loaderdot 1.4s infinite ease-in-out
}

.loader-dot>i {
    vertical-align: top;
    background-color: currentColor;
    animation-delay: -0.16s
}

.loader-dot::before,.loader-dot::after {
    content: "";
    position: absolute;
    background-color: currentColor
}

.loader-dot::before {
    left: 0;
    animation-delay: -0.32s
}

.loader-dot::after {
    left: 2em
}

@keyframes loaderdot {
    0%,100% {
        transform: scale(0.0)
    }

    40%,60% {
        transform: scale(0.9)
    }
}

.nav {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0
}

.nav>li {
    display: list-item;
    position: relative
}

.nav>li>a {
    padding: .5em 1em;
    display: block;
    white-space: nowrap;
    text-decoration: none;
    position: relative;
    color: #333;
    outline: 0;
    transition: all .5s ease
}

.nav>li.active>a,.nav>li>a:hover,.nav>li>a:active {
    color: #0a8;
    z-index: 1
}

.nav>li>select {
    min-width: 4rem;
    height: 100%;
    color: #0a8;
    padding: .25rem 1.25rem .25rem 1rem;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0045'%3E%3Cpathfill='%23999999'd='M20L02h4zm05L03h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px
}

.nav>li>select::-ms-expand {
    display: none
}

.nav>li.disabled {
    pointer-events: none;
    opacity: .5
}

.nav.nav-inline {
    display: inline-flex
}

.nav.nav-divider>li:not(:first-child)>a {
    border-left: 1px solid rgba(0,0,0,.1)
}

.nav.nav-divider-line>li {
    display: flex;
    align-items: center
}

.nav.nav-divider-line>li:not(:first-child)::before {
    content: "";
    border-left: 1px solid rgba(0,0,0,.1);
    height: 1.25rem
}

.nav.nav-divider-line>li>a {
    width: 100%
}

.nav.nav-box {
    border: solid 1px #ddd;
    border-radius: .25rem
}

.nav.nav-center {
    justify-content: center!important;
    text-align: center
}

.nav.nav-right {
    justify-content: flex-end!important
}

.nav.nav-block>li {
    flex-grow: 1;
    text-align: center
}

.nav.nav-small>li>a {
    padding: .25em 1em!important;
    font-size: .875rem!important
}

.nav.nav-big>li>a {
    padding: .75em 1em!important;
    font-size: 1.125rem!important
}

.nav>li:first-child,.nav>li:first-child>a {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.nav.nav-block>li:last-child,.nav.nav-block>li:last-child>a {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.nav.nav-inverse>li>a {
    color: #fff
}

.nav.nav-inverse>li>select {
    color: #fff;
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0045'%3E%3Cpathfill='%23ffffff'd='M20L02h4zm05L03h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px
}

.nav.nav-inverse>li.active>a,.nav.nav-inverse>li>a:hover {
    background-color: rgba(0,0,0,.1)
}

.nav.nav-inverse.nav-divider>li>a,.nav.nav-inverse.nav-divider-line>li::before {
    border-color: rgba(255,255,255,0.2)
}

.nav>li.drop>a::after {
    content: "";
    display: inline-block;
    margin-left: .5rem;
    border: solid 5px transparent;
    border-top-color: currentColor
}

.nav.nav-inverse>li.drop>a::after {
    border-top-color: currentColor
}

.nav>li>.dropdown>.nav-menu {
    width: 100%
}

.nav.nav-menu {
    flex-direction: column!important
}

.nav.nav-menu>li {
    text-align: center
}

.nav.nav-menu>li.nav-title {
    font-weight: bold;
    padding: .5rem 1rem;
    font-size: 75%;
    color: rgba(0,0,0,.5);
    text-align: center
}

.nav.nav-menu.nav-divider>li:not(:first-child)>a {
    border-left: none;
    border-top: solid 1px rgba(0,0,0,.1)
}

.nav.nav-menu.nav-divider>li.nav-title {
    border-top: solid 1px #ddd;
    background: #f5f5f5
}

.nav.nav-menu>li.nav-divider {
    margin: .25rem 0;
    border-top: 1px solid #ddd
}

.nav.nav-menu.nav-divider-line>li:not(:first-child)::before {
    border-left: none
}

.nav.nav-menu>li:first-child,.nav.nav-menu>li:first-child>a {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-left-radius: 0
}

.nav.nav-menu>li:last-child,.nav.nav-menu>li:last-child>a {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-right-radius: 0
}

.nav-arrow {
    display: flex!important;
    flex-grow: 1;
    justify-content: space-between!important;
    align-items: center!important
}

.nav-arrow::after {
    content: "";
    width: .675rem;
    height: .675rem;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    transform: rotate(45deg);
    opacity: .5
}

.nav.nav-menu>li.drop>a.nav-arrow::before,.nav.nav-menu>li.drop>a.nav-arrow::after {
    content: "";
    position: absolute;
    width: .75rem;
    height: 1px;
    top: 50%;
    background: currentColor;
    right: 1rem;
    border: 0;
    transition: transform .15s linear;
    opacity: .5
}

.nav.nav-menu>li.drop>a.nav-arrow::after {
    transform: rotate(90deg)
}

.nav.nav-menu>li.drop:hover>a.nav-arrow::after {
    transform: rotate(0deg)
}

.nav.nav-line>li {
    border-bottom: solid 2px #ddd
}

.nav.nav-line.nav-box>li {
    margin-bottom: -1px
}

.nav.nav-line.nav-line-top>li {
    border-top: solid 2px #ddd;
    border-bottom: 0
}

.nav.nav-line.nav-line-top.nav-box>li {
    margin-top: -1px;
    margin-bottom: 0
}

.nav.nav-line>li.active,.nav.nav-line>li:hover {
    border-color: #0a8
}

.nav.nav-line.nav-inverse>li {
    border-color: rgba(255,255,255,.25)
}

.nav.nav-line.nav-inverse>li.active,.nav.nav-line.nav-inverse>li:hover {
    border-color: #fff
}

.nav.nav-line.nav-inverse>li.active>a,.nav.nav-line.nav-inverse>li>a:hover {
    background-color: transparent
}

.nav.nav-line.nav-menu>li {
    border-width: 1px
}

.nav.nav-line.nav-menu>li.active {
    border-width: 2px
}

.nav.nav-card:not(.nav-menu)>li:not(:last-child) {
    margin-right: .25rem
}

.nav.nav-card.nav-menu>li:not(:last-child) {
    margin-bottom: .25rem
}

.nav.nav-card.nav-box {
    padding: .25rem
}

.nav.nav-card>li.active>a,.nav.nav-card>li:hover>a {
    background-color: #0a8;
    border-radius: .25rem;
    color: #fff
}

.nav.nav-card.nav-divider-line>li.active::before,.nav.nav-card.nav-divider-line>li.active+li::before,.nav.nav-card.nav-divider-line>li:hover::before,.nav.nav-card.nav-divider-line>li:hover+li::before {
    border-color: transparent
}

.nav.nav-card.nav-inverse>li.active>a,.nav.nav-card.nav-inverse>li:hover>a {
    background-color: #fff;
    color: #333
}

.nav.nav-card.nav-menu.nav-divider>li.active>a,.nav.nav-card.nav-menu.nav-divider>li.active+li>a,.nav.nav-card.nav-menu.nav-divider>li:hover>a,.nav.nav-card.nav-menu.nav-divider>li:hover+li>a {
    border-color: transparent
}

.nav.nav-icon>li>a {
    display: flex;
    align-items: center
}

.nav.nav-icon>li>a>.nav-media {
    line-height: 1.5
}

.nav.nav-icon.nav-block>li>a {
    justify-content: center
}

.nav.nav-icon.nav-icon-text>li>a>.nav-media {
    margin-right: .5rem
}

.nav.nav-icon.nav-icon-wrap>li>a {
    flex-direction: column
}

.nav.nav-icon.nav-icon-wrap>li>a:not(:last-child) {
    margin-bottom: 1rem
}

.nav.nav-icon.nav-icon-wrap>li>a>.nav-media {
    margin-bottom: .25rem;
    margin-right: 0
}

.nav.nav-icon.nav-menu>li.nav-title {
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    margin-bottom: -1px;
    z-index: 2
}

.nav.nav-tabs {
    border-bottom: solid 1px #ddd
}

.nav.nav-tabs:not(.nav-menu)>li:not(:last-child) {
    margin-right: .25rem
}

.nav.nav-tabs.nav-menu>li:not(:last-child) {
    margin-bottom: .25rem
}

.nav.nav-tabs.nav-box {
    padding: 0 2rem;
    padding-top: .25rem
}

.nav.nav-tabs>li {
    margin-bottom: -1px
}

.nav.nav-tabs>li>a {
    border: solid 1px transparent;
    border-radius: .25rem .25rem 0 0
}

.nav.nav-tabs>li>a:last-child {
    border-bottom-right-radius: 0
}

.nav.nav-tabs>li.active>a {
    border-color: #ddd;
    border-bottom-color: transparent;
    background-color: #fff
}

.nav.nav-tabs>li:not(.active):hover>a {
    border-color: #ddd
}

.nav.nav-tabs.nav-divider-line>li.active::before,.nav.nav-tabs.nav-divider-line>li.active+li::before,.nav.nav-tabs.nav-divider-line>li:hover::before,.nav.nav-tabs.nav-divider-line>li:hover+li::before {
    border-color: transparent
}

.nav.nav-tabs.nav-inverse,.nav.nav-tabs.nav-inverse>li.active,.nav.nav-tabs.nav-inverse>li.active>a {
    background-color: inherit
}

.nav.nav-tabs.nav-menu:not(.nav-box) {
    border-bottom: 0
}

.nav.nav-tabs.nav-menu.nav-box {
    padding: .25rem
}

.nav.nav-tabs.nav-menu>li:not(:last-child) {
    margin-bottom: .25rem
}

.nav.nav-tabs.nav-menu>li.active>a,.nav.nav-tabs.nav-menu>li>a:hover {
    border-radius: .25rem!important;
    border-bottom-color: #ddd
}

.nav.nav-tabs.nav-menu.nav-divider>li:not(.active):not(:first-child)>a {
    border-radius: 0
}

.nav.nav-tabs.nav-menu.nav-divider>li.active>a,.nav.nav-tabs.nav-menu.nav-divider>li>a:hover {
    border-left: solid 1px #ddd
}

.nav.nav-tabs.nav-menu.nav-divider>li.active+li>a,.nav.nav-tabs.nav-menu.nav-divider>li:hover+li>a {
    border-color: transparent
}

.nav.nav-tabs.nav-menu.nav-divider>li.active+li>a:hover,.nav.nav-tabs.nav-menu.nav-divider>li:hover+li.active>a {
    border-color: #ddd!important
}

.nav.nav-tabs-card>li>a {
    border: solid 1px #ddd;
    background-color: #f5f5f5
}

.nav.nav-tabs-card>li:not(:first-child)>a {
    margin-left: -1px
}

.nav.nav-tabs-card>li.active>a {
    border-top-width: 2px;
    border-top-color: #0a8;
    border-bottom: 0;
    background-color: transparent
}

.nav.nav-tabs-card.nav-inverse>li>a {
    background-color: rgba(255,255,255,.1);
    border-color: rgba(255,255,255,0.1)
}

.nav.nav-tabs-card.nav-inverse>li.active>a {
    border-top-color: #fff;
    background-color: transparent;
    border-bottom-color: transparent
}

.nav.nav-tabs-card.nav-menu>li:not(:first-child)>a {
    margin: -1px 0 0 0
}

.nav.nav-turn {
    color: #ddd;
    font-size: 1rem
}

.nav.nav-turn>li,.nav.nav-turn>li>a {
    border-color: currentColor;
    color: inherit
}

.nav.nav-turn>li>a {
    padding: 0;
    width: .75em;
    height: .75em;
    border-radius: .5em!important;
    border-style: solid;
    border-width: 2px
}

.nav.nav-turn>li:not(:last-child) {
    margin-right: .5em
}

.nav.nav-turn>li.active {
    color: #0a8
}

.nav.nav-turn>li.active>a {
    background-color: currentColor
}

.nav.nav-turn.nav-menu {
    display: inline-flex
}

.nav.nav-turn.nav-menu>li:not(:last-child) {
    margin-bottom: .5em;
    margin-right: 0
}

.nav.nav-turn.nav-turn-line>li>a {
    width: 1.5em;
    height: .5em
}

.nav.nav-turn.nav-turn-dot>li>a {
    background-color: currentColor
}

.nav.nav-turn.nav-turn-line>li.active>a {
    width: 2.5em
}

.nav.nav-turn.nav-menu.nav-turn-line>li>a {
    width: .5em;
    height: 1.5em
}

.nav.nav-turn.nav-menu.nav-turn-line>li.active>a {
    height: 2.5em
}

.nav.nav-win {
    display: inline-flex;
    font-size: 16px;
    height: 1em;
    background-color: rgba(255,255,255,.5);
    border-radius: .5em
}

.nav.nav-win>li {
    position: relative;
    width: 1em;
    height: 1em;
    color: #fff
}

.nav.nav-win>li:not(:last-child) {
    border-right: solid 1px rgba(255,255,255,.15)
}

.nav.nav-win>li:first-child {
    width: 1.1em;
    padding-left: .1em;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.nav.nav-win>li:last-child {
    width: 1.1em;
    padding-right: .1em;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.nav.nav-win>li.close::before {
    content: "";
    position: absolute;
    width: .6em;
    height: .1em;
    left: .3em;
    top: .45em;
    background-color: currentColor;
    border-radius: .1em;
    transform: rotate(45deg)
}

.nav.nav-win>li.close::after {
    content: "";
    position: absolute;
    width: .1em;
    height: .6em;
    left: .55em;
    top: .2em;
    background-color: currentColor;
    border-radius: .1em;
    transform: rotate(45deg)
}

.nav.nav-win>li.minimize::before {
    content: "";
    position: absolute;
    width: .5em;
    height: .1em;
    left: .25em;
    top: .45em;
    background-color: currentColor;
    border-radius: .1em
}

.nav.nav-win>li.maximize::before,.nav.nav-win>li.maximize::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: .475em;
    top: .125em;
    border: .225em solid transparent;
    border-bottom-color: currentColor;
    transform: rotate(45deg)
}

.nav.nav-win>li.maximize::after {
    left: .125em;
    top: .5em;
    transform: rotate(-135deg)
}

.nav.nav-win>li.close:hover {
    background-color: #f00
}

.nav.nav-win>li.minimize:hover {
    background-color: #fb0
}

.nav.nav-win>li.maximize:hover {
    background-color: #0ae
}

.nav.nav-step {
    color: #ddd
}

.nav.nav-step>li {
    padding-top: 1rem
}

.nav.nav-step>li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top-style: dashed;
    border-top-width: 2px;
    border-top-color: currentColor
}

.nav.nav-step>li:first-child::before {
    left: 50%;
    width: 50%
}

.nav.nav-step>li:last-child::before {
    width: 50%
}

.nav.nav-step>li::after {
    content: "";
    font-size: 12px;
    line-height: 1rem;
    position: absolute;
    left: 50%;
    top: -6px;
    margin-left: -7px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-color: inherit
}

.nav.nav-step>li[title]::after {
    content: attr(title);
    width: 20px;
    height: 20px;
    top: -9px;
    margin-left: -10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.nav.nav-step>li>a {
    color: currentColor
}

.nav.nav-step>li.active {
    color: #0a8
}

.nav.nav-step>li.active::after {
    border-color: currentColor;
    border-width: 7px
}

.nav.nav-step>li[title].active::after {
    border-width: 2px
}

.nav.nav-step>li.active:not(:last-child)::before {
    border-top-style: solid;
    border-top-color: currentColor
}

.nav.nav-page {
    display: inline-flex;
    border-radius: .25rem
}

.nav.nav-page>li {
    border: solid 1px #ddd
}

.nav.nav-page>li:not(:first-child) {
    margin-left: -1px
}

.nav.nav-page>li:last-child {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.nav.nav-page>li>a {
    padding: .375rem .75rem
}

.nav.nav-page>li:hover {
    background-color: #f5f5f5
}

.nav.nav-page>li.active {
    border-color: transparent;
    z-index: 1;
    background-color: #0a8
}

.nav.nav-page>li.active>a {
    color: #fff;
    background-color: transparent
}

.nav.nav-page.nav-block {
    display: flex
}

.nav.nav-page.nav-divider>li {
    border-radius: .25rem;
    margin-left: 0
}

.nav.nav-page.nav-divider>li:not(:last-child) {
    margin-right: .25rem
}

.nav.nav-page.nav-divider>li>a {
    border: 0
}

.nav.nav-page.nav-inverse>li:hover {
    background-color: rgba(255,255,255,.1)
}

.nav.nav-page.nav-inverse>li.active {
    background-color: #fff
}

.nav.nav-page.nav-inverse>li.active>a {
    color: #0a8
}

.nav.nav-page.nav-menu {
    display: flex
}

.nav.nav-page.nav-menu>li:not(:first-child) {
    margin-left: 0;
    margin-top: -1px
}

.nav.nav-page.nav-menu>li:last-child:not(:first-child) {
    border-top-right-radius: 0
}

.nav.nav-page.nav-menu.nav-divider>li:not(:last-child) {
    margin-right: 0;
    margin-bottom: .25rem
}

.nav.nav-page.nav-menu.nav-divider>li>a {
    border: 0
}

.nav.nav-page.nav-menu.nav-divider>li:last-child {
    border-top-right-radius: inherit
}

.nav-page-menu,.nav-page-menu>.nav.nav-page {
    display: flex;
    flex-direction: column!important
}

.nav-page-menu>.nav.nav-page:not(:first-child) {
    margin-top: .25rem
}

.nav.nav-breadcrumb>li {
    display: flex;
    align-items: center
}

.nav.nav-breadcrumb>li:not(:last-child)::after {
    content: "\002f";
    display: list-item;
    opacity: .25
}

.nav.nav-breadcrumb.nav-breadcrumb-arrows>li:not(:last-child)::after {
    content: "\00bb"
}

.nav.nav-breadcrumb.nav-inverse>li::after {
    color: #fff
}

.nav.nav-switch {
    position: relative;
    width: 2em;
    height: 1.5em;
    color: #999;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    border: solid 1px rgba(0,0,0,0)
}

.nav.nav-switch>li {
    background: currentColor;
    width: 100%;
    height: 1px;
    transform-origin: 0 0;
    transition: all .5s ease
}

.nav.nav-switch>li>a {
    opacity: 0;
    display: none
}

.nav.nav-switch.nav-open>li:not(:first-child):not(:last-child) {
    background-color: transparent
}

.nav.nav-switch.nav-open>li:first-child {
    transform: rotate(45deg)
}

.nav.nav-switch.nav-open>li:last-child {
    transform: rotate(-45deg)
}

.navbar {
    position: relative;
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.navbar>.navbar-logo {
    height: 40px;
    display: inline-flex;
    white-space: nowrap;
    align-items: center
}

.navbar-outer {
    position: relative
}

.navbar-body {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    z-index: 2;
    display: none
}

.navbar:not(.navbar-show)>.navbar-body,.navbar-outer:not(.navbar-show) .navbar-body {
    width: 100%
}

.navbar-body>.nav {
    flex-direction: column
}

.navbar-body>.nav>li>.nav {
    margin: 1rem;
    margin-top: 0;
    display: none
}

.navbar-body>.nav>li:hover>.nav {
    display: block
}

.navbar-body>.navbar-after {
    padding: .5rem 1rem;
    border-radius: inherit;
    text-align: center
}

.navbar-body>.nav.nav-divider>li:not(:first-child)>a,.navbar-body>.nav.nav-divider+.navbar-after {
    border-left-width: 0;
    border-top: solid 1px #ddd
}

.navbar>.navbar-addon+.nav.nav-switch {
    order: -1
}

.navbar-show .nav.nav-switch {
    display: none
}

.navbar-show .navbar-body {
    display: flex;
    position: relative;
    background-color: transparent!important;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between
}

.navbar.navbar-show>.navbar-body {
    /*justify-content: flex-end;*/
    margin-left: 5%
}

.navbar-show .navbar-body>.nav {
    flex-direction: row
}

.navbar-show.navbar-show-block .navbar-body>.nav,.navbar-show.navbar-show-block .navbar-body>.nav>li,.navbar-show.navbar-show-block .navbar-body>.nav>li>a {
    flex-grow: 1;
    text-align: center
}

.navbar-show .navbar-body>.nav.nav-divider>li>a,.navbar-show .navbar-body>.nav.nav-divider+.navbar-after {
    border-left-width: 1px;
    border-top-width: 0
}

.navbar-show.navbar-divider-none .navbar-body>.nav.nav-divider>li>a {
    border-left-width: 0
}

.navbar-show.navbar-show-divider .navbar-body>.nav>li {
    display: flex;
    align-items: center
}

.navbar-show.navbar-show-divider .navbar-body>.nav>li:not(:first-child)::before {
    content: "";
    border-left: 1px solid rgba(0,0,0,.1);
    height: 1.25rem;
    transition: all .5s ease
}

.navbar-show.navbar-show-divider .navbar-body>.nav.nav-inverse>li.active::before,.navbar-show.navbar-show-divider .navbar-body>.nav.nav-inverse>li:hover::before,.navbar-show.navbar-show-divider .navbar-body>.nav.nav-inverse>li.active+li::before,.navbar-show.navbar-show-divider .navbar-body>.nav.nav-inverse>li:hover+li::before {
    border-color: transparent
}

.navbar-show .navbar-body>.nav>li>.nav {
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 10rem
}

.navbar-inverse .nav.nav-switch,.navbar-inverse .navbar-logo,.navbar-inverse .navbar-addon,.navbar-inverse .navbar-addon a,.navbar-inverse.navbar-show,.navbar-inverse.navbar-show .navbar-body>.navbar-after a,.navbar-inverse.navbar-show .navbar-body>.nav>li>a,.navbar-show-inverse.navbar-show,.navbar-show-inverse.navbar-show .navbar-body>.navbar-after a,.navbar-show-inverse.navbar-show .navbar-body>.nav>li>a {
    color: #fff
}

.navbar-outer.navbar-show>.navbar {
    padding: 1.25rem 1rem
}

.navbar-outer:not(.navbar-show) .navbar-body.container {
    width: 100%!important;
    padding: 0!important
}

.sidebar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition: all .5s ease
}

.sidebar.sidebar-right {
    left: auto;
    right: 0
}

.sidebar>.nav-switch {
    position: absolute;
    top: 1rem;
    right: -2.5rem
}

.sidebar.sidebar-right>.nav-switch {
    right: auto;
    left: -2.5rem
}

.sidebar.sidebar-close {
    transform: translateX(-100%)
}

.sidebar.sidebar-right.sidebar-close {
    transform: translateX(100%)
}

.sidebar.sidebar-hold.sidebar-close {
    transform: translateX(0)!important
}

.sidebar.relative.sidebar-close {
    position: absolute!important
}

.sidebar.relative.sidebar-hold.sidebar-close {
    position: relative!important
}

.sidebar.sidebar-hold.sidebar-close .nav>li>a {
    justify-content: center
}

.sidebar.sidebar-hold.sidebar-close .nav>li>a>.nav-media {
    margin-right: 0
}

.sidebar.sidebar-hold .sidebar-hidden {
    white-space: nowrap;
    transition: all .5s ease
}

.sidebar.sidebar-hold.sidebar-close .sidebar-hidden {
    display: none!important
}

.tab>.tab-body {
    padding: 1rem 0
}

.tab>.tab-body>.tab-item {
    display: none;
    transition: all .4s ease .05s
}

.tab>.tab-body>.tab-item.active {
    display: block
}

.tab.tab-box>.tab-body {
    padding: 1rem;
    border: solid 1px #ddd;
    border-radius: .25rem
}

.tab.tab-box>.nav.nav-tabs {
    border-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: .25rem
}

.tab.tab-box>.nav.nav-tabs-card {
    margin-bottom: -2px
}

.tab.tab-box>.nav.nav-tabs-card>li.active {
    background: #fff
}

.tab.tab-box>.nav.nav-tabs-card+.tab-body {
    border-radius: 0
}

.fold {
    border: solid 1px #ddd;
    border-radius: .25rem
}

.fold>.fold-item {
    border-radius: inherit
}

.fold>.fold-item>.fold-head {
    background: #f5f5f5;
    padding: .5rem 1rem;
    cursor: pointer;
    border-bottom: solid 1px #ddd
}

.fold>.fold-item>.fold-body {
    padding: 1rem;
    display: none
}

.fold>.fold-item:not(:last-child)>.fold-body {
    border-bottom: solid 1px #ddd
}

.fold>.fold-item:first-child>.fold-head {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.fold>.fold-item:last-child:not(.active)>.fold-head {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-bottom-color: transparent
}

.fold.fold-arrow>.fold-item>.fold-head {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.fold.fold-arrow>.fold-item>.fold-head::after {
    content: "";
    width: .675rem;
    height: .675rem;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    transform: rotate(45deg);
    opacity: .5;
    transition: all .2s ease
}

.fold.fold-arrow>.fold-item.active>.fold-head::after {
    transform: rotate(135deg)
}

.falls {
    position: relative;
    width: 100%;
    transition: all .5s ease .2s
}

.falls>.falls-item {
    position: absolute;
    margin-top: 1rem;
    opacity: 0
}

.falls>.falls-item.active {
    margin-top: 0;
    opacity: 1
}

.falls>.falls-loading {
    position: absolute;
    font-size: .75rem;
    bottom: .5rem;
    left: 50%;
    margin-left: -.75rem
}

.dialog {
    display: none;
    overflow-x: hidden;
    overflow-y: auto
}

.dialog,.dialog-mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.dialog-open {
    overflow: hidden
}

.dialog-barwidth {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.dialog>.dialog-body {
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.dialog.dialog-uncover,.dialog:not(.dialog-uncover)>.dialog-body {
    opacity: 0;
    transition: margin .4s ease .05s;
    margin-top: -3rem
}

.dialog.dialog-uncover.active,.dialog.active>.dialog-body {
    margin-top: 0;
    opacity: 1
}

.dialog.dialog-uncover.active:not([class*='fixed-']) {
    bottom: auto
}

.dialog>.dialog-body>.nav.nav-win {
    position: absolute;
    font-size: 18px;
    right: 1rem;
    top: 1.1rem
}

.dialog>.dialog-body>i.dialog-close {
    position: absolute;
    left: 50%;
    bottom: -4rem;
    font-size: 2rem;
    cursor: pointer;
    font-style: normal;
    font-weight: 100;
    line-height: .85;
    margin-left: -0.5em;
    width: 1em;
    height: 1em;
    text-align: center;
    background-color: rgba(255,255,255,.5);
    border-radius: 50%
}

.dialog>.dialog-body>i.dialog-close:hover {
    color: #fff;
    background-color: rgba(0,0,0,.5)
}

.dialog[class*='fixed-right'],.dialog>.dialog-body[class*='fixed-right'] {
    position: fixed!important;
    margin-top: auto;
    margin-right: -3rem
}

.dialog[class*='fixed-bottom'],.dialog>.dialog-body[class*='fixed-bottom'] {
    position: fixed!important;
    margin-bottom: -3rem;
    bottom: 0!important
}

.dialog[class*='fixed-left'],.dialog>.dialog-body[class*='fixed-left'] {
    position: fixed!important;
    margin-top: auto;
    margin-left: -3rem
}

.dialog.active[class*='fixed-right'],.dialog.active>.dialog-body[class*='fixed-right'] {
    margin-right: 0
}

.dialog.active[class*='fixed-bottom'],.dialog.active>.dialog-body[class*='fixed-bottom'] {
    margin-bottom: 0
}

.dialog.active[class*='fixed-left'],.dialog.active>.dialog-body[class*='fixed-left'] {
    margin-left: 0
}

.dialog.fixed-top-center,.dialog>.dialog-body.fixed-top-center {
    margin-left: auto;
    margin-right: auto
}

.dialog.fixed-right-center,.dialog>.dialog-body.fixed-right-center {
    right: 0;
    bottom: auto;
    left: auto
}

.dialog.fixed-bottom-center,.dialog>.dialog-body.fixed-bottom-center {
    margin-left: auto;
    margin-right: auto;
    bottom: 0!important;
    top: auto
}

.dialog.fixed-left-center,.dialog>.dialog-body.fixed-left-center {
    bottom: auto
}

.dialog-content {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    border-radius: .5rem
}

.dialog-content.dialog-content-iframe {
    flex-direction: column
}

.dialog-content>.dialog-text {
    padding: 1.5rem .75rem;
    width: 100%;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    background-color: #fff;
    border-bottom: solid 1px #eee;
    color: #666
}

.dialog-content>.dialog-text:first-child:last-child {
    padding: 1rem 1.5rem;
    border-radius: inherit;
    border-bottom: 0;
    width: auto;
    margin: 0 auto
}

.dialog-content>.dialog-text:last-child {
    border-bottom-left-radius: inherit!important;
    border-bottom-right-radius: inherit!important;
    border-bottom: 0
}

.dialog-confirm,.dialog-cancel {
    padding: .75rem;
    width: 50%;
    border: 0;
    background-color: #fff;
    cursor: pointer
}

.dialog-confirm:hover,.dialog-cancel:hover {
    background-color: #f5f5f5
}

.dialog-confirm {
    border-bottom-left-radius: inherit;
    color: #0a8
}

.dialog-confirm:last-child {
    width: 100%;
    border-bottom-right-radius: inherit;
    margin-bottom: 0!important
}

.dialog-cancel {
    border-bottom-right-radius: inherit;
    border-left: solid 1px #eee
}

.dialog-content>.dialog-title {
    background-color: #fff;
    width: 100%;
    padding-top: .75rem;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.dialog-content>.dialog-title+.dialog-text {
    border-radius: 0;
    padding: .75rem;
    padding-top: 0;
    font-size: .875rem
}

.dialog-content>.dialog-iframe {
    vertical-align: top;
    background-color: #fff;
    border-bottom: solid 1px #ddd;
    flex-grow: 1
}

.dialog-content.dialog-content-iframe>.dialog-title {
    padding: .75rem;
    user-select: none;
    white-space: nowrap
}

.dialog-content>.dialog-title+.dialog-iframe {
    border-top: solid 1px #ddd
}

.dialog-content>.dialog-iframe:last-child,.dialog-content>.dialog-button {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    background-color: #fff
}

.dialog-content>.dialog-button {
    display: flex;
    height: 3.25rem
}

.dialog-content.dialog-content-break>.dialog-text {
    font-size: .875rem
}

.dialog-content.dialog-content-break>.dialog-confirm {
    width: 100%;
    border-bottom-right-radius: inherit;
    margin-bottom: 1rem
}

.dialog-content.dialog-content-break>.dialog-cancel {
    width: 100%;
    border-radius: inherit;
    border-left: none
}

.dialog-content.dialog-content-dark>[class*='dialog-'] {
    background-color: #333;
    color: #fff;
    border-color: rgba(255,255,255,.15)
}

.dialog-content.dialog-content-dark>.dialog-title+.dialog-text,.dialog-content.dialog-content-dark>.dialog-cancel {
    color: #999
}

.dialog-content.dialog-content-dark>.dialog-confirm:hover,.dialog-content.dialog-content-dark>.dialog-cancel:hover {
    background-color: #292929
}

.dialog.dialog-full,.dialog>.dialog-body.dialog-full {
    position: fixed;
    left: 0!important;
    right: 0;
    top: 0!important;
    bottom: 0!important;
    background-color: #fff
}

.dialog-big {
    width: 90%;
    height: 90%
}

.dialog-middle {
    width: 60%;
    height: 70%
}

.dialog-small {
    width: 30%;
    height: 50%
}

.dialog-max {
    width: 100%;
    height: 100%;
    top: 0!important;
    left: 0!important
}

.dialog-min,.dialog-min>.dialog-body {
    width: 18rem;
    text-align: left;
    height: auto
}

.dialog-min>.dialog-title,.dialog-min>.dialog-body>.dialog-title {
    border-radius: inherit
}

.dialog-min>.dialog-iframe,.dialog-min>.dialog-body>.dialog-iframe {
    display: none
}

.dialog-min>.dialog-button,.dialog-min>.dialog-body>.dialog-button {
    display: none
}

.flip {
    position: relative;
    overflow: hidden;
    width: 100%
}

.flip>.flip-body {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    transition-property: transform
}

.flip>.flip-body>.flip-item {
    width: 100%;
    position: relative;
    flex-shrink: 0;
    transition-property: transform;
    transition: none
}

.flip>.flip-body>.flip-item.active {
    display: block
}

.flip>.flip-page {
    position: absolute;
    left: 50%;
    bottom: 1.5rem;
    transform: translateX(-50%)
}

.flip.flip-rows>.flip-body {
    flex-wrap: wrap;
    flex-direction: column
}

.flip>.flip-prev,.flip>.flip-next {
    position: absolute;
    top: 50%;
    color: #999;
    font-size: 50px;
    cursor: pointer;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    overflow: hidden;
    border: solid 1px rgba(255,255,255,0);
    border-radius: .25rem
}

.flip>.flip-prev::before,.flip>.flip-next::before {
    content: "";
    position: absolute;
    top: .25em;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    width: .5em;
    height: .5em;
    overflow: hidden
}

.flip>.flip-prev::before {
    transform: rotate(-135deg);
    left: .35em
}

.flip>.flip-next::before {
    transform: rotate(45deg);
    right: .35em
}

.flip>.flip-prev {
    left: 0
}

.flip>.flip-next {
    right: 0
}

.flip>.flip-prev.disabled,.flip>.flip-next.disabled {
    color: #000!important;
    opacity: .1;
    pointer-events: none
}

.padding-mini {
    padding: .25rem!important
}

.padding-top-mini {
    padding-top: .25rem!important
}

.padding-right-mini {
    padding-right: .25rem!important
}

.padding-bottom-mini {
    padding-bottom: .25rem!important
}

.padding-left-mini {
    padding-left: .25rem!important
}

.padding-small {
    padding: .5rem!important
}

.padding-top-small {
    padding-top: .5rem!important
}

.padding-right-small {
    padding-right: .5rem!important
}

.padding-bottom-small {
    padding-bottom: .5rem!important
}

.padding-left-small {
    padding-left: .5rem!important
}

.padding {
    padding: 1rem!important
}

.padding-top {
    padding-top: 1rem!important
}

.padding-right {
    padding-right: 1rem!important
}

.padding-bottom {
    padding-bottom: 1rem!important
}

.padding-left {
    padding-left: 1rem!important
}

.padding-big {
    padding: 1.5rem!important
}

.padding-top-big {
    padding-top: 1.5rem!important
}

.padding-right-big {
    padding-right: 1.5rem!important
}

.padding-bottom-big {
    padding-bottom: 1.5rem!important
}

.padding-left-big {
    padding-left: 1.5rem!important
}

.padding-large {
    padding: 2rem!important
}

.padding-top-large {
    padding-top: 2rem!important
}

.padding-right-large {
    padding-right: 2rem!important
}

.padding-bottom-large {
    padding-bottom: 2rem!important
}

.padding-left-large {
    padding-left: 2rem!important
}

.padding-none {
    padding: 0!important
}

.padding-top-none {
    padding-top: 0!important
}

.padding-right-none {
    padding-right: 0!important
}

.padding-bottom-none {
    padding-bottom: 0!important
}

.padding-left-none {
    padding-left: 0!important
}

.border {
    border: solid 1px #ddd!important
}

.border-top {
    border-top: solid 1px #ddd!important
}

.border-right {
    border-right: solid 1px #ddd!important
}

.border-bottom {
    border-bottom: solid 1px #ddd!important
}

.border-left {
    border-left: solid 1px #ddd!important
}

.border-mini {
    border-width: .125rem!important
}

.border-small {
    border-width: .25rem!important
}

.border-big {
    border-width: .5rem!important
}

.border-large {
    border-width: 1rem!important
}

.border-dashed {
    border-style: dashed!important
}

.border-dotted {
    border-style: dotted!important
}

.border-none {
    border: none!important
}

.border-top-none {
    border-top: none!important
}

.border-right-none {
    border-right: none!important
}

.border-bottom-none {
    border-bottom: none!important
}

.border-left-none {
    border-left: none!important
}

.radius-mini {
    border-radius: .125rem!important
}

.radius-small {
    border-radius: .1875rem!important
}

.radius {
    border-radius: .25rem!important
}

.radius-big {
    border-radius: .5rem!important
}

.radius-large {
    border-radius: 1.25rem!important
}

.radius-circle {
    border-radius: 50%!important
}

.radius-none {
    border-radius: 0!important
}

.radius-top {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.radius-right {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.radius-bottom {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important
}

.radius-left {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.margin-mini {
    margin: .25rem!important
}

.margin-top-mini {
    margin-top: .25rem!important
}

.margin-right-mini {
    margin-right: .25rem!important
}

.margin-bottom-mini {
    margin-bottom: .25rem!important
}

.margin-left-mini {
    margin-left: .25rem!important
}

.margin-small {
    margin: .5rem!important
}

.margin-top-small {
    margin-top: .5rem!important
}

.margin-right-small {
    margin-right: .5rem!important
}

.margin-bottom-small {
    margin-bottom: .5rem!important
}

.margin-left-small {
    margin-left: .5rem!important
}

.margin {
    margin: 1rem!important
}

.margin-top {
    margin-top: 1rem!important
}

.margin-right {
    margin-right: 1rem!important
}

.margin-bottom {
    margin-bottom: 1rem!important
}

.margin-left {
    margin-left: 1rem!important
}

.margin-big {
    margin: 1.5rem!important
}

.margin-top-big {
    margin-top: 1.5rem!important
}

.margin-right-big {
    margin-right: 1.5rem!important
}

.margin-bottom-big {
    margin-bottom: 1.5rem!important
}

.margin-left-big {
    margin-left: 1.5rem!important
}

.margin-large {
    margin: 2rem!important
}

.margin-top-large {
    margin-top: 2rem!important
}

.margin-right-large {
    margin-right: 2rem!important
}

.margin-bottom-large {
    margin-bottom: 2rem!important
}

.margin-left-large {
    margin-left: 2rem!important
}

.margin-top-auto {
    margin-top: auto!important
}

.margin-right-auto {
    margin-right: auto!important
}

.margin-bottom-auto {
    margin-bottom: auto!important
}

.margin-left-auto {
    margin-left: auto!important
}

.margin-center-auto {
    margin-left: auto!important;
    margin-right: auto!important
}

.margin-middle-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.margin-none {
    margin: 0!important
}

.margin-top-none {
    margin-top: 0!important
}

.margin-right-none {
    margin-right: 0!important
}

.margin-bottom-none {
    margin-bottom: 0!important
}

.margin-left-none {
    margin-left: 0!important
}

.shadow-small {
    box-shadow: 0 3px 5px rgba(0,0,0,.175)!important
}

.shadow {
    box-shadow: 0 5px 10px rgba(0,0,0,.175)!important
}

.shadow-big {
    box-shadow: 0 8px 15px rgba(0,0,0,.175)!important
}

.shadow-none {
    box-shadow: none!important
}

.opacity-full {
    opacity: 0!important
}

.opacity-mini {
    opacity: .85!important
}

.opacity-small {
    opacity: .7!important
}

.opacity {
    opacity: .5!important
}

.opacity-big {
    opacity: .3!important
}

.opacity-large {
    opacity: .15!important
}

.opacity-none {
    opacity: 1!important
}

h1,.h1 {
    font-size: 2rem!important
}

h2,.h2,.size-large {
    font-size: 1.75rem!important
}

h3,.h3 {
    font-size: 1.5rem!important
}

h4,.h4,.size-big {
    font-size: 1.25rem!important
}

h5,.h5 {
    font-size: 1.125rem!important
}

h6,.h6,.size {
    font-size: 1rem!important
}

.size-small {
    font-size: .875rem!important
}

.size-mini {
    font-size: .75rem!important
}

.font-sun {
    font-family: Georgia,"Times New Roman",Times,SimSun,"FontAwesome",serif
}

.font-kai {
    font-family: Georgia,"Times New Roman",Times,Kai,"Kaiti SC",KaiTi,BiauKai,"FontAwesome",serif
}

.font-monospace {
    font-family: Monaco,Menlo,Consolas,"Courier New","FontAwesome",monospace
}

.font-light {
    font-family: Georgia,"Times New Roman",Times,"Microsoft YaHei Light","Microsoft YaHei","FontAwesome",serif
}

.weight-mini {
    font-weight: 200
}

.weight-small {
    font-weight: 400
}

.weight {
    font-weight: normal
}

.weight-big {
    font-weight: bold
}

.weight-large {
    font-weight: bolder
}

.img-auto {
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-full {
    display: block;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%
}

.layout {
    width: 100%
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px!important;
    padding-right: 16px!important
}

.width-mini {
    width: 540px!important
}

.width-small {
    width: 730px!important
}

.width-middle {
    width: 980px!important
}

.width-big {
    width: 1200px!important
}

.width-large {
    width: 1600px!important
}

.em1 {
    width: 1em!important
}

.em2 {
    width: 2em!important
}

.em3 {
    width: 3em!important
}

.em4 {
    width: 4em!important
}

.em5 {
    width: 5em!important
}

.em6 {
    width: 6em!important
}

.em7 {
    width: 7em!important
}

.em8 {
    width: 8em!important
}

.em9 {
    width: 9em!important
}

.em10 {
    width: 10em!important
}

.em11 {
    width: 11em!important
}

.em12 {
    width: 12em!important
}

.ml1 {
    margin-left: 1em!important
}

.ml2 {
    margin-left: 2em!important
}

.ml3 {
    margin-left: 3em!important
}

.ml4 {
    margin-left: 4em!important
}

.ml5 {
    margin-left: 5em!important
}

.ml6 {
    margin-left: 6em!important
}

.ml7 {
    margin-left: 7em!important
}

.ml8 {
    margin-left: 8em!important
}

.ml9 {
    margin-left: 9em!important
}

.ml10 {
    margin-left: 10em!important
}

.ml11 {
    margin-left: 11em!important
}

.ml12 {
    margin-left: 12em!important
}

.hr {
    margin: 1em 0 1.5em 0;
    background-color: #fff;
    line-height: 1em;
    height: .6em;
    border-bottom: 1px solid #ddd
}

.hr>span {
    display: inline-block;
    line-height: 1;
    background-color: inherit;
    padding: 0 1em;
    margin: 0 1em
}

.quote {
    padding: 1em;
    border-left: .3125rem solid #ddd;
    background-color: #f5f5f5;
    border-radius: .25rem
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: none!important
}

.clearfix::after {
    content: " ";
    display: block!important;
    clear: both
}

.line-mini {
    line-height: 1!important
}

.line-small {
    line-height: 1.5!important
}

.line {
    line-height: 1.75!important
}

.line-big {
    line-height: 2!important
}

.line-large {
    line-height: 2.5!important
}

.align-left {
    text-align: left!important
}

.align-center {
    text-align: center!important
}

.align-right {
    text-align: right!important
}

.align-justify {
    text-align: justify!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.word-indent {
    text-indent: 2em
}

.word-more {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.word-break {
    word-break: break-all;
    word-wrap: break-word
}

.word-block {
    white-space: nowrap
}

.inline {
    display: inline-block!important
}

.block {
    display: block!important
}

.relative {
    position: relative!important
}

.absolute {
    position: absolute!important
}

.center {
    margin-left: auto!important;
    margin-right: auto!important
}

.overflow-hidden {
    overflow: hidden
}

.overflow-auto {
    overflow: auto
}

.show,.mini-hidden,.small-hidden,.middle-hidden,.big-hidden,.large-hidden {
    display: block!important
}

.hidden,.mini-show,.small-show,.middle-show,.big-show,.large-show {
    display: none!important
}

.print-show {
    display: none!important
}

@media print {
    .print-show {
        display: block!important
    }

    table.print-show {
        display: table
    }

    tr.print-show {
        display: table-row!important
    }

    th.print-show,td.print-show {
        display: table-cell!important
    }

    .print-hidden {
        display: none!important
    }
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%
}

.fixed-bottom {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

.fixed-left {
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    height: 100%
}

.fixed-right {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    height: 100%
}

.fixed-left-top {
    position: fixed;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

.fixed-right-top {
    position: fixed;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}

.fixed-left-bottom {
    position: fixed;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0
}

.fixed-right-bottom {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: auto
}

.text-main,.button.border-main {
    color: #0a8!important
}

.text-sub,.button.border-sub {
    color: #0ae!important
}

.text-dot,.button.border-dot {
    color: #f60!important
}

.border-main,.table.border-main td,.table.border-main th {
    border-color: #0a8!important
}

.border-sub,.table.border-sub td,.table.border-sub th {
    border-color: #0ae!important
}

.border-dot,.table.border-dot td,.table.border-dot th {
    border-color: #f60!important
}

.bg-main,.text.button:hover,.border.button:hover,.bg.button:hover,.button[class*='-main']:hover,.button[class*='-main'].active {
    background-color: #0a8!important
}

.bg-sub,.button[class*='-sub']:hover,.button[class*='-sub'].active {
    background-color: #0ae!important
}

.bg-dot,.button[class*='-dot']:hover,.button[class*='-dot'].active {
    background-color: #f60!important
}

.text-black,.button.border-black {
    color: #000!important
}

.text-deep,.button.border-deep {
    color: #333!important
}

.text-dark,.button.border-dark {
    color: #666!important
}

.text-gray,.button.border-gray {
    color: #999!important
}

.text-silver,.button.border-silver {
    color: #ddd!important
}

.text-light,.button.border-light {
    color: #f5f5f5!important
}

.text-white,.button.border-white,.validate-tips div>.input-validate {
    color: #fff!important
}

.text-danger,.button.border-danger,.input-invalid>.input-validate {
    color: #f00!important
}

.text-warning,.button.border-warning {
    color: #fb0!important
}

.text-success,.button.border-success,.input-valid>.input-validate {
    color: #2c7!important
}

.text-info,.button.border-info {
    color: #0ae!important
}

.text,a.text-main:hover {
    color: #333!important
}

.text-transparent {
    color: transparent!important
}

.border-black,.table.border-black td,.table.border-black th {
    border-color: #000!important
}

.border-deep,.table.border-deep td,.table.border-deep th {
    border-color: #333!important
}

.border-dark,.table.border-dark td,.table.border-dark th {
    border-color: #666!important
}

.border-gray,.table.border-gray td,.table.border-gray th {
    border-color: #999!important
}

.border-silver,.table.border-silver td,.table.border-silver th {
    border-color: #ddd!important
}

.border-light,.table.border-light td,.table.border-light th {
    border-color: #f5f5f5!important
}

.border-white,.table.border-white td,.table.border-white th {
    border-color: #fff!important
}

.border-danger,.table.border-danger td,.table.border-danger th,.input-invalid:not(.input-novalidate) .input,.form-validate .input:focus:invalid {
    border-color: #f00!important
}

.border-warning,.table.border-warning td,.table.border-warning th {
    border-color: #fb0!important
}

.border-success,.table.border-success td,.table.border-success th,.input-valid:not(.input-novalidate) .input,.form-validate .input:focus:valid {
    border-color: #2c7!important
}

.border-info,.table.border-info td,.table.border-info th {
    border-color: #0ae!important
}

.border-transparent {
    border-color: transparent!important
}

.bg-black,.button[class*='-black']:hover,.button[class*='-black'].active {
    background-color: #000!important
}

.bg-deep,.button[class*='-deep']:hover,.button[class*='-deep'].active {
    background-color: #333!important
}

.bg-dark,.button[class*='-dark']:hover,.button[class*='-dark'].active {
    background-color: #666!important
}

.bg-gray,.button[class*='-gray']:hover,.button[class*='-gray'].active {
    background-color: #999!important
}

.bg-silver,.button[class*='-silver']:hover,.button[class*='-silver'].active {
    background-color: #ddd!important
}

.bg-light,.button[class*='-light']:hover,.button[class*='-light'].active {
    background-color: #f5f5f5!important
}

.bg-white,.button[class*='-white']:hover,.button[class*='-white'].active {
    background-color: #fff!important
}

.bg-danger,.button[class*='-danger']:hover,.button[class*='-danger'].active,.validate-tips .input-invalid>.input-validate {
    background-color: #f00!important
}

.bg-warning,.button[class*='-warning']:hover,.button[class*='-warning'].active {
    background-color: #fb0!important
}

.bg-success,.button[class*='-success']:hover,.button[class*='-success'].active,.validate-tips .input-valid>.input-validate {
    background-color: #2c7!important
}

.bg-info,.button[class*='-info']:hover,.button[class*='-info'].active {
    background-color: #0ae!important
}

.bg,.button.active {
    background-color: #f5f5f5!important
}

.bg-inverse a:hover {
    opacity: .75!important
}

.bg-inverse,.bg-inverse a {
    color: #fff!important
}

.alert {
    background-color: #f5f5f5!important
}

.bg-transparent {
    background-color: transparent!important
}

.alert-danger {
    background-color: #fee!important
}

.alert-warning {
    background-color: #ffd!important
}

.alert-success {
    background-color: #efd!important
}

.alert-info {
    background-color: #eff!important
}

.wap_logo {
    display: block;
}
.pc_logo {
    display: none;
}
.pc_logo img {
    max-height: 60px;
}
/*auto*/
@media(min-width:572px) {
    .container {
        width: 540px
    }

    .mini-float-left {
        float: left!important
    }

    .mini-float-right {
        float: right!important
    }

    .mini-float-none {
        float: none!important
    }

    .mini-align-left {
        text-align: left!important
    }

    .mini-align-center {
        text-align: center!important
    }

    .mini-align-right {
        text-align: right!important
    }

    .mini-size-large {
        font-size: 1.75rem!important
    }

    .mini-size-big {
        font-size: 1.25rem!important
    }

    .mini-size-middle {
        font-size: 1rem!important
    }

    .mini-size-small {
        font-size: .875rem!important
    }

    .mini-size-mini {
        font-size: .75rem!important
    }

    .mini-show {
        display: block!important
    }

    .mini-hidden {
        display: none!important
    }

    .mini-grid-mini>.grid {
        margin: -0.03125rem
    }

    .mini-grid-mini,.mini-grid-mini>.grid>[class*='x'] {
        padding: .03125rem
    }

    .mini-grid-small>.grid {
        margin: -0.25rem
    }

    .mini-grid-small,.mini-grid-small>.grid>[class*='x'] {
        padding: .25rem
    }

    .mini-grid-middle>.grid {
        margin: -0.5rem
    }

    .mini-grid-middle,.mini-grid-middle>.grid>[class*='x'] {
        padding: .5rem
    }

    .mini-grid-big>.grid {
        margin: -0.75rem
    }

    .mini-grid-big,.mini-grid-big>.grid>[class*='x'] {
        padding: .75rem
    }

    .mini-grid-large>.grid {
        margin: -1rem
    }

    .mini-grid-large,.mini-grid-large>.grid>[class*='x'] {
        padding: 1rem
    }

    .mini-x {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .mini-x0,.mini-w0 {
        width: auto
    }

    .mini-x1,.mini-w1 {
        width: 8.33333333%
    }

    .mini-x2,.mini-w2 {
        width: 16.66666667%
    }

    .mini-x20,.mini-w20 {
        width: 20%
    }

    .mini-x3,.mini-w3 {
        width: 25%
    }

    .mini-x4,.mini-w4 {
        width: 33.33333333%
    }

    .mini-x5,.mini-w5 {
        width: 41.66666667%
    }

    .mini-x6,.mini-w6 {
        width: 50%
    }

    .mini-x7,.mini-w7 {
        width: 58.33333333%
    }

    .mini-x8,.mini-w8 {
        width: 66.66666667%
    }

    .mini-x9,.mini-w9 {
        width: 75%
    }

    .mini-x10,.mini-w10 {
        width: 83.33333333%
    }

    .mini-x11,.mini-w11 {
        width: 91.66666667%
    }

    .mini-x12,.mini-w12,.mini-x100,.mini-w100 {
        width: 100%
    }

    .mini-order0 {
        order: 0
    }

    .mini-order1 {
        order: 1
    }

    .mini-order2 {
        order: 2
    }

    .mini-order3 {
        order: 3
    }

    .mini-order4 {
        order: 4
    }

    .mini-order5 {
        order: 5
    }

    .mini-order6 {
        order: 6
    }

    .mini-order7 {
        order: 7
    }

    .mini-order8 {
        order: 8
    }

    .mini-order9 {
        order: 9
    }

    .mini-order10 {
        order: 10
    }

    .mini-order11 {
        order: 11
    }

    .mini-order12 {
        order: 12
    }

    .order13 {
        order: 13
    }

    .mini-move0 {
        margin-left: 0
    }

    .mini-move1 {
        margin-left: 8.33333333%
    }

    .mini-move2 {
        margin-left: 16.66666667%
    }

    .mini-move3 {
        margin-left: 25%
    }

    .mini-move4 {
        margin-left: 33.33333333%
    }

    .mini-move5 {
        margin-left: 41.66666667%
    }

    .mini-move6 {
        margin-left: 50%
    }

    .mini-move7 {
        margin-left: 58.33333333%
    }

    .mini-move8 {
        margin-left: 66.66666667%
    }

    .mini-move9 {
        margin-left: 75%
    }

    .mini-move10 {
        margin-left: 83.33333333%
    }

    .mini-move11 {
        margin-left: 91.66666667%
    }
}

@media(min-width:762px) {
    .container {
        width: 730px
    }

    .small-float-left {
        float: left!important
    }

    .small-float-right {
        float: right!important
    }

    .small-float-none {
        float: none!important
    }

    .small-align-left {
        text-align: left!important
    }

    .small-align-center {
        text-align: center!important
    }

    .small-align-right {
        text-align: right!important
    }

    .small-size-large {
        font-size: 1.75rem!important
    }

    .small-size-big {
        font-size: 1.25rem!important
    }

    .small-size-middle {
        font-size: 1rem!important
    }

    .small-size-small {
        font-size: .875rem!important
    }

    .small-size-mini {
        font-size: .75rem!important
    }

    .small-show {
        display: block!important
    }

    .small-hidden {
        display: none!important
    }

    .small-grid-mini>.grid {
        margin: -0.03125rem
    }

    .small-grid-mini,.small-grid-mini>.grid>[class*='x'] {
        padding: .03125rem
    }

    .small-grid-small>.grid {
        margin: -0.25rem
    }

    .small-grid-small,.small-grid-small>.grid>[class*='x'] {
        padding: .25rem
    }

    .small-grid-middle>.grid {
        margin: -0.5rem
    }

    .small-grid-middle,.small-grid-middle>.grid>[class*='x'] {
        padding: .5rem
    }

    .small-grid-big>.grid {
        margin: -0.75rem
    }

    .small-grid-big,.small-grid-big>.grid>[class*='x'] {
        padding: .75rem
    }

    .small-grid-large>.grid {
        margin: -1rem
    }

    .small-grid-large,.small-grid-large>.grid>[class*='x'] {
        padding: 1rem
    }

    .small-x {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .small-x0,.small-w0 {
        width: auto
    }

    .small-x1,.small-w1 {
        width: 8.33333333%
    }

    .small-x2,.small-w2 {
        width: 16.66666667%
    }

    .small-x20,.small-w20 {
        width: 20%
    }

    .small-x3,.small-w3 {
        width: 25%
    }

    .small-x4,.small-w4 {
        width: 33.33333333%
    }

    .small-x5,.small-w5 {
        width: 41.66666667%
    }

    .small-x6,.small-w6 {
        width: 50%
    }

    .small-x7,.small-w7 {
        width: 58.33333333%
    }

    .small-x8,.small-w8 {
        width: 66.66666667%
    }

    .small-x9,.small-w9 {
        width: 75%
    }

    .small-x10,.small-w10 {
        width: 83.33333333%
    }

    .small-x11,.small-w11 {
        width: 91.66666667%
    }

    .small-x12,.small-w12,.small-x100,.small-w100 {
        width: 100%
    }

    .small-order0 {
        order: 0
    }

    .small-order1 {
        order: 1
    }

    .small-order2 {
        order: 2
    }

    .small-order3 {
        order: 3
    }

    .small-order4 {
        order: 4
    }

    .small-order5 {
        order: 5
    }

    .small-order6 {
        order: 6
    }

    .small-order7 {
        order: 7
    }

    .small-order8 {
        order: 8
    }

    .small-order9 {
        order: 9
    }

    .small-order10 {
        order: 10
    }

    .small-order11 {
        order: 11
    }

    .small-order12 {
        order: 12
    }

    .order13 {
        order: 13
    }

    .small-move0 {
        margin-left: 0
    }

    .small-move1 {
        margin-left: 8.33333333%
    }

    .small-move2 {
        margin-left: 16.66666667%
    }

    .small-move3 {
        margin-left: 25%
    }

    .small-move4 {
        margin-left: 33.33333333%
    }

    .small-move5 {
        margin-left: 41.66666667%
    }

    .small-move6 {
        margin-left: 50%
    }

    .small-move7 {
        margin-left: 58.33333333%
    }

    .small-move8 {
        margin-left: 66.66666667%
    }

    .small-move9 {
        margin-left: 75%
    }

    .small-move10 {
        margin-left: 83.33333333%
    }

    .small-move11 {
        margin-left: 91.66666667%
    }
}

@media(max-width:762px) {
    .table-auto {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-auto .table tr th,.table-auto .table tr td {
        white-space: nowrap
    }
}

@media(min-width:992px) {
    .wap_logo {
        display: none;
    }
    .wap_logo img {
        height: 36px;
    }
    .pc_logo {
        display: block;
    }

    .container {
        width: 96%
    }

    .middle-float-left {
        float: left!important
    }

    .middle-float-right {
        float: right!important
    }

    .middle-float-none {
        float: none!important
    }

    .middle-align-left {
        text-align: left!important
    }

    .middle-align-center {
        text-align: center!important
    }

    .middle-align-right {
        text-align: right!important
    }

    .middle-size-large {
        font-size: 1.75rem!important
    }

    .middle-size-big {
        font-size: 1.25rem!important
    }

    .middle-size-middle {
        font-size: 1rem!important
    }

    .middle-size-small {
        font-size: .875rem!important
    }

    .middle-size-mini {
        font-size: .75rem!important
    }

    .middle-show {
        display: block!important
    }

    .middle-hidden {
        display: none!important
    }

    .middle-grid-mini>.grid {
        margin: -0.03125rem
    }

    .middle-grid-mini,.middle-grid-mini>.grid>[class*='x'] {
        padding: .03125rem
    }

    .middle-grid-small>.grid {
        margin: -0.25rem
    }

    .middle-grid-small,.middle-grid-small>.grid>[class*='x'] {
        padding: .25rem
    }

    .middle-grid-middle>.grid {
        margin: -0.5rem
    }

    .middle-grid-middle,.middle-grid-middle>.grid>[class*='x'] {
        padding: .5rem
    }

    .middle-grid-big>.grid {
        margin: -0.75rem
    }

    .middle-grid-big,.middle-grid-big>.grid>[class*='x'] {
        padding: .75rem
    }

    .middle-grid-large>.grid {
        margin: -1rem
    }

    .middle-grid-large,.middle-grid-large>.grid>[class*='x'] {
        padding: 1rem
    }

    .middle-x {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .middle-x0,.middle-w0 {
        width: auto
    }

    .middle-x1,.middle-w1 {
        width: 8.33333333%
    }

    .middle-x2,.middle-w2 {
        width: 16.66666667%
    }

    .middle-x20,.middle-w20 {
        width: 20%
    }

    .middle-x3,.middle-w3 {
        width: 25%
    }

    .middle-x4,.middle-w4 {
        width: 33.33333333%
    }

    .middle-x5,.middle-w5 {
        width: 41.66666667%
    }

    .middle-x6,.middle-w6 {
        width: 50%
    }

    .middle-x7,.middle-w7 {
        width: 58.33333333%
    }

    .middle-x8,.middle-w8 {
        width: 66.66666667%
    }

    .middle-x9,.middle-w9 {
        width: 75%
    }

    .middle-x10,.middle-w10 {
        width: 83.33333333%
    }

    .middle-x11,.middle-w11 {
        width: 91.66666667%
    }

    .middle-x12,.middle-w12,.middle-x100,.middle-w100 {
        width: 100%
    }

    .middle-order0 {
        order: 0
    }

    .middle-order1 {
        order: 1
    }

    .middle-order2 {
        order: 2
    }

    .middle-order3 {
        order: 3
    }

    .middle-order4 {
        order: 4
    }

    .middle-order5 {
        order: 5
    }

    .middle-order6 {
        order: 6
    }

    .middle-order7 {
        order: 7
    }

    .middle-order8 {
        order: 8
    }

    .middle-order9 {
        order: 9
    }

    .middle-order10 {
        order: 10
    }

    .middle-order11 {
        order: 11
    }

    .middle-order12 {
        order: 12
    }

    .order13 {
        order: 13
    }

    .middle-move0 {
        margin-left: 0
    }

    .middle-move1 {
        margin-left: 8.33333333%
    }

    .middle-move2 {
        margin-left: 16.66666667%
    }

    .middle-move3 {
        margin-left: 25%
    }

    .middle-move4 {
        margin-left: 33.33333333%
    }

    .middle-move5 {
        margin-left: 41.66666667%
    }

    .middle-move6 {
        margin-left: 50%
    }

    .middle-move7 {
        margin-left: 58.33333333%
    }

    .middle-move8 {
        margin-left: 66.66666667%
    }

    .middle-move9 {
        margin-left: 75%
    }

    .middle-move10 {
        margin-left: 83.33333333%
    }

    .middle-move11 {
        margin-left: 91.66666667%
    }
}

@media(min-width:1232px) {
    .container {
        width: 1200px
    }

    .big-float-left {
        float: left!important
    }

    .big-float-right {
        float: right!important
    }

    .big-float-none {
        float: none!important
    }

    .big-align-left {
        text-align: left!important
    }

    .big-align-center {
        text-align: center!important
    }

    .big-align-right {
        text-align: right!important
    }

    .big-size-large {
        font-size: 1.75rem!important
    }

    .big-size-big {
        font-size: 1.25rem!important
    }

    .big-size-middle {
        font-size: 1rem!important
    }

    .big-size-small {
        font-size: .875rem!important
    }

    .big-size-mini {
        font-size: .75rem!important
    }

    .big-show {
        display: block!important
    }

    .big-hidden {
        display: none!important
    }

    .big-grid-mini>.grid {
        margin: -0.03125rem
    }

    .big-grid-mini,.big-grid-mini>.grid>[class*='x'] {
        padding: .03125rem
    }

    .big-grid-small>.grid {
        margin: -0.25rem
    }

    .big-grid-small,.big-grid-small>.grid>[class*='x'] {
        padding: .25rem
    }

    .big-grid-middle>.grid {
        margin: -0.5rem
    }

    .big-grid-middle,.big-grid-middle>.grid>[class*='x'] {
        padding: .5rem
    }

    .big-grid-big>.grid {
        margin: -0.75rem
    }

    .big-grid-big,.big-grid-big>.grid>[class*='x'] {
        padding: .75rem
    }

    .big-grid-large>.grid {
        margin: -1rem
    }

    .big-grid-large,.big-grid-large>.grid>[class*='x'] {
        padding: 1rem
    }

    .big-x {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .big-x0,.big-w0 {
        width: auto
    }

    .big-x1,.big-w1 {
        width: 8.33333333%
    }

    .big-x2,.big-w2 {
        width: 16.66666667%
    }

    .big-x20,.big-w20 {
        width: 20%
    }

    .big-x3,.big-w3 {
        width: 25%
    }

    .big-x4,.big-w4 {
        width: 33.33333333%
    }

    .big-x5,.big-w5 {
        width: 41.66666667%
    }

    .big-x6,.big-w6 {
        width: 50%
    }

    .big-x7,.big-w7 {
        width: 58.33333333%
    }

    .big-x8,.big-w8 {
        width: 66.66666667%
    }

    .big-x9,.big-w9 {
        width: 75%
    }

    .big-x10,.big-w10 {
        width: 83.33333333%
    }

    .big-x11,.big-w11 {
        width: 91.66666667%
    }

    .big-x12,.big-w12,.big-x100,.big-w100 {
        width: 100%
    }

    .big-order0 {
        order: 0
    }

    .big-order1 {
        order: 1
    }

    .big-order2 {
        order: 2
    }

    .big-order3 {
        order: 3
    }

    .big-order4 {
        order: 4
    }

    .big-order5 {
        order: 5
    }

    .big-order6 {
        order: 6
    }

    .big-order7 {
        order: 7
    }

    .big-order8 {
        order: 8
    }

    .big-order9 {
        order: 9
    }

    .big-order10 {
        order: 10
    }

    .big-order11 {
        order: 11
    }

    .big-order12 {
        order: 12
    }

    .order13 {
        order: 13
    }

    .big-move0 {
        margin-left: 0
    }

    .big-move1 {
        margin-left: 8.33333333%
    }

    .big-move2 {
        margin-left: 16.66666667%
    }

    .big-move3 {
        margin-left: 25%
    }

    .big-move4 {
        margin-left: 33.33333333%
    }

    .big-move5 {
        margin-left: 41.66666667%
    }

    .big-move6 {
        margin-left: 50%
    }

    .big-move7 {
        margin-left: 58.33333333%
    }

    .big-move8 {
        margin-left: 66.66666667%
    }

    .big-move9 {
        margin-left: 75%
    }

    .big-move10 {
        margin-left: 83.33333333%
    }

    .big-move11 {
        margin-left: 91.66666667%
    }
}

@media(min-width:1632px) {
    .container {
        width: 1200px
    }

    .large-float-left {
        float: left!important
    }

    .large-float-right {
        float: right!important
    }

    .large-float-none {
        float: none!important
    }

    .large-align-left {
        text-align: left!important
    }

    .large-align-center {
        text-align: center!important
    }

    .large-align-right {
        text-align: right!important
    }

    .large-size-large {
        font-size: 1.75rem!important
    }

    .large-size-big {
        font-size: 1.25rem!important
    }

    .large-size-middle {
        font-size: 1rem!important
    }

    .large-size-small {
        font-size: .875rem!important
    }

    .large-size-mini {
        font-size: .75rem!important
    }

    .large-show {
        display: block!important
    }

    .large-hidden {
        display: none!important
    }

    .large-grid-mini>.grid {
        margin: -0.03125rem
    }

    .large-grid-mini,.large-grid-mini>.grid>[class*='x'] {
        padding: .03125rem
    }

    .large-grid-small>.grid {
        margin: -0.25rem
    }

    .large-grid-small,.large-grid-small>.grid>[class*='x'] {
        padding: .25rem
    }

    .large-grid-middle>.grid {
        margin: -0.5rem
    }

    .large-grid-middle,.large-grid-middle>.grid>[class*='x'] {
        padding: .5rem
    }

    .large-grid-big>.grid {
        margin: -0.75rem
    }

    .large-grid-big,.large-grid-big>.grid>[class*='x'] {
        padding: .75rem
    }

    .large-grid-large>.grid {
        margin: -1rem
    }

    .large-grid-large,.large-grid-large>.grid>[class*='x'] {
        padding: 1rem
    }

    .large-x {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .large-x0,.large-w0 {
        width: auto
    }

    .large-x1,.large-w1 {
        width: 8.33333333%
    }

    .large-x2,.large-w2 {
        width: 16.66666667%
    }

    .large-x20,.large-w20 {
        width: 20%
    }

    .large-x3,.large-w3 {
        width: 25%
    }

    .large-x4,.large-w4 {
        width: 33.33333333%
    }

    .large-x5,.large-w5 {
        width: 41.66666667%
    }

    .large-x6,.large-w6 {
        width: 50%
    }

    .large-x7,.large-w7 {
        width: 58.33333333%
    }

    .large-x8,.large-w8 {
        width: 66.66666667%
    }

    .large-x9,.large-w9 {
        width: 75%
    }

    .large-x10,.large-w10 {
        width: 83.33333333%
    }

    .large-x11,.large-w11 {
        width: 91.66666667%
    }

    .large-x12,.large-w12,.large-x100,.large-w100 {
        width: 100%
    }

    .large-order0 {
        order: 0
    }

    .large-order1 {
        order: 1
    }

    .large-order2 {
        order: 2
    }

    .large-order3 {
        order: 3
    }

    .large-order4 {
        order: 4
    }

    .large-order5 {
        order: 5
    }

    .large-order6 {
        order: 6
    }

    .large-order7 {
        order: 7
    }

    .large-order8 {
        order: 8
    }

    .large-order9 {
        order: 9
    }

    .large-order10 {
        order: 10
    }

    .large-order11 {
        order: 11
    }

    .large-order12 {
        order: 12
    }

    .order13 {
        order: 13
    }

    .large-move0 {
        margin-left: 0
    }

    .large-move1 {
        margin-left: 8.33333333%
    }

    .large-move2 {
        margin-left: 16.66666667%
    }

    .large-move3 {
        margin-left: 25%
    }

    .large-move4 {
        margin-left: 33.33333333%
    }

    .large-move5 {
        margin-left: 41.66666667%
    }

    .large-move6 {
        margin-left: 50%
    }

    .large-move7 {
        margin-left: 58.33333333%
    }

    .large-move8 {
        margin-left: 66.66666667%
    }

    .large-move9 {
        margin-left: 75%
    }

    .large-move10 {
        margin-left: 83.33333333%
    }

    .large-move11 {
        margin-left: 91.66666667%
    }
}