body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
img,
li,
ol,
p,
table,
ul {
    padding: 0;
    margin: 0;
    list-style: none
}

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

body {
    color: #333;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.5;
    background-color: #fafcfe;
    font-family: PingFangSC, helvetica neue, hiragino sans gb, arial, microsoft yahei ui, microsoft yahei, simsun, sans-serif !important
}

.h1,
h1 {
    font-size: 36px
}

.h2,
h2 {
    font-size: 30px
}

.h3,
h3 {
    font-size: 24px
}

.h4,
h4 {
    font-size: 18px
}

.h5,
h5 {
    font-size: 14px
}

.h6,
h6 {
    font-size: 12px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    padding: 5px 0;
    margin: 10px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-size: 65%;
    font-weight: 400;
    line-height: 1;
    color: #5c5c5c
}

.h1.h-bold,
.h2.h-bold,
.h3.h-bold,
.h4.h-bold,
.h5.h-bold,
.h6.h-bold,
h1.h-bold,
h2.h-bold,
h3.h-bold,
h4.h-bold,
h5.h-bold,
h6.h-bold {
    font-weight: 900
}

.h1.h-hr,
.h2.h-hr,
.h3.h-hr,
.h4.h-hr,
.h5.h-hr,
.h6.h-hr,
h1.h-hr,
h2.h-hr,
h3.h-hr,
h4.h-hr,
h5.h-hr,
h6.h-hr {
    border-bottom: 2px solid #cce2f5
}

.h1.h-head,
.h2.h-head,
.h3.h-head,
.h4.h-head,
.h5.h-head,
.h6.h-head,
h1.h-head,
h2.h-head,
h3.h-head,
h4.h-head,
h5.h-head,
h6.h-head {
    margin: 15px 0;
    padding: 10px 0;
    padding-left: 15px;
    border-left: 5px solid #026fcf
}

hr {
    border: 1px solid transparent;
    border-top-color: #333;
    border-bottom-color: #b3d4f1
}

hr:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

p {
    margin: 5px 0
}

.indent1,
.indent1 p,
p .indent1,
p.indent1 {
    text-indent: 1em
}

.indent2,
.indent2 p,
p .indent2,
p.indent2 {
    text-indent: 2em
}

.indent3,
.indent3 p,
p .indent3,
p.indent3 {
    text-indent: 3em
}

.indent4,
.indent4 p,
p .indent4,
p.indent4 {
    text-indent: 4em
}

.indent5,
.indent5 p,
p .indent5,
p.indent5 {
    text-indent: 5em
}

.p-bold p,
p .p-bold,
p.p-bold {
    font-size: 120% !important;
    font-weight: 900 !important
}

.label-bold label,
label .label-bold,
label.label-bold {
    font-weight: 900 !important
}

a {
    text-decoration: none
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

img {
    max-width: 100%;
    border: 0
}

.fog-doc {
    width: 100%;
    height: 100%
}

.fog-box {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.fog-body {
    position: relative;
    width: 100%;
    min-width: 1000px;
    min-height: 300px;
    overflow: hidden
}

.fog-limit {
    position: relative;
    width: 1000px;
    min-width: 1000px;
    max-width: 1000px;
    margin: 0 auto;
    height: max-content;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.fog-main {
    position: relative;
    width: 100%;
    min-height: 300px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden
}

.iframe-main {
    position: relative;
    width: 100%;
    height: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-order: 2;
    order: 2;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.iframe-main>iframe {
    position: relative;
    width: 100%;
    height: 100%
}

.fog-header {
    color: #fff;
    font-size: 16px;
    width: 100%;
    min-width: 1000px;
    height: 48px;
    line-height: 48px;
    display: block;
    background-image: -webkit-gradient(linear, left top, right top, from(#026fcf), to(#4e9add));
    background-image: -webkit-linear-gradient(left, #026fcf, #4e9add);
    background-image: -moz-linear-gradient(left, #026fcf 0, #4e9add 100%);
    background-image: -o-linear-gradient(left, #026fcf 0, #4e9add 100%);
    background-image: linear-gradient(135deg, #026fcf, #4e9add);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.fog-header .nav>li {
    position: relative;
    padding: 0 15px;
    cursor: pointer;
    float: left;
    height: 48px;
    display: inline-block;
    transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.fog-header .nav>li.active,
.fog-header .nav>li:hover {
    border-bottom: 3px solid #fff
}

.fog-header .nav>li.logo {
    cursor: default;
    padding-left: 0;
    padding-right: 15px
}

.fog-header .nav>li.logo img {
    vertical-align: middle
}

.fog-header .nav>li.logo:hover {
    border: 0
}

.fog-header .nav>li.right {
    float: right
}

.fog-header .nav>li a {
    width: 100%;
    height: 100%;
    display: inline-block;
    color: inherit
}

.fog-header .nav>li a:hover {
    color: inherit
}

.fog-header .nav>li.primary {
    color: #f2f8ff !important;
    background-color: #007bff !important
}

.fog-header .nav>li.primary i {
    color: #4da3ff !important
}

.fog-header .nav>li.primary:hover {
    color: #fafcff !important;
    background-color: #4da3ff !important
}

.fog-header .nav>li.primary:hover i {
    color: #fafcff !important
}

.fog-header .nav>li.secondary {
    color: #f9f9f9 !important;
    background-color: #858585 !important
}

.fog-header .nav>li.secondary i {
    color: #f9f9f9 !important
}

.fog-header .nav>li.secondary:hover {
    color: #fdfdfd !important;
    background-color: #a9a9a9 !important
}

.fog-header .nav>li.secondary:hover i {
    color: #fdfdfd !important
}

.fog-header .nav>li.success {
    color: #f4fbf6 !important;
    background-color: #28a745 !important
}

.fog-header .nav>li.success i {
    color: #f4fbf6 !important
}

.fog-header .nav>li.success:hover {
    color: #fbfdfb !important;
    background-color: #69c17d !important
}

.fog-header .nav>li.success:hover i {
    color: #fbfdfb !important
}

.fog-header .nav>li.info {
    color: #f3fafb !important;
    background-color: #17a2b8 !important
}

.fog-header .nav>li.info i {
    color: #f3fafb !important
}

.fog-header .nav>li.info:hover {
    color: #fafdfe !important;
    background-color: #5dbecd !important
}

.fog-header .nav>li.info:hover i {
    color: #fafdfe !important
}

.fog-header .nav>li.danger {
    color: #fdf5f6 !important;
    background-color: #dc3545 !important
}

.fog-header .nav>li.danger i {
    color: #fdf5f6 !important
}

.fog-header .nav>li.danger:hover {
    color: #fefbfb !important;
    background-color: #e7727d !important
}

.fog-header .nav>li.danger:hover i {
    color: #fefbfb !important
}

.fog-header .nav>li.warning {
    color: #fffcf3 !important;
    background-color: #ffc107 !important
}

.fog-header .nav>li.warning i {
    color: #fffcf3 !important
}

.fog-header .nav>li.warning:hover {
    color: #fffefa !important;
    background-color: #ffd451 !important
}

.fog-header .nav>li.warning:hover i {
    color: #fffefa !important
}

.fog-header .nav>li.dark {
    color: #333 !important;
    background-color: #d6d6d6 !important
}

.fog-header .nav>li.dark i {
    color: #333 !important
}

.fog-header .nav>li.dark:hover {
    color: #3d3d3d !important;
    background-color: #e2e2e2 !important
}

.fog-header .nav>li.dark:hover i {
    color: #3d3d3d !important
}

.fog-menu {
    position: relative
}

.fog-menu .menu {
    position: absolute;
    display: none;
    z-index: 9999;
    min-width: 120px;
    left: 0;
    right: auto;
    background-color: #fafcfe;
    border: 1px solid rgba(0, 0, 0, .2);
    border-top: 0;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.fog-menu .menu.right {
    right: 0;
    left: auto
}

.fog-menu:hover .menu {
    display: block
}

.item-li {
    width: 100%;
    height: auto
}

.item-li li {
    color: #333;
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0
}

.item-li li:hover {
    background-color: #d6d6d6
}

.item-li li a {
    color: inherit
}

.item-li li a:hover {
    color: inherit
}

.item-li li.primary {
    color: #f2f8ff !important;
    background-color: #007bff !important
}

.item-li li.primary i {
    color: #4da3ff !important
}

.item-li li.primary:hover {
    color: #fafcff !important;
    background-color: #4da3ff !important
}

.item-li li.primary:hover i {
    color: #fafcff !important
}

.item-li li.secondary {
    color: #f9f9f9 !important;
    background-color: #858585 !important
}

.item-li li.secondary i {
    color: #f9f9f9 !important
}

.item-li li.secondary:hover {
    color: #fdfdfd !important;
    background-color: #a9a9a9 !important
}

.item-li li.secondary:hover i {
    color: #fdfdfd !important
}

.item-li li.success {
    color: #f4fbf6 !important;
    background-color: #28a745 !important
}

.item-li li.success i {
    color: #f4fbf6 !important
}

.item-li li.success:hover {
    color: #fbfdfb !important;
    background-color: #69c17d !important
}

.item-li li.success:hover i {
    color: #fbfdfb !important
}

.item-li li.info {
    color: #f3fafb !important;
    background-color: #17a2b8 !important
}

.item-li li.info i {
    color: #f3fafb !important
}

.item-li li.info:hover {
    color: #fafdfe !important;
    background-color: #5dbecd !important
}

.item-li li.info:hover i {
    color: #fafdfe !important
}

.item-li li.danger {
    color: #fdf5f6 !important;
    background-color: #dc3545 !important
}

.item-li li.danger i {
    color: #fdf5f6 !important
}

.item-li li.danger:hover {
    color: #fefbfb !important;
    background-color: #e7727d !important
}

.item-li li.danger:hover i {
    color: #fefbfb !important
}

.item-li li.warning {
    color: #fffcf3 !important;
    background-color: #ffc107 !important
}

.item-li li.warning i {
    color: #fffcf3 !important
}

.item-li li.warning:hover {
    color: #fffefa !important;
    background-color: #ffd451 !important
}

.item-li li.warning:hover i {
    color: #fffefa !important
}

.item-li li.dark {
    color: #333 !important;
    background-color: #d6d6d6 !important
}

.item-li li.dark i {
    color: #333 !important
}

.item-li li.dark:hover {
    color: #3d3d3d !important;
    background-color: #e2e2e2 !important
}

.item-li li.dark:hover i {
    color: #3d3d3d !important
}

.fog-left-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 99;
    background-color: #fafcfe;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-order: 1;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.left-nav-expand,
.nav-left-body,
.nav-left-footer,
.nav-left-header {
    position: absolute;
    left: 0;
    width: 100%
}

.nav-left-header {
    top: 0;
    z-index: 1
}

.nav-left-footer {
    bottom: 0;
    z-index: 1
}

.item {
    position: relative;
    height: 36px;
    line-height: 36px;
    width: 100%;
    display: block;
    padding: 0 30px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: inherit
}

.item>span {
    width: 100%;
    display: inline-block
}

.item>i {
    position: absolute;
    width: 30px;
    left: 0;
    top: 0;
    height: 36px;
    line-height: 36px;
    text-align: center
}

.item>span+i {
    left: auto;
    right: 0
}

.item i:first-child {
    color: #026fcf
}

.item.active,
.item:hover {
    color: #026fcf;
    background-color: #e6f1fa
}

.item.active i:first-child,
.item:hover i:first-child {
    color: #333
}

.item.active {
    background-color: #c0dbf3
}

.item.active i:first-child {
    color: #fafcfe
}

.item.primary {
    color: #f2f8ff !important;
    background-color: #007bff !important
}

.item.primary i {
    color: #4da3ff !important
}

.item.primary:hover {
    color: #fafcff !important;
    background-color: #4da3ff !important
}

.item.primary:hover i {
    color: #fafcff !important
}

.item.secondary {
    color: #f9f9f9 !important;
    background-color: #858585 !important
}

.item.secondary i {
    color: #f9f9f9 !important
}

.item.secondary:hover {
    color: #fdfdfd !important;
    background-color: #a9a9a9 !important
}

.item.secondary:hover i {
    color: #fdfdfd !important
}

.item.success {
    color: #f4fbf6 !important;
    background-color: #28a745 !important
}

.item.success i {
    color: #f4fbf6 !important
}

.item.success:hover {
    color: #fbfdfb !important;
    background-color: #69c17d !important
}

.item.success:hover i {
    color: #fbfdfb !important
}

.item.info {
    color: #f3fafb !important;
    background-color: #17a2b8 !important
}

.item.info i {
    color: #f3fafb !important
}

.item.info:hover {
    color: #fafdfe !important;
    background-color: #5dbecd !important
}

.item.info:hover i {
    color: #fafdfe !important
}

.item.danger {
    color: #fdf5f6 !important;
    background-color: #dc3545 !important
}

.item.danger i {
    color: #fdf5f6 !important
}

.item.danger:hover {
    color: #fefbfb !important;
    background-color: #e7727d !important
}

.item.danger:hover i {
    color: #fefbfb !important
}

.item.warning {
    color: #fffcf3 !important;
    background-color: #ffc107 !important
}

.item.warning i {
    color: #fffcf3 !important
}

.item.warning:hover {
    color: #fffefa !important;
    background-color: #ffd451 !important
}

.item.warning:hover i {
    color: #fffefa !important
}

.item.dark {
    color: #333 !important;
    background-color: #d6d6d6 !important
}

.item.dark i {
    color: #333 !important
}

.item.dark:hover {
    color: #3d3d3d !important;
    background-color: #e2e2e2 !important
}

.item.dark:hover i {
    color: #3d3d3d !important
}

.item:hover {
    color: inherit
}

div.item {
    cursor: default
}

.item-menu {
    display: none;
    position: relative
}

.item-menu>.item i:first-child {
    color: #858585
}

.fog-left-nav.bg1 {
    background-color: #e6f2ff
}

.fog-left-nav.bg1 .item.active,
.fog-left-nav.bg1 .item:hover {
    background-color: #b3d7ff
}

.fog-left-nav.bg1 .item.active i:first-child,
.fog-left-nav.bg1 .item:hover i:first-child {
    color: #fafcfe
}

.fog-left-nav.bg1 .item.active {
    background-color: #bfdeff
}

.fog-left-nav.bg1 .item.active i:first-child {
    color: #333
}

.fog-left-nav.bg2 {
    background-color: #f3f3f3
}

.fog-left-nav.bg2 .item.active,
.fog-left-nav.bg2 .item:hover {
    background-color: #dadada
}

.fog-left-nav.bg2 .item.active i:first-child,
.fog-left-nav.bg2 .item:hover i:first-child {
    color: #fafcfe
}

.fog-left-nav.bg2 .item.active {
    background-color: #e0e0e0
}

.fog-left-nav.bg2 .item.active i:first-child {
    color: #333
}

.fog-left-nav.bg3 {
    background-color: #eaf6ec
}

.fog-left-nav.bg3 .item.active,
.fog-left-nav.bg3 .item:hover {
    background-color: #bfe5c7
}

.fog-left-nav.bg3 .item.active i:first-child,
.fog-left-nav.bg3 .item:hover i:first-child {
    color: #fafcfe
}

.fog-left-nav.bg3 .item.active {
    background-color: #c9e9d1
}

.fog-left-nav.bg3 .item.active i:first-child {
    color: #333
}

.fog-left-nav.bg4 {
    background-color: #e8f6f8
}

.fog-left-nav.bg4 .item.active,
.fog-left-nav.bg4 .item:hover {
    background-color: #b9e3ea
}

.fog-left-nav.bg4 .item.active i:first-child,
.fog-left-nav.bg4 .item:hover i:first-child {
    color: #fafcfe
}

.fog-left-nav.bg4 .item.active {
    background-color: #c5e8ed
}

.fog-left-nav.bg4 .item.active i:first-child {
    color: #333
}

.fog-left-nav.bg5 {
    background-color: #fcebec
}

.fog-left-nav.bg5 .item.active,
.fog-left-nav.bg5 .item:hover {
    background-color: #f5c2c7
}

.fog-left-nav.bg5 .item.active i:first-child,
.fog-left-nav.bg5 .item:hover i:first-child {
    color: #fafcfe
}

.fog-left-nav.bg5 .item.active {
    background-color: #f6cdd1
}

.fog-left-nav.bg5 .item.active i:first-child {
    color: #333
}

.fog-left-nav.bg6 {
    background-color: #fff9e6
}

.fog-left-nav.bg6 .item.active,
.fog-left-nav.bg6 .item:hover {
    background-color: #ffecb5
}

.fog-left-nav.bg6 .item.active i:first-child,
.fog-left-nav.bg6 .item:hover i:first-child {
    color: #fafcfe
}

.fog-left-nav.bg6 .item.active {
    background-color: #fff0c1
}

.fog-left-nav.bg6 .item.active i:first-child {
    color: #333
}

.fog-left-nav.bg7 {
    background-color: #fbfbfb
}

.fog-left-nav.bg7 .item.active,
.fog-left-nav.bg7 .item:hover {
    background-color: #f3f3f3
}

.fog-left-nav.bg7 .item.active i:first-child,
.fog-left-nav.bg7 .item:hover i:first-child {
    color: #fafcfe
}

.fog-left-nav.bg7 .item.active {
    background-color: #f5f5f5
}

.fog-left-nav.bg7 .item.active i:first-child {
    color: #333
}

.left-nav-expand {
    position: absolute;
    cursor: pointer;
    width: 20px;
    top: 50%;
    height: 54px;
    line-height: 54px;
    z-index: -10;
    left: 0;
    color: rgba(250, 252, 254, .5);
    text-align: center;
    background-color: rgba(153, 153, 153, .2);
    border-radius: 0 20px 20px 0;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.left-nav-expand:hover {
    width: 30px;
    background-color: #999;
    color: #fafcfe
}

.tool-btn {
    position: absolute;
    right: 0;
    top: 0
}

.tool-btn i {
    float: left;
    width: 20px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    cursor: pointer
}

.tool-btn i.primary {
    color: #f2f8ff !important;
    background-color: #007bff !important
}

.tool-btn i.primary i {
    color: #4da3ff !important
}

.tool-btn i.primary:hover {
    color: #fafcff !important;
    background-color: #4da3ff !important
}

.tool-btn i.primary:hover i {
    color: #fafcff !important
}

.tool-btn i.secondary {
    color: #f9f9f9 !important;
    background-color: #858585 !important
}

.tool-btn i.secondary i {
    color: #f9f9f9 !important
}

.tool-btn i.secondary:hover {
    color: #fdfdfd !important;
    background-color: #a9a9a9 !important
}

.tool-btn i.secondary:hover i {
    color: #fdfdfd !important
}

.tool-btn i.success {
    color: #f4fbf6 !important;
    background-color: #28a745 !important
}

.tool-btn i.success i {
    color: #f4fbf6 !important
}

.tool-btn i.success:hover {
    color: #fbfdfb !important;
    background-color: #69c17d !important
}

.tool-btn i.success:hover i {
    color: #fbfdfb !important
}

.tool-btn i.info {
    color: #f3fafb !important;
    background-color: #17a2b8 !important
}

.tool-btn i.info i {
    color: #f3fafb !important
}

.tool-btn i.info:hover {
    color: #fafdfe !important;
    background-color: #5dbecd !important
}

.tool-btn i.info:hover i {
    color: #fafdfe !important
}

.tool-btn i.danger {
    color: #fdf5f6 !important;
    background-color: #dc3545 !important
}

.tool-btn i.danger i {
    color: #fdf5f6 !important
}

.tool-btn i.danger:hover {
    color: #fefbfb !important;
    background-color: #e7727d !important
}

.tool-btn i.danger:hover i {
    color: #fefbfb !important
}

.tool-btn i.warning {
    color: #fffcf3 !important;
    background-color: #ffc107 !important
}

.tool-btn i.warning i {
    color: #fffcf3 !important
}

.tool-btn i.warning:hover {
    color: #fffefa !important;
    background-color: #ffd451 !important
}

.tool-btn i.warning:hover i {
    color: #fffefa !important
}

.tool-btn i.dark {
    color: #333 !important;
    background-color: #d6d6d6 !important
}

.tool-btn i.dark i {
    color: #333 !important
}

.tool-btn i.dark:hover {
    color: #3d3d3d !important;
    background-color: #e2e2e2 !important
}

.tool-btn i.dark:hover i {
    color: #3d3d3d !important
}

.item-slide {
    position: relative;
    height: 36px;
    line-height: 36px;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.item-slide .item,
.item-slide .slide-btn {
    float: left;
    display: inline-block;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.item-slide .slide-btn {
    position: relative;
    width: 0;
    height: 36px;
    overflow: hidden
}

.item-slide .slide-btn i {
    float: left;
    width: 0;
    text-align: center;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.item-slide .slide-btn i.primary {
    color: #f2f8ff !important;
    background-color: #007bff !important
}

.item-slide .slide-btn i.primary i {
    color: #4da3ff !important
}

.item-slide .slide-btn i.primary:hover {
    color: #fafcff !important;
    background-color: #4da3ff !important
}

.item-slide .slide-btn i.primary:hover i {
    color: #fafcff !important
}

.item-slide .slide-btn i.secondary {
    color: #f9f9f9 !important;
    background-color: #858585 !important
}

.item-slide .slide-btn i.secondary i {
    color: #f9f9f9 !important
}

.item-slide .slide-btn i.secondary:hover {
    color: #fdfdfd !important;
    background-color: #a9a9a9 !important
}

.item-slide .slide-btn i.secondary:hover i {
    color: #fdfdfd !important
}

.item-slide .slide-btn i.success {
    color: #f4fbf6 !important;
    background-color: #28a745 !important
}

.item-slide .slide-btn i.success i {
    color: #f4fbf6 !important
}

.item-slide .slide-btn i.success:hover {
    color: #fbfdfb !important;
    background-color: #69c17d !important
}

.item-slide .slide-btn i.success:hover i {
    color: #fbfdfb !important
}

.item-slide .slide-btn i.info {
    color: #f3fafb !important;
    background-color: #17a2b8 !important
}

.item-slide .slide-btn i.info i {
    color: #f3fafb !important
}

.item-slide .slide-btn i.info:hover {
    color: #fafdfe !important;
    background-color: #5dbecd !important
}

.item-slide .slide-btn i.info:hover i {
    color: #fafdfe !important
}

.item-slide .slide-btn i.danger {
    color: #fdf5f6 !important;
    background-color: #dc3545 !important
}

.item-slide .slide-btn i.danger i {
    color: #fdf5f6 !important
}

.item-slide .slide-btn i.danger:hover {
    color: #fefbfb !important;
    background-color: #e7727d !important
}

.item-slide .slide-btn i.danger:hover i {
    color: #fefbfb !important
}

.item-slide .slide-btn i.warning {
    color: #fffcf3 !important;
    background-color: #ffc107 !important
}

.item-slide .slide-btn i.warning i {
    color: #fffcf3 !important
}

.item-slide .slide-btn i.warning:hover {
    color: #fffefa !important;
    background-color: #ffd451 !important
}

.item-slide .slide-btn i.warning:hover i {
    color: #fffefa !important
}

.item-slide .slide-btn i.dark {
    color: #333 !important;
    background-color: #d6d6d6 !important
}

.item-slide .slide-btn i.dark i {
    color: #333 !important
}

.item-slide .slide-btn i.dark:hover {
    color: #3d3d3d !important;
    background-color: #e2e2e2 !important
}

.item-slide .slide-btn i.dark:hover i {
    color: #3d3d3d !important
}

.item-slide:hover {
    background-color: #e0e0e0
}

.item-slide:hover .item {
    width: calc(100% - 20px * 3);
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.item-slide:hover .slide-btn {
    width: 60px;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.item-slide:hover .slide-btn i {
    width: 20px;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.table {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.table caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #5c5c5c;
    text-align: center
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.5;
    text-align: left;
    vertical-align: middle;
    border-top: 1px solid #ddd;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.table>tbody>tr>td.fl,
.table>tbody>tr>th.fl,
.table>tfoot>tr>td.fl,
.table>tfoot>tr>th.fl,
.table>thead>tr>td.fl,
.table>thead>tr>th.fl {
    text-align: left
}

.table>tbody>tr>td.fc,
.table>tbody>tr>th.fc,
.table>tfoot>tr>td.fc,
.table>tfoot>tr>th.fc,
.table>thead>tr>td.fc,
.table>thead>tr>th.fc {
    text-align: center
}

.table>tbody>tr>td.fr,
.table>tbody>tr>th.fr,
.table>tfoot>tr>td.fr,
.table>tfoot>tr>th.fr,
.table>thead>tr>td.fr,
.table>thead>tr>th.fr {
    text-align: right
}

.table.limit>tbody>tr>td,
.table.limit>tbody>tr>th,
.table.limit>tfoot>tr>td,
.table.limit>tfoot>tr>th,
.table.limit>thead>tr>td,
.table.limit>thead>tr>th {
    min-width: 50px;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.table thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table.striped>tbody>tr:nth-of-type(odd) {
    background-color: #e6f1fa
}

.table.bordered {
    border: 1px solid #ddd
}

.table.bordered>tbody>tr>td,
.table.bordered>tbody>tr>th,
.table.bordered>tfoot>tr>td,
.table.bordered>tfoot>tr>th,
.table.bordered>thead>tr>td,
.table.bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table.bordered>thead>tr>td,
.table.bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table.hover>tbody>tr:hover {
    background-color: #cce2f5
}

.table.condensed>tbody>tr>td,
.table.condensed>tbody>tr>th,
.table.condensed>tfoot>tr>td,
.table.condensed>tfoot>tr>th,
.table.condensed>thead>tr>td,
.table.condensed>thead>tr>th {
    padding: 5px
}

.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active {
    background-color: #d9e9f8
}

.table>tbody>tr.active.deep>td,
.table>tbody>tr.active.deep>th,
.table>tfoot>tr.active.deep>td,
.table>tfoot>tr.active.deep>th {
    background-color: #81b7e7
}

.table>tbody>tr.active.deep:hover>td,
.table>tbody>tr.active.deep:hover>th,
.table>tfoot>tr.active.deep:hover>td,
.table>tfoot>tr.active.deep:hover>th {
    background-color: #5ba1e0
}

.table>tbody>tr.primary>td,
.table>tbody>tr.primary>th,
.table>tbody>tr>td.primary,
.table>tbody>tr>th.primary,
.table>tfoot>tr.primary>td,
.table>tfoot>tr.primary>th,
.table>tfoot>tr>td.primary,
.table>tfoot>tr>th.primary {
    background-color: #d9ebff
}

.table>tbody>tr.primary.deep>td,
.table>tbody>tr.primary.deep>th,
.table>tfoot>tr.primary.deep>td,
.table>tfoot>tr.primary.deep>th {
    background-color: #80bdff
}

.table>tbody>tr.primary.deep:hover>td,
.table>tbody>tr.primary.deep:hover>th,
.table>tfoot>tr.primary.deep:hover>td,
.table>tfoot>tr.primary.deep:hover>th {
    background-color: #59a9ff
}

.table>tbody>tr.secondary>td,
.table>tbody>tr.secondary>th,
.table>tbody>tr>td.secondary,
.table>tbody>tr>th.secondary,
.table>tfoot>tr.secondary>td,
.table>tfoot>tr.secondary>th,
.table>tfoot>tr>td.secondary,
.table>tfoot>tr>th.secondary {
    background-color: #ededed
}

.table>tbody>tr.secondary.deep>td,
.table>tbody>tr.secondary.deep>th,
.table>tfoot>tr.secondary.deep>td,
.table>tfoot>tr.secondary.deep>th {
    background-color: #c2c2c2
}

.table>tbody>tr.secondary.deep:hover>td,
.table>tbody>tr.secondary.deep:hover>th,
.table>tfoot>tr.secondary.deep:hover>td,
.table>tfoot>tr.secondary.deep:hover>th {
    background-color: #afafaf
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success {
    background-color: #dff2e3
}

.table>tbody>tr.success.deep>td,
.table>tbody>tr.success.deep>th,
.table>tfoot>tr.success.deep>td,
.table>tfoot>tr.success.deep>th {
    background-color: #94d3a2
}

.table>tbody>tr.success.deep:hover>td,
.table>tbody>tr.success.deep:hover>th,
.table>tfoot>tr.success.deep:hover>td,
.table>tfoot>tr.success.deep:hover>th {
    background-color: #73c686
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info {
    background-color: #dcf1f4
}

.table>tbody>tr.info.deep>td,
.table>tbody>tr.info.deep>th,
.table>tfoot>tr.info.deep>td,
.table>tfoot>tr.info.deep>th {
    background-color: #8bd1dc
}

.table>tbody>tr.info.deep:hover>td,
.table>tbody>tr.info.deep:hover>th,
.table>tfoot>tr.info.deep:hover>td,
.table>tfoot>tr.info.deep:hover>th {
    background-color: #68c3d1
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger {
    background-color: #fae1e3
}

.table>tbody>tr.danger.deep>td,
.table>tbody>tr.danger.deep>th,
.table>tfoot>tr.danger.deep>td,
.table>tfoot>tr.danger.deep>th {
    background-color: #ee9aa2
}

.table>tbody>tr.danger.deep:hover>td,
.table>tbody>tr.danger.deep:hover>th,
.table>tfoot>tr.danger.deep:hover>td,
.table>tfoot>tr.danger.deep:hover>th {
    background-color: #e87c86
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning {
    background-color: #fff6da
}

.table>tbody>tr.warning.deep>td,
.table>tbody>tr.warning.deep>th,
.table>tfoot>tr.warning.deep>td,
.table>tfoot>tr.warning.deep>th {
    background-color: #ffe083
}

.table>tbody>tr.warning.deep:hover>td,
.table>tbody>tr.warning.deep:hover>th,
.table>tfoot>tr.warning.deep:hover>td,
.table>tfoot>tr.warning.deep:hover>th {
    background-color: #ffd75e
}

.table>tbody>tr.dark>td,
.table>tbody>tr.dark>th,
.table>tbody>tr>td.dark,
.table>tbody>tr>th.dark,
.table>tfoot>tr.dark>td,
.table>tfoot>tr.dark>th,
.table>tfoot>tr>td.dark,
.table>tfoot>tr>th.dark {
    background-color: #f9f9f9
}

.table>tbody>tr.dark.deep>td,
.table>tbody>tr.dark.deep>th,
.table>tfoot>tr.dark.deep>td,
.table>tfoot>tr.dark.deep>th {
    background-color: #ebebeb
}

.table>tbody>tr.dark.deep:hover>td,
.table>tbody>tr.dark.deep:hover>th,
.table>tfoot>tr.dark.deep:hover>td,
.table>tfoot>tr.dark.deep:hover>th {
    background-color: #e4e4e4
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width:768px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 10px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400
}

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

.form-input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #707070;
    background-color: #fafcfe;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.disabled .form-input,
.form-input.disabled,
.form-input[disabled],
.form-input[readonly],
[disabled] .form-input {
    background-color: #eee;
    opacity: 1
}

.disabled .form-input,
.form-input.disabled,
.form-input[disabled],
[disabled] .form-input {
    cursor: not-allowed
}

textarea.form-input {
    height: auto
}

select[multiple].form-input {
    height: auto
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin: 10px 0
}

.checkbox>label,
.radio>label {
    font-weight: 400
}

.input-group.checkbox+.input-group.checkbox,
.input-group.radio+.input-group.radio {
    margin-left: 10px
}

.disabled input[type=checkbox],
.disabled input[type=radio],
[disabled] input[type=checkbox],
[disabled] input[type=radio],
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

.form-group,
.input-group {
    font-size: 14px
}

.form-group>label,
.input-group>label {
    font-weight: 700
}

.form-group {
    position: relative;
    width: 100%;
    display: table;
    margin: 5px 0;
    border-collapse: separate;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.input-group {
    position: relative;
    display: inline-block;
    border-collapse: separate;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.input-group>.form-input,
.input-group>label {
    display: inline-block;
    width: auto;
    height: 34px;
    margin-bottom: 0
}

.input-group>.group-addon {
    float: left;
    padding: 6px 12px;
    height: 34px;
    font-size: 14px;
    font-weight: 400;
    color: #707070;
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: auto;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.input-group>.group-addon.fl {
    text-align: left
}

.input-group>.group-addon.fc {
    text-align: center
}

.input-group>.group-addon.fr {
    text-align: right
}

.input-group>.group-addon:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.input-group>.group-addon:first-child {
    border-right: 0;
    border-radius: 4px 0 0 4px
}

.input-group>.group-addon:last-child {
    border-radius: 0 4px 4px 0
}

.input-group>.group-addon:not(:first-child):not(:last-child) {
    border-right: 0;
    border-radius: 0
}

.input-group.input-min>.group-addon {
    padding: 1px 2px;
    font-size: 12px;
    height: auto;
    line-height: inherit
}

.input-group.input-xs>.group-addon {
    padding: 2px 5px;
    font-size: 12px;
    height: auto;
    line-height: inherit
}

.input-group.input-sm>.group-addon {
    padding: 4px 8px;
    font-size: 14px;
    height: auto;
    line-height: inherit
}

.input-group.input-lg>.group-addon {
    padding: 8px 16px;
    font-size: 16px;
    height: auto;
    line-height: inherit
}

.fog-form,
form {
    display: block;
    margin-top: 0
}

.fog-form .btn,
.fog-form input[type=button],
.fog-form input[type=reset],
.fog-form input[type=submit],
form .btn,
form input[type=button],
form input[type=reset],
form input[type=submit] {
    height: 34px
}

.primary label {
    color: #007bff
}

.primary .form-input,
.primary input[type=button],
.primary input[type=checkbox],
.primary input[type=radio],
.primary input[type=reset],
.primary input[type=submit],
.primary>.group-addon {
    border-color: #007bff
}

.primary>.group-addon {
    color: #007bff;
    background-color: #cce5ff
}

.primary>.group-addon:hover {
    background-color: #99caff
}

.primary>.group-addon.form-input {
    background-color: #fafcfe
}

.primary>.group-addon.form-input:hover {
    background-color: #fafcfe
}

.secondary label {
    color: #858585
}

.secondary .form-input,
.secondary input[type=button],
.secondary input[type=checkbox],
.secondary input[type=radio],
.secondary input[type=reset],
.secondary input[type=submit],
.secondary>.group-addon {
    border-color: #858585
}

.secondary>.group-addon {
    color: #858585;
    background-color: #e7e7e7
}

.secondary>.group-addon:hover {
    background-color: #cecece
}

.secondary>.group-addon.form-input {
    background-color: #fafcfe
}

.secondary>.group-addon.form-input:hover {
    background-color: #fafcfe
}

.success label {
    color: #28a745
}

.success .form-input,
.success input[type=button],
.success input[type=checkbox],
.success input[type=radio],
.success input[type=reset],
.success input[type=submit],
.success>.group-addon {
    border-color: #28a745
}

.success>.group-addon {
    color: #28a745;
    background-color: #d4edda
}

.success>.group-addon:hover {
    background-color: #a9dcb5
}

.success>.group-addon.form-input {
    background-color: #fafcfe
}

.success>.group-addon.form-input:hover {
    background-color: #fafcfe
}

.info label {
    color: #17a2b8
}

.info .form-input,
.info input[type=button],
.info input[type=checkbox],
.info input[type=radio],
.info input[type=reset],
.info input[type=submit],
.info>.group-addon {
    border-color: #17a2b8
}

.info>.group-addon {
    color: #17a2b8;
    background-color: #d1ecf1
}

.info>.group-addon:hover {
    background-color: #a2dae3
}

.info>.group-addon.form-input {
    background-color: #fafcfe
}

.info>.group-addon.form-input:hover {
    background-color: #fafcfe
}

.danger label {
    color: #dc3545
}

.danger .form-input,
.danger input[type=button],
.danger input[type=checkbox],
.danger input[type=radio],
.danger input[type=reset],
.danger input[type=submit],
.danger>.group-addon {
    border-color: #dc3545
}

.danger>.group-addon {
    color: #dc3545;
    background-color: #f8d7da
}

.danger>.group-addon:hover {
    background-color: #f1aeb5
}

.danger>.group-addon.form-input {
    background-color: #fafcfe
}

.danger>.group-addon.form-input:hover {
    background-color: #fafcfe
}

.warning label {
    color: #ffc107
}

.warning .form-input,
.warning input[type=button],
.warning input[type=checkbox],
.warning input[type=radio],
.warning input[type=reset],
.warning input[type=submit],
.warning>.group-addon {
    border-color: #ffc107
}

.warning>.group-addon {
    color: #ffc107;
    background-color: #fff3cd
}

.warning>.group-addon:hover {
    background-color: #ffe69c
}

.warning>.group-addon.form-input {
    background-color: #fafcfe
}

.warning>.group-addon.form-input:hover {
    background-color: #fafcfe
}

.dark label {
    color: #d6d6d6
}

.dark .form-input,
.dark input[type=button],
.dark input[type=checkbox],
.dark input[type=radio],
.dark input[type=reset],
.dark input[type=submit],
.dark>.group-addon {
    border-color: #d6d6d6
}

.dark>.group-addon {
    color: #d6d6d6;
    background-color: #f7f7f7
}

.dark>.group-addon:hover {
    background-color: #efefef
}

.dark>.group-addon.form-input {
    background-color: #fafcfe
}

.dark>.group-addon.form-input:hover {
    background-color: #fafcfe
}

.input-select {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100px;
    background-color: #fafcfe;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: none
}

.input-select i,
.input-select span {
    cursor: pointer;
    float: left;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 16px;
    padding: 3px;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.input-select i:after,
.input-select span:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.input-select i:hover,
.input-select span:hover {
    color: #026fcf
}

.input-select span {
    width: auto
}

.fog-modal {
    width: 100%;
    height: 100%;
    display: none
}

.modal_mask {
    position: fixed;
    float: left;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 1998;
    background-color: rgba(0, 3, 5, .85)
}

.modal {
    position: fixed;
    top: 50px;
    width: 80%;
    left: 50%;
    margin-left: -40%;
    padding: 0;
    border-radius: 4px;
    border: 1px solid #cce2f5;
    background-color: #f2f8fd;
    display: inline-block;
    z-index: 1999;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.modal.modal-1 {
    width: 10%;
    margin-left: -5%
}

.modal.modal-2 {
    width: 20%;
    margin-left: -10%
}

.modal.modal-3 {
    width: 30%;
    margin-left: -15%
}

.modal.modal-4 {
    width: 40%;
    margin-left: -20%
}

.modal.modal-5 {
    width: 50%;
    margin-left: -25%
}

.modal.modal-6 {
    width: 60%;
    margin-left: -30%
}

.modal.modal-7 {
    width: 70%;
    margin-left: -35%
}

.modal.modal-8 {
    width: 80%;
    margin-left: -40%
}

.modal.modal-9 {
    width: 90%;
    margin-left: -45%
}

.modal.modal-10 {
    width: 100%;
    margin-left: -50%
}

.modal.modal-min {
    width: 300px;
    margin-left: -150px
}

.modal.modal-xs {
    width: 500px;
    margin-left: -250px
}

.modal.modal-sm {
    width: 700px;
    margin-left: -350px
}

.modal.modal-lg {
    width: 90%;
    margin-left: -45%
}

.modal .modal-body,
.modal .modal-footer,
.modal .modal-header {
    position: relative;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.modal .modal-footer,
.modal .modal-header {
    background-color: #e6f1fa
}

.modal .modal-header {
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #cce2f5
}

.modal .modal-header .esc {
    position: absolute;
    color: #707070;
    height: 36px;
    top: 0;
    right: 5px;
    border: 0;
    background-color: initial;
    font-size: 22px;
    cursor: pointer
}

.modal .modal-header .esc:hover {
    color: #333
}

.modal .modal-header .modal-title {
    margin: 0;
    padding: 0;
    height: 36px;
    line-height: 36px
}

.modal .modal-footer {
    padding: 5px 10px;
    border-top: 1px solid #cce2f5
}

.modal .modal-body {
    max-height: 500px;
    padding: 10px
}

.modal .modal-body p {
    display: inline-block;
    width: 100%;
    padding: 5px 0
}

.fog-twig {
    width: 100%;
    height: 36px;
    line-height: 36px;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.fog-twig.twig-fixed {
    position: fixed !important;
    z-index: 999
}

.ul-tool {
    width: 100%;
    height: 36px;
    display: block;
    border-bottom: 2px solid transparent;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.ul-tool>li {
    float: left;
    bottom: 0;
    height: 36px;
    line-height: 36px;
    position: relative;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.ul-tool>li.mistake,
.ul-tool>li>a,
.ul-tool>li>span {
    color: #333;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    display: block
}

.ul-tool>li.mistake>input,
.ul-tool>li>a>input,
.ul-tool>li>span>input {
    display: initial;
    padding: 3px;
    height: 30px
}

.ul-tool>li.mistake:hover {
    border-bottom-color: transparent
}

.ul-tool>li.mistake {
    border-right: 1px solid transparent;
    cursor: default
}

.ul-tool>li.mistake.unborder {
    border-right: 0
}

.ul-tool>li.right {
    float: right
}

.ul-tool>li.active,
.ul-tool>li:hover {
    border-bottom-color: #81b7e7
}

.ul-tool>li.active>a,
.ul-tool>li.active>span,
.ul-tool>li:hover>a,
.ul-tool>li:hover>span {
    color: #026fcf
}

.ul-tool>li.primary {
    border-bottom-color: #99caff
}

.ul-tool>li.primary.active,
.ul-tool>li.primary:hover {
    border-bottom-color: #4da3ff
}

.ul-tool>li.primary.active>a,
.ul-tool>li.primary.active>span,
.ul-tool>li.primary:hover>a,
.ul-tool>li.primary:hover>span {
    color: #007bff
}

.ul-tool>li.secondary {
    border-bottom-color: #cecece
}

.ul-tool>li.secondary.active,
.ul-tool>li.secondary:hover {
    border-bottom-color: #a9a9a9
}

.ul-tool>li.secondary.active>a,
.ul-tool>li.secondary.active>span,
.ul-tool>li.secondary:hover>a,
.ul-tool>li.secondary:hover>span {
    color: #858585
}

.ul-tool>li.success {
    border-bottom-color: #a9dcb5
}

.ul-tool>li.success.active,
.ul-tool>li.success:hover {
    border-bottom-color: #69c17d
}

.ul-tool>li.success.active>a,
.ul-tool>li.success.active>span,
.ul-tool>li.success:hover>a,
.ul-tool>li.success:hover>span {
    color: #28a745
}

.ul-tool>li.info {
    border-bottom-color: #a2dae3
}

.ul-tool>li.info.active,
.ul-tool>li.info:hover {
    border-bottom-color: #5dbecd
}

.ul-tool>li.info.active>a,
.ul-tool>li.info.active>span,
.ul-tool>li.info:hover>a,
.ul-tool>li.info:hover>span {
    color: #17a2b8
}

.ul-tool>li.warning {
    border-bottom-color: #ffe69c
}

.ul-tool>li.warning.active,
.ul-tool>li.warning:hover {
    border-bottom-color: #ffd451
}

.ul-tool>li.warning.active>a,
.ul-tool>li.warning.active>span,
.ul-tool>li.warning:hover>a,
.ul-tool>li.warning:hover>span {
    color: #ffc107
}

.ul-tool>li.danger {
    border-bottom-color: #f1aeb5
}

.ul-tool>li.danger.active,
.ul-tool>li.danger:hover {
    border-bottom-color: #e7727d
}

.ul-tool>li.danger.active>a,
.ul-tool>li.danger.active>span,
.ul-tool>li.danger:hover>a,
.ul-tool>li.danger:hover>span {
    color: #dc3545
}

.ul-tool>li.dark {
    border-bottom-color: #efefef
}

.ul-tool>li.dark.active,
.ul-tool>li.dark:hover {
    border-bottom-color: #e2e2e2
}

.ul-tool>li.dark.active>a,
.ul-tool>li.dark.active>span,
.ul-tool>li.dark:hover>a,
.ul-tool>li.dark:hover>span {
    color: #d6d6d6
}

.fog-twig {
    background-color: #e6f1fa
}

.fog-twig .ul-tool>li.mistake {
    border-right-color: #cce2f5
}

.fog-twig .ul-tool {
    border-bottom-color: #cce2f5
}

.fog-twig.bg1 {
    background-color: #e6f2ff
}

.fog-twig.bg1 .ul-tool>li.mistake {
    border-right-color: #cce5ff
}

.fog-twig.bg1 .ul-tool {
    border-bottom-color: #cce5ff
}

.fog-twig.bg2 {
    background-color: #f3f3f3
}

.fog-twig.bg2 .ul-tool>li.mistake {
    border-right-color: #e7e7e7
}

.fog-twig.bg2 .ul-tool {
    border-bottom-color: #e7e7e7
}

.fog-twig.bg3 {
    background-color: #eaf6ec
}

.fog-twig.bg3 .ul-tool>li.mistake {
    border-right-color: #d4edda
}

.fog-twig.bg3 .ul-tool {
    border-bottom-color: #d4edda
}

.fog-twig.bg4 {
    background-color: #e8f6f8
}

.fog-twig.bg4 .ul-tool>li.mistake {
    border-right-color: #d1ecf1
}

.fog-twig.bg4 .ul-tool {
    border-bottom-color: #d1ecf1
}

.fog-twig.bg5 {
    background-color: #fcebec
}

.fog-twig.bg5 .ul-tool>li.mistake {
    border-right-color: #f8d7da
}

.fog-twig.bg5 .ul-tool {
    border-bottom-color: #f8d7da
}

.fog-twig.bg6 {
    background-color: #fff9e6
}

.fog-twig.bg6 .ul-tool>li.mistake {
    border-right-color: #fff3cd
}

.fog-twig.bg6 .ul-tool {
    border-bottom-color: #fff3cd
}

.fog-twig.bg7 {
    background-color: #fbfbfb
}

.fog-twig.bg7 .ul-tool>li.mistake {
    border-right-color: #f7f7f7
}

.fog-twig.bg7 .ul-tool {
    border-bottom-color: #f7f7f7
}

.fog-twig .from-search .group-addon {
    height: 28px !important;
    line-height: 25px !important
}

.fog-twig .from-search .menu .item-li>li {
    padding: 0 5px
}

.btn,
input[type=button],
input[type=reset],
input[type=submit] {
    color: #333;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    border-bottom: 2px solid transparent;
    background-color: transparent;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    background-image: none
}

.btn.btn-line,
input[type=button].btn-line,
input[type=reset].btn-line,
input[type=submit].btn-line {
    border-color: #d9e9f8
}

.btn.btn-min,
input[type=button].btn-min,
input[type=reset].btn-min,
input[type=submit].btn-min {
    font-size: 12px;
    padding: 1px 2px
}

.btn.btn-xs,
input[type=button].btn-xs,
input[type=reset].btn-xs,
input[type=submit].btn-xs {
    font-size: 12px;
    padding: 3px 5px
}

.btn.btn-sm,
input[type=button].btn-sm,
input[type=reset].btn-sm,
input[type=submit].btn-sm {
    font-size: 14px;
    padding: 5px 10px
}

.btn.btn-lg,
input[type=button].btn-lg,
input[type=reset].btn-lg,
input[type=submit].btn-lg {
    font-size: 18px;
    padding: 10px 16px
}

.btn.btn-block,
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.btn.btn-block+.btn.btn-block,
.btn.btn-block+input[type=button].btn-block,
.btn.btn-block+input[type=reset].btn-block,
.btn.btn-block+input[type=submit].btn-block,
input[type=button].btn-block+.btn.btn-block,
input[type=button].btn-block+input[type=button].btn-block,
input[type=button].btn-block+input[type=reset].btn-block,
input[type=button].btn-block+input[type=submit].btn-block,
input[type=reset].btn-block+.btn.btn-block,
input[type=reset].btn-block+input[type=button].btn-block,
input[type=reset].btn-block+input[type=reset].btn-block,
input[type=reset].btn-block+input[type=submit].btn-block,
input[type=submit].btn-block+.btn.btn-block,
input[type=submit].btn-block+input[type=button].btn-block,
input[type=submit].btn-block+input[type=reset].btn-block,
input[type=submit].btn-block+input[type=submit].btn-block {
    margin-top: 5px
}

.btn.disabled,
.btn[disabled],
input[type=button].disabled,
input[type=button][disabled],
input[type=reset].disabled,
input[type=reset][disabled],
input[type=submit].disabled,
input[type=submit][disabled] {
    pointer-events: none;
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65
}

.btn.active,
.btn:hover,
input[type=button].active,
input[type=button]:hover,
input[type=reset].active,
input[type=reset]:hover,
input[type=submit].active,
input[type=submit]:hover {
    color: #026fcf;
    background-color: #d9e9f8
}

.btn.primary,
input[type=button].primary,
input[type=reset].primary,
input[type=submit].primary {
    background-color: #e6f2ff;
    border-bottom-color: #80bdff
}

.btn.primary.active,
.btn.primary:hover,
input[type=button].primary.active,
input[type=button].primary:hover,
input[type=reset].primary.active,
input[type=reset].primary:hover,
input[type=submit].primary.active,
input[type=submit].primary:hover {
    color: #007bff;
    background-color: #cce5ff;
    border-bottom-color: #007bff
}

.btn.primary.btn-line,
input[type=button].primary.btn-line,
input[type=reset].primary.btn-line,
input[type=submit].primary.btn-line {
    border-color: #cce5ff
}

.btn.primary.btn-line:hover,
input[type=button].primary.btn-line:hover,
input[type=reset].primary.btn-line:hover,
input[type=submit].primary.btn-line:hover {
    border-color: #80bdff
}

.btn.secondary,
input[type=button].secondary,
input[type=reset].secondary,
input[type=submit].secondary {
    background-color: #f3f3f3;
    border-bottom-color: #c2c2c2
}

.btn.secondary.active,
.btn.secondary:hover,
input[type=button].secondary.active,
input[type=button].secondary:hover,
input[type=reset].secondary.active,
input[type=reset].secondary:hover,
input[type=submit].secondary.active,
input[type=submit].secondary:hover {
    color: #858585;
    background-color: #e7e7e7;
    border-bottom-color: #858585
}

.btn.secondary.btn-line,
input[type=button].secondary.btn-line,
input[type=reset].secondary.btn-line,
input[type=submit].secondary.btn-line {
    border-color: #e7e7e7
}

.btn.secondary.btn-line:hover,
input[type=button].secondary.btn-line:hover,
input[type=reset].secondary.btn-line:hover,
input[type=submit].secondary.btn-line:hover {
    border-color: #c2c2c2
}

.btn.success,
input[type=button].success,
input[type=reset].success,
input[type=submit].success {
    background-color: #eaf6ec;
    border-bottom-color: #94d3a2
}

.btn.success.active,
.btn.success:hover,
input[type=button].success.active,
input[type=button].success:hover,
input[type=reset].success.active,
input[type=reset].success:hover,
input[type=submit].success.active,
input[type=submit].success:hover {
    color: #28a745;
    background-color: #d4edda;
    border-bottom-color: #28a745
}

.btn.success.btn-line,
input[type=button].success.btn-line,
input[type=reset].success.btn-line,
input[type=submit].success.btn-line {
    border-color: #d4edda
}

.btn.success.btn-line:hover,
input[type=button].success.btn-line:hover,
input[type=reset].success.btn-line:hover,
input[type=submit].success.btn-line:hover {
    border-color: #94d3a2
}

.btn.info,
input[type=button].info,
input[type=reset].info,
input[type=submit].info {
    background-color: #e8f6f8;
    border-bottom-color: #8bd1dc
}

.btn.info.active,
.btn.info:hover,
input[type=button].info.active,
input[type=button].info:hover,
input[type=reset].info.active,
input[type=reset].info:hover,
input[type=submit].info.active,
input[type=submit].info:hover {
    color: #17a2b8;
    background-color: #d1ecf1;
    border-bottom-color: #17a2b8
}

.btn.info.btn-line,
input[type=button].info.btn-line,
input[type=reset].info.btn-line,
input[type=submit].info.btn-line {
    border-color: #d1ecf1
}

.btn.info.btn-line:hover,
input[type=button].info.btn-line:hover,
input[type=reset].info.btn-line:hover,
input[type=submit].info.btn-line:hover {
    border-color: #8bd1dc
}

.btn.warning,
input[type=button].warning,
input[type=reset].warning,
input[type=submit].warning {
    background-color: #fff9e6;
    border-bottom-color: #ffe083
}

.btn.warning.active,
.btn.warning:hover,
input[type=button].warning.active,
input[type=button].warning:hover,
input[type=reset].warning.active,
input[type=reset].warning:hover,
input[type=submit].warning.active,
input[type=submit].warning:hover {
    color: #ffc107;
    background-color: #fff3cd;
    border-bottom-color: #ffc107
}

.btn.warning.btn-line,
input[type=button].warning.btn-line,
input[type=reset].warning.btn-line,
input[type=submit].warning.btn-line {
    border-color: #fff3cd
}

.btn.warning.btn-line:hover,
input[type=button].warning.btn-line:hover,
input[type=reset].warning.btn-line:hover,
input[type=submit].warning.btn-line:hover {
    border-color: #ffe083
}

.btn.danger,
input[type=button].danger,
input[type=reset].danger,
input[type=submit].danger {
    background-color: #fcebec;
    border-bottom-color: #ee9aa2
}

.btn.danger.active,
.btn.danger:hover,
input[type=button].danger.active,
input[type=button].danger:hover,
input[type=reset].danger.active,
input[type=reset].danger:hover,
input[type=submit].danger.active,
input[type=submit].danger:hover {
    color: #dc3545;
    background-color: #f8d7da;
    border-bottom-color: #dc3545
}

.btn.danger.btn-line,
input[type=button].danger.btn-line,
input[type=reset].danger.btn-line,
input[type=submit].danger.btn-line {
    border-color: #f8d7da
}

.btn.danger.btn-line:hover,
input[type=button].danger.btn-line:hover,
input[type=reset].danger.btn-line:hover,
input[type=submit].danger.btn-line:hover {
    border-color: #ee9aa2
}

.btn.dark,
input[type=button].dark,
input[type=reset].dark,
input[type=submit].dark {
    background-color: #fbfbfb;
    border-bottom-color: #ebebeb
}

.btn.dark.active,
.btn.dark:hover,
input[type=button].dark.active,
input[type=button].dark:hover,
input[type=reset].dark.active,
input[type=reset].dark:hover,
input[type=submit].dark.active,
input[type=submit].dark:hover {
    color: #d6d6d6;
    background-color: #f7f7f7;
    border-bottom-color: #d6d6d6
}

.btn.dark.btn-line,
input[type=button].dark.btn-line,
input[type=reset].dark.btn-line,
input[type=submit].dark.btn-line {
    border-color: #f7f7f7
}

.btn.dark.btn-line:hover,
input[type=button].dark.btn-line:hover,
input[type=reset].dark.btn-line:hover,
input[type=submit].dark.btn-line:hover {
    border-color: #ebebeb
}

.btn.deep.primary,
input[type=button].deep.primary,
input[type=reset].deep.primary,
input[type=submit].deep.primary {
    color: #f2f8ff;
    background-color: #007bff;
    border-bottom-color: #66b0ff
}

.btn.deep.primary.active,
.btn.deep.primary:hover,
input[type=button].deep.primary.active,
input[type=button].deep.primary:hover,
input[type=reset].deep.primary.active,
input[type=reset].deep.primary:hover,
input[type=submit].deep.primary.active,
input[type=submit].deep.primary:hover {
    color: #f2f8ff;
    background-color: #3395ff;
    border-bottom-color: #4da3ff
}

.btn.deep.primary.btn-line,
input[type=button].deep.primary.btn-line,
input[type=reset].deep.primary.btn-line,
input[type=submit].deep.primary.btn-line {
    border-color: #1988ff
}

.btn.deep.primary.btn-line:hover,
input[type=button].deep.primary.btn-line:hover,
input[type=reset].deep.primary.btn-line:hover,
input[type=submit].deep.primary.btn-line:hover {
    border-color: #4da3ff
}

.btn.deep.secondary,
input[type=button].deep.secondary,
input[type=reset].deep.secondary,
input[type=submit].deep.secondary {
    color: #f9f9f9;
    background-color: #858585;
    border-bottom-color: #b6b6b6
}

.btn.deep.secondary.active,
.btn.deep.secondary:hover,
input[type=button].deep.secondary.active,
input[type=button].deep.secondary:hover,
input[type=reset].deep.secondary.active,
input[type=reset].deep.secondary:hover,
input[type=submit].deep.secondary.active,
input[type=submit].deep.secondary:hover {
    color: #f9f9f9;
    background-color: #9d9d9d;
    border-bottom-color: #a9a9a9
}

.btn.deep.secondary.btn-line,
input[type=button].deep.secondary.btn-line,
input[type=reset].deep.secondary.btn-line,
input[type=submit].deep.secondary.btn-line {
    border-color: #919191
}

.btn.deep.secondary.btn-line:hover,
input[type=button].deep.secondary.btn-line:hover,
input[type=reset].deep.secondary.btn-line:hover,
input[type=submit].deep.secondary.btn-line:hover {
    border-color: #a9a9a9
}

.btn.deep.success,
input[type=button].deep.success,
input[type=reset].deep.success,
input[type=submit].deep.success {
    color: #f4fbf6;
    background-color: #28a745;
    border-bottom-color: #7eca8f
}

.btn.deep.success.active,
.btn.deep.success:hover,
input[type=button].deep.success.active,
input[type=button].deep.success:hover,
input[type=reset].deep.success.active,
input[type=reset].deep.success:hover,
input[type=submit].deep.success.active,
input[type=submit].deep.success:hover {
    color: #f4fbf6;
    background-color: #53b96a;
    border-bottom-color: #69c17d
}

.btn.deep.success.btn-line,
input[type=button].deep.success.btn-line,
input[type=reset].deep.success.btn-line,
input[type=submit].deep.success.btn-line {
    border-color: #3db058
}

.btn.deep.success.btn-line:hover,
input[type=button].deep.success.btn-line:hover,
input[type=reset].deep.success.btn-line:hover,
input[type=submit].deep.success.btn-line:hover {
    border-color: #69c17d
}

.btn.deep.info,
input[type=button].deep.info,
input[type=reset].deep.info,
input[type=submit].deep.info {
    color: #f3fafb;
    background-color: #17a2b8;
    border-bottom-color: #74c7d4
}

.btn.deep.info.active,
.btn.deep.info:hover,
input[type=button].deep.info.active,
input[type=button].deep.info:hover,
input[type=reset].deep.info.active,
input[type=reset].deep.info:hover,
input[type=submit].deep.info.active,
input[type=submit].deep.info:hover {
    color: #f3fafb;
    background-color: #45b5c6;
    border-bottom-color: #5dbecd
}

.btn.deep.info.btn-line,
input[type=button].deep.info.btn-line,
input[type=reset].deep.info.btn-line,
input[type=submit].deep.info.btn-line {
    border-color: #2eabbf
}

.btn.deep.info.btn-line:hover,
input[type=button].deep.info.btn-line:hover,
input[type=reset].deep.info.btn-line:hover,
input[type=submit].deep.info.btn-line:hover {
    border-color: #5dbecd
}

.btn.deep.warning,
input[type=button].deep.warning,
input[type=reset].deep.warning,
input[type=submit].deep.warning {
    color: #fffcf3;
    background-color: #ffc107;
    border-bottom-color: #ffda6a
}

.btn.deep.warning.active,
.btn.deep.warning:hover,
input[type=button].deep.warning.active,
input[type=button].deep.warning:hover,
input[type=reset].deep.warning.active,
input[type=reset].deep.warning:hover,
input[type=submit].deep.warning.active,
input[type=submit].deep.warning:hover {
    color: #fffcf3;
    background-color: #ffcd39;
    border-bottom-color: #ffd451
}

.btn.deep.warning.btn-line,
input[type=button].deep.warning.btn-line,
input[type=reset].deep.warning.btn-line,
input[type=submit].deep.warning.btn-line {
    border-color: #ffc720
}

.btn.deep.warning.btn-line:hover,
input[type=button].deep.warning.btn-line:hover,
input[type=reset].deep.warning.btn-line:hover,
input[type=submit].deep.warning.btn-line:hover {
    border-color: #ffd451
}

.btn.deep.danger,
input[type=button].deep.danger,
input[type=reset].deep.danger,
input[type=submit].deep.danger {
    color: #fdf5f6;
    background-color: #dc3545;
    border-bottom-color: #ea868f
}

.btn.deep.danger.active,
.btn.deep.danger:hover,
input[type=button].deep.danger.active,
input[type=button].deep.danger:hover,
input[type=reset].deep.danger.active,
input[type=reset].deep.danger:hover,
input[type=submit].deep.danger.active,
input[type=submit].deep.danger:hover {
    color: #fdf5f6;
    background-color: #e35d6a;
    border-bottom-color: #e7727d
}

.btn.deep.danger.btn-line,
input[type=button].deep.danger.btn-line,
input[type=reset].deep.danger.btn-line,
input[type=submit].deep.danger.btn-line {
    border-color: #e04958
}

.btn.deep.danger.btn-line:hover,
input[type=button].deep.danger.btn-line:hover,
input[type=reset].deep.danger.btn-line:hover,
input[type=submit].deep.danger.btn-line:hover {
    border-color: #e7727d
}

.btn.deep.dark,
input[type=button].deep.dark,
input[type=reset].deep.dark,
input[type=submit].deep.dark {
    color: #fdfdfd;
    background-color: #d6d6d6;
    border-bottom-color: #e7e7e7
}

.btn.deep.dark.active,
.btn.deep.dark:hover,
input[type=button].deep.dark.active,
input[type=button].deep.dark:hover,
input[type=reset].deep.dark.active,
input[type=reset].deep.dark:hover,
input[type=submit].deep.dark.active,
input[type=submit].deep.dark:hover {
    color: #fdfdfd;
    background-color: #dedede;
    border-bottom-color: #e2e2e2
}

.btn.deep.dark.btn-line,
input[type=button].deep.dark.btn-line,
input[type=reset].deep.dark.btn-line,
input[type=submit].deep.dark.btn-line {
    border-color: #dadada
}

.btn.deep.dark.btn-line:hover,
input[type=button].deep.dark.btn-line:hover,
input[type=reset].deep.dark.btn-line:hover,
input[type=submit].deep.dark.btn-line:hover {
    border-color: #e2e2e2
}

.btn.h-auto {
    height: auto
}

.btn-group {
    position: relative;
    display: block;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.btn-group>.btn {
    position: relative;
    float: left;
    margin-left: -1px
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.fog-switch {
    background: #fff;
    padding: 4px 8px;
    font-size: 16px;
    border-radius: 4px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2)
}

.fog-switch:hover {
    background: #fff
}

.fog-switch.primary {
    color: #4da3ff;
    border: 0;
    background-color: #fff
}

.fog-switch.primary:hover {
    color: #007bff;
    border: 0;
    background-color: #fff
}

.fog-switch.primary.deep {
    color: #007bff;
    border: 0;
    background-color: #fff
}

.fog-switch.primary.deep:hover {
    color: #268fff;
    border: 0;
    background-color: #fff
}

.fog-switch.secondary {
    color: #a9a9a9;
    border: 0;
    background-color: #fff
}

.fog-switch.secondary:hover {
    color: #858585;
    border: 0;
    background-color: #fff
}

.fog-switch.secondary.deep {
    color: #858585;
    border: 0;
    background-color: #fff
}

.fog-switch.secondary.deep:hover {
    color: #979797;
    border: 0;
    background-color: #fff
}

.fog-switch.success {
    color: #69c17d;
    border: 0;
    background-color: #fff
}

.fog-switch.success:hover {
    color: #28a745;
    border: 0;
    background-color: #fff
}

.fog-switch.success.deep {
    color: #28a745;
    border: 0;
    background-color: #fff
}

.fog-switch.success.deep:hover {
    color: #48b461;
    border: 0;
    background-color: #fff
}

.fog-switch.info {
    color: #5dbecd;
    border: 0;
    background-color: #fff
}

.fog-switch.info:hover {
    color: #17a2b8;
    border: 0;
    background-color: #fff
}

.fog-switch.info.deep {
    color: #17a2b8;
    border: 0;
    background-color: #fff
}

.fog-switch.info.deep:hover {
    color: #3ab0c3;
    border: 0;
    background-color: #fff
}

.fog-switch.warning {
    color: #ffd451;
    border: 0;
    background-color: #fff
}

.fog-switch.warning:hover {
    color: #ffc107;
    border: 0;
    background-color: #fff
}

.fog-switch.warning.deep {
    color: #ffc107;
    border: 0;
    background-color: #fff
}

.fog-switch.warning.deep:hover {
    color: #ffca2c;
    border: 0;
    background-color: #fff
}

.fog-switch.danger {
    color: #e7727d;
    border: 0;
    background-color: #fff
}

.fog-switch.danger:hover {
    color: #dc3545;
    border: 0;
    background-color: #fff
}

.fog-switch.danger.deep {
    color: #dc3545;
    border: 0;
    background-color: #fff
}

.fog-switch.danger.deep:hover {
    color: #e15361;
    border: 0;
    background-color: #fff
}

.fog-switch.dark {
    color: #e2e2e2;
    border: 0;
    background-color: #fff
}

.fog-switch.dark:hover {
    color: #d6d6d6;
    border: 0;
    background-color: #fff
}

.fog-switch.dark.deep {
    color: #d6d6d6;
    border: 0;
    background-color: #fff
}

.fog-switch.dark.deep:hover {
    color: #dcdcdc;
    border: 0;
    background-color: #fff
}

.fog-switch.switch-min {
    padding: 1px 2px;
    font-size: 12px
}

.fog-switch.switch-xs {
    padding: 3px 5px;
    font-size: 14px
}

.fog-switch.switch-sm {
    padding: 4px 6px;
    font-size: 15px
}

.fog-switch.switch-lg {
    padding: 6px 12px;
    font-size: 20px
}

.crumbs {
    width: 100%;
    padding: 8px 15px;
    margin-bottom: 10px;
    list-style: none;
    background-color: #e6f1fa;
    border-radius: 4px;
    display: block
}

.crumbs>li {
    display: inline-block
}

.crumbs>li>a {
    color: #4e9add;
    text-decoration: none
}

.crumbs>li>a:hover {
    color: #026fcf;
    text-decoration: underline
}

.crumbs>li>a::after {
    padding: 0 5px;
    color: #ccc;
    content: '/'
}

.crumbs>li.active {
    color: #707070
}

.crumbs.arrow>li a::after {
    content: '>'
}

.crumbs.primary {
    background-color: #cce5ff
}

.crumbs.secondary {
    background-color: #e7e7e7
}

.crumbs.success {
    background-color: #d4edda
}

.crumbs.info {
    background-color: #d1ecf1
}

.crumbs.danger {
    background-color: #f8d7da
}

.crumbs.warning {
    background-color: #fff3cd
}

.crumbs.dark {
    background-color: #f7f7f7
}

.paging {
    width: 100%;
    margin-bottom: 10px
}

.paging:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.paging .active,
.paging .active a,
.paging .active>a {
    cursor: initial;
    pointer-events: none
}

.list-group {
    padding-left: 0;
    margin-bottom: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.list-group>.list-item {
    position: relative;
    width: 100%;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.list-group>.list-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.list-group>.list-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.list-group>.list-item.disabled,
.list-group>.list-item.disabled:focus,
.list-group>.list-item.disabled:hover,
.list-group>.list-item.list-head {
    color: #777;
    cursor: not-allowed;
    background-color: #ccc
}

.list-group>.list-item.disabled .list-item-heading,
.list-group>.list-item.disabled:focus .list-item-heading,
.list-group>.list-item.disabled:hover .list-item-heading,
.list-group>.list-item.list-head .list-item-heading {
    color: inherit
}

.list-group>.list-item.list-head {
    color: #fff;
    font-weight: 700;
    cursor: default
}

.list-group>.list-item.active,
.list-group>.list-item.active:focus,
.list-group>.list-item.active:hover {
    z-index: 2;
    color: #fafcfe;
    background-color: #81b7e7
}

.list-group>.list-item.primary {
    color: #007bff;
    background-color: #d9ebff
}

.list-group>.list-item.primary,
a.list-group>.list-item.primary,
button.list-group>.list-item.primary {
    color: #007bff
}

.list-group>.list-item.primary .list-group-item-heading,
a.list-group>.list-item.primary .list-group-item-heading,
button.list-group>.list-item.primary .list-group-item-heading {
    color: inherit
}

.list-group>.list-item.primary:focus,
.list-group>.list-item.primary:hover,
a.list-group>.list-item.primary:focus,
a.list-group>.list-item.primary:hover,
button.list-group>.list-item.primary:focus,
button.list-group>.list-item.primary:hover {
    color: #007bff;
    background-color: #268fff
}

.list-group>.list-item.primary.active,
.list-group>.list-item.primary.active:focus,
.list-group>.list-item.primary.active:hover,
a.list-group>.list-item.primary.active,
a.list-group>.list-item.primary.active:focus,
a.list-group>.list-item.primary.active:hover,
button.list-group>.list-item.primary.active,
button.list-group>.list-item.primary.active:focus,
button.list-group>.list-item.primary.active:hover {
    color: #fff;
    background-color: #007bff
}

.list-group>.list-item.primary.deep {
    color: #f2f8ff;
    background-color: #007bff
}

.list-group>.list-item.primary.deep,
a.list-group>.list-item.primary.deep,
button.list-group>.list-item.primary.deep {
    color: #f2f8ff
}

.list-group>.list-item.primary.deep .list-group-item-heading,
a.list-group>.list-item.primary.deep .list-group-item-heading,
button.list-group>.list-item.primary.deep .list-group-item-heading {
    color: inherit
}

.list-group>.list-item.primary.deep:focus,
.list-group>.list-item.primary.deep:hover,
a.list-group>.list-item.primary.deep:focus,
a.list-group>.list-item.primary.deep:hover,
button.list-group>.list-item.primary.deep:focus,
button.list-group>.list-item.primary.deep:hover {
    color: #fff;
    background-color: #268fff
}

.list-group>.list-item.primary.deep.active,
.list-group>.list-item.primary.deep.active:focus,
.list-group>.list-item.primary.deep.active:hover,
a.list-group>.list-item.primary.deep.active,
a.list-group>.list-item.primary.deep.active:focus,
a.list-group>.list-item.primary.deep.active:hover,
button.list-group>.list-item.primary.deep.active,
button.list-group>.list-item.primary.deep.active:focus,
button.list-group>.list-item.primary.deep.active:hover {
    color: #fff;
    background-color: #007bff
}

.list-group>.list-item.secondary {
    color: #333;
    background-color: #ededed
}

.list-group>.list-item.secondary,
a.list-group>.list-item.secondary,
button.list-group>.list-item.secondary {
    color: #333
}

.list-group>.list-item.secondary .list-group-item-heading,
a.list-group>.list-item.secondary .list-group-item-heading,
button.list-group>.list-item.secondary .list-group-item-heading {
    color: inherit
}

.list-group>.list-item.secondary:focus,
.list-group>.list-item.secondary:hover,
a.list-group>.list-item.secondary:focus,
a.list-group>.list-item.secondary:hover,
button.list-group>.list-item.secondary:focus,
button.list-group>.list-item.secondary:hover {
    color: #333;
    background-color: #979797
}

.list-group>.list-item.secondary.active,
.list-group>.list-item.secondary.active:focus,
.list-group>.list-item.secondary.active:hover,
a.list-group>.list-item.secondary.active,
a.list-group>.list-item.secondary.active:focus,
a.list-group>.list-item.secondary.active:hover,
button.list-group>.list-item.secondary.active,
button.list-group>.list-item.secondary.active:focus,
button.list-group>.list-item.secondary.active:hover {
    color: #fff;
    background-color: #333
}

.list-group>.list-item.secondary.deep {
    color: #f5f5f5;
    background-color: #858585
}

.list-group>.list-item.secondary.deep,
a.list-group>.list-item.secondary.deep,
button.list-group>.list-item.secondary.deep {
    color: #f5f5f5
}

.list-group>.list-item.secondary.deep .list-group-item-heading,
a.list-group>.list-item.secondary.deep .list-group-item-heading,
button.list-group>.list-item.secondary.deep .list-group-item-heading {
    color: inherit
}

.list-group>.list-item.secondary.deep:focus,
.list-group>.list-item.secondary.deep:hover,
a.list-group>.list-item.secondary.deep:focus,
a.list-group>.list-item.secondary.deep:hover,
button.list-group>.list-item.secondary.deep:focus,
button.list-group>.list-item.secondary.deep:hover {
    color: #fff;
    background-color: #979797
}

.list-group>.list-item.secondary.deep.active,
.list-group>.list-item.secondary.deep.active:focus,
.list-group>.list-item.secondary.deep.active:hover,
a.list-group>.list-item.secondary.deep.active,
a.list-group>.list-item.secondary.deep.active:focus,
a.list-group>.list-item.secondary.deep.active:hover,
button.list-group>.list-item.secondary.deep.active,
button.list-group>.list-item.secondary.deep.active:focus,
button.list-group>.list-item.secondary.deep.active:hover {
    color: #fff;
    background-color: #333
}

.list-group>.list-item.success {
    color: #28a745;
    background-color: #dff2e3
}

.list-group>.list-item.success,
a.list-group>.list-item.success,
button.list-group>.list-item.success {
    color: #28a745
}

.list-group>.list-item.success .list-group-item-heading,
a.list-group>.list-item.success .list-group-item-heading,
button.list-group>.list-item.success .list-group-item-heading {
    color: inherit
}

.list-group>.list-item.success:focus,
.list-group>.list-item.success:hover,
a.list-group>.list-item.success:focus,
a.list-group>.list-item.success:hover,
button.list-group>.list-item.success:focus,
button.list-group>.list-item.success:hover {
    color: #28a745;
    background-color: #48b461
}

.list-group>.list-item.success.active,
.list-group>.list-item.success.active:focus,
.list-group>.list-item.success.active:hover,
a.list-group>.list-item.success.active,
a.list-group>.list-item.success.active:focus,
a.list-group>.list-item.success.active:hover,
button.list-group>.list-item.success.active,
button.list-group>.list-item.success.active:focus,
button.list-group>.list-item.success.active:hover {
    color: #fff;
    background-color: #28a745
}

.list-group>.list-item.success.deep {
    color: #f4fbf6;
    background-color: #28a745
}

.list-group>.list-item.success.deep,
a.list-group>.list-item.success.deep,
button.list-group>.list-item.success.deep {
    color: #f4fbf6
}

.list-group>.list-item.success.deep .list-group-item-heading,
a.list-group>.list-item.success.deep .list-group-item-heading,
button.list-group>.list-item.success.deep .list-group-item-heading {
    color: inherit
}

.list-group>.list-item.success.deep:focus,
.list-group>.list-item.success.deep:hover,
a.list-group>.list-item.success.deep:focus,
a.list-group>.list-item.success.deep:hover,
button.list-group>.list-item.success.deep:focus,
button.list-group>.list-item.success.deep:hover {
    color: #fff;
    background-color: #48b461
}

.list-group>.list-item.success.deep.active,
.list-group>.list-item.success.deep.active:focus,
.list-group>.list-item.success.deep.active:hover,
a.list-group>.list-item.success.deep.active,
a.list-group>.list-item.success.deep.active:focus,
a.list-group>.list-item.success.deep.active:hover,
button.list-group>.list-item.success.deep.active,
button.list-group>.list-item.success.deep.active:focus,
button.list-group>.list-item.success.deep.active:hover {
    color: #fff;
    background-color: #28a745
}

.list-group>.list-item.info {
    color: #17a2b8;
    background-color: #dcf1f4
}

.list-group>.list-item.info,
a.list-group>.list-item.info,
button.list-group>.list-item.info {
    color: #17a2b8
}

.list-group>.list-item.info .list-group-item-heading,
a.list-group>.list-item.info .list-group-item-heading,
button.list-group>.list-item.info .list-group-item-heading {
    color: inherit
}

.list-group>.list-item.info:focus,
.list-group>.list-item.info:hover,
a.list-group>.list-item.info:focus,
a.list-group>.list-item.info:hover,
button.list-group>.list-item.info:focus,
button.list-group>.list-item.info:hover {
    color: #17a2b8;
    background-color: #3ab0c3
}

.list-group>.list-item.info.active,
.list-group>.list-item.info.active:focus,
.list-group>.list-item.info.active:hover,
a.list-group>.list-item.info.active,
a.list-group>.list-item.info.active:focus,
a.list-group>.list-item.info.active:hover,
button.list-group>.list-item.info.active,
button.list-group>.list-item.info.active:focus,
button.list-group>.list-item.info.active:hover {
    color: #fff;
    background-color: #17a2b8
}

.list-group>.list-item.info.deep {
    color: #f3fafb;
    background-color: #17a2b8
}

.list-group>.list-item.info.deep,
a.list-group>.list-item.info.deep,
button.list-group>.list-item.info.deep {
    color: #f3fafb
}

.list-group>.list-item.info.deep .list-group-item-heading,
a.list-group>.list-item.info.deep .list-group-item-heading,
button.list-group>.list-item.info.deep .list-group-item-heading {
    color: inherit
}

.list-group>.list-item.info.deep:focus,
.list-group>.list-item.info.deep:hover,
a.list-group>.list-item.info.deep:focus,
a.list-group>.list-item.info.deep:hover,
button.list-group>.list-item.info.deep:focus,
button.list-group>.list-item.info.deep:hover {
    color: #fff;
    background-color: #3ab0c3
}

.list-group>.list-item.info.deep.active,
.list-group>.list-item.info.deep.active:focus,
.list-group>.list-item.info.deep.active:hover,
a.list-group>.list-item.info.deep.active,
a.list-group>.list-item.info.deep.active:focus,
a.list-group>.list-item.info.deep.active:hover,
button.list-group>.list-item.info.deep.active,
button.list-group>.list-item.info.deep.active:focus,
button.list-group>.list-item.info.deep.active:hover {
    color: #fff;
    background-color: #17a2b8
}

.list-group>.list-item.danger {
    color: #dc3545;
    background-color: #fae1e3
}

.list-group>.list-item.danger,
a.list-group>.list-item.danger,
button.list-group>.list-item.danger {
    color: #dc3545
}

.list-group>.list-item.danger .list-group-item-heading,
a.list-group>.list-item.danger .list-group-item-heading,
button.list-group>.list-item.danger .list-group-item-heading {
    color: inherit
}

.list-group>.list-item.danger:focus,
.list-group>.list-item.danger:hover,
a.list-group>.list-item.danger:focus,
a.list-group>.list-item.danger:hover,
button.list-group>.list-item.danger:focus,
button.list-group>.list-item.danger:hover {
    color: #dc3545;
    background-color: #e15361
}

.list-group>.list-item.danger.active,
.list-group>.list-item.danger.active:focus,
.list-group>.list-item.danger.active:hover,
a.list-group>.list-item.danger.active,
a.list-group>.list-item.danger.active:focus,
a.list-group>.list-item.danger.active:hover,
button.list-group>.list-item.danger.active,
button.list-group>.list-item.danger.active:focus,
button.list-group>.list-item.danger.active:hover {
    color: #fff;
    background-color: #dc3545
}

.list-group>.list-item.danger.deep {
    color: #fdf5f6;
    background-color: #dc3545
}

.list-group>.list-item.danger.deep,
a.list-group>.list-item.danger.deep,
button.list-group>.list-item.danger.deep {
    color: #fdf5f6
}

.list-group>.list-item.danger.deep .list-group-item-heading,
a.list-group>.list-item.danger.deep .list-group-item-heading,
button.list-group>.list-item.danger.deep .list-group-item-heading {
    color: inherit
}

.list-group>.list-item.danger.deep:focus,
.list-group>.list-item.danger.deep:hover,
a.list-group>.list-item.danger.deep:focus,
a.list-group>.list-item.danger.deep:hover,
button.list-group>.list-item.danger.deep:focus,
button.list-group>.list-item.danger.deep:hover {
    color: #fff;
    background-color: #e15361
}

.list-group>.list-item.danger.deep.active,
.list-group>.list-item.danger.deep.active:focus,
.list-group>.list-item.danger.deep.active:hover,
a.list-group>.list-item.danger.deep.active,
a.list-group>.list-item.danger.deep.active:focus,
a.list-group>.list-item.danger.deep.active:hover,
button.list-group>.list-item.danger.deep.active,
button.list-group>.list-item.danger.deep.active:focus,
button.list-group>.list-item.danger.deep.active:hover {
    color: #fff;
    background-color: #dc3545
}

.list-group>.list-item.warning {
    color: #ffc107;
    background-color: #fff6da
}

.list-group>.list-item.warning,
a.list-group>.list-item.warning,
button.list-group>.list-item.warning {
    color: #ffc107
}

.list-group>.list-item.warning .list-group-item-heading,
a.list-group>.list-item.warning .list-group-item-heading,
button.list-group>.list-item.warning .list-group-item-heading {
    color: inherit
}

.list-group>.list-item.warning:focus,
.list-group>.list-item.warning:hover,
a.list-group>.list-item.warning:focus,
a.list-group>.list-item.warning:hover,
button.list-group>.list-item.warning:focus,
button.list-group>.list-item.warning:hover {
    color: #ffc107;
    background-color: #ffca2c
}

.list-group>.list-item.warning.active,
.list-group>.list-item.warning.active:focus,
.list-group>.list-item.warning.active:hover,
a.list-group>.list-item.warning.active,
a.list-group>.list-item.warning.active:focus,
a.list-group>.list-item.warning.active:hover,
button.list-group>.list-item.warning.active,
button.list-group>.list-item.warning.active:focus,
button.list-group>.list-item.warning.active:hover {
    color: #fff;
    background-color: #ffc107
}

.list-group>.list-item.warning.deep {
    color: #fffcf3;
    background-color: #ffc107
}

.list-group>.list-item.warning.deep,
a.list-group>.list-item.warning.deep,
button.list-group>.list-item.warning.deep {
    color: #fffcf3
}

.list-group>.list-item.warning.deep .list-group-item-heading,
a.list-group>.list-item.warning.deep .list-group-item-heading,
button.list-group>.list-item.warning.deep .list-group-item-heading {
    color: inherit
}

.list-group>.list-item.warning.deep:focus,
.list-group>.list-item.warning.deep:hover,
a.list-group>.list-item.warning.deep:focus,
a.list-group>.list-item.warning.deep:hover,
button.list-group>.list-item.warning.deep:focus,
button.list-group>.list-item.warning.deep:hover {
    color: #fff;
    background-color: #ffca2c
}

.list-group>.list-item.warning.deep.active,
.list-group>.list-item.warning.deep.active:focus,
.list-group>.list-item.warning.deep.active:hover,
a.list-group>.list-item.warning.deep.active,
a.list-group>.list-item.warning.deep.active:focus,
a.list-group>.list-item.warning.deep.active:hover,
button.list-group>.list-item.warning.deep.active,
button.list-group>.list-item.warning.deep.active:focus,
button.list-group>.list-item.warning.deep.active:hover {
    color: #fff;
    background-color: #ffc107
}

.list-group>.list-item.dark {
    color: #333;
    background-color: #f9f9f9
}

.list-group>.list-item.dark,
a.list-group>.list-item.dark,
button.list-group>.list-item.dark {
    color: #333
}

.list-group>.list-item.dark .list-group-item-heading,
a.list-group>.list-item.dark .list-group-item-heading,
button.list-group>.list-item.dark .list-group-item-heading {
    color: inherit
}

.list-group>.list-item.dark:focus,
.list-group>.list-item.dark:hover,
a.list-group>.list-item.dark:focus,
a.list-group>.list-item.dark:hover,
button.list-group>.list-item.dark:focus,
button.list-group>.list-item.dark:hover {
    color: #333;
    background-color: #dcdcdc
}

.list-group>.list-item.dark.active,
.list-group>.list-item.dark.active:focus,
.list-group>.list-item.dark.active:hover,
a.list-group>.list-item.dark.active,
a.list-group>.list-item.dark.active:focus,
a.list-group>.list-item.dark.active:hover,
button.list-group>.list-item.dark.active,
button.list-group>.list-item.dark.active:focus,
button.list-group>.list-item.dark.active:hover {
    color: #fff;
    background-color: #333
}

.list-group>.list-item.dark.deep {
    color: #f5f5f5;
    background-color: #d6d6d6
}

.list-group>.list-item.dark.deep,
a.list-group>.list-item.dark.deep,
button.list-group>.list-item.dark.deep {
    color: #f5f5f5
}

.list-group>.list-item.dark.deep .list-group-item-heading,
a.list-group>.list-item.dark.deep .list-group-item-heading,
button.list-group>.list-item.dark.deep .list-group-item-heading {
    color: inherit
}

.list-group>.list-item.dark.deep:focus,
.list-group>.list-item.dark.deep:hover,
a.list-group>.list-item.dark.deep:focus,
a.list-group>.list-item.dark.deep:hover,
button.list-group>.list-item.dark.deep:focus,
button.list-group>.list-item.dark.deep:hover {
    color: #fff;
    background-color: #dcdcdc
}

.list-group>.list-item.dark.deep.active,
.list-group>.list-item.dark.deep.active:focus,
.list-group>.list-item.dark.deep.active:hover,
a.list-group>.list-item.dark.deep.active,
a.list-group>.list-item.dark.deep.active:focus,
a.list-group>.list-item.dark.deep.active:hover,
button.list-group>.list-item.dark.deep.active,
button.list-group>.list-item.dark.deep.active:focus,
button.list-group>.list-item.dark.deep.active:hover {
    color: #fff;
    background-color: #333
}

.list-group.list-line>.list-item {
    border: 1px solid #ddd
}

.list-group.list-bottom-line>.list-item {
    border-bottom: 1px solid #ddd
}

.list-group.list-top-line>.list-item {
    border-top: 1px solid #ddd
}

.list-group.list-bg-line>.list-item {
    margin-top: 1px;
    margin-bottom: 0
}

.list-group.list-glass>.list-item {
    background-color: rgba(255, 255, 255, .6) !important;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .7)), to(rgba(255, 255, 255, .4)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .7), rgba(255, 255, 255, .4));
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .7) 0, rgba(255, 255, 255, .4) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .7) 0, rgba(255, 255, 255, .4) 100%);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .4));
    color: #333
}

.list-group.list-min>.list-item {
    padding: 3px 5px
}

.list-group.list-xs>.list-item {
    padding: 5px 10px
}

.list-group.list-sm>.list-item {
    padding: 8px 15px
}

.list-group.list-lg>.list-item {
    padding: 12px 15px
}

.list-group a.list-item,
.list-group button.list-item {
    color: #333
}

.list-group a.list-item:focus,
.list-group a.list-item:hover,
.list-group button.list-item:focus,
.list-group button.list-item:hover {
    color: #333;
    text-decoration: none;
    background-color: #ebebeb
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px
}

.badge.abs {
    position: absolute;
    right: 5px
}

a.badge:focus,
a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-item>.badge+.badge {
    margin-right: 5px
}

.btn>.badge,
.list-item>.badge {
    float: right
}

.badge.primary {
    color: #fff;
    background-color: #007bff
}

a.badge.primary:focus,
a.badge.primary:hover {
    color: #fff
}

.primary .badge,
.primary .badge.primary {
    color: #007bff;
    background-color: #fff
}

a.primary .badge.primary:focus,
a.primary .badge.primary:hover,
a.primary .badge:focus,
a.primary .badge:hover {
    color: #007bff
}

.badge.secondary {
    color: #fff;
    background-color: #858585
}

a.badge.secondary:focus,
a.badge.secondary:hover {
    color: #fff
}

.secondary .badge,
.secondary .badge.secondary {
    color: #858585;
    background-color: #fff
}

a.secondary .badge.secondary:focus,
a.secondary .badge.secondary:hover,
a.secondary .badge:focus,
a.secondary .badge:hover {
    color: #858585
}

.badge.success {
    color: #fff;
    background-color: #28a745
}

a.badge.success:focus,
a.badge.success:hover {
    color: #fff
}

.success .badge,
.success .badge.success {
    color: #28a745;
    background-color: #fff
}

a.success .badge.success:focus,
a.success .badge.success:hover,
a.success .badge:focus,
a.success .badge:hover {
    color: #28a745
}

.badge.info {
    color: #fff;
    background-color: #17a2b8
}

a.badge.info:focus,
a.badge.info:hover {
    color: #fff
}

.info .badge,
.info .badge.info {
    color: #17a2b8;
    background-color: #fff
}

a.info .badge.info:focus,
a.info .badge.info:hover,
a.info .badge:focus,
a.info .badge:hover {
    color: #17a2b8
}

.badge.danger {
    color: #fff;
    background-color: #dc3545
}

a.badge.danger:focus,
a.badge.danger:hover {
    color: #fff
}

.danger .badge,
.danger .badge.danger {
    color: #dc3545;
    background-color: #fff
}

a.danger .badge.danger:focus,
a.danger .badge.danger:hover,
a.danger .badge:focus,
a.danger .badge:hover {
    color: #dc3545
}

.badge.warning {
    color: #fff;
    background-color: #ffc107
}

a.badge.warning:focus,
a.badge.warning:hover {
    color: #fff
}

.warning .badge,
.warning .badge.warning {
    color: #ffc107;
    background-color: #fff
}

a.warning .badge.warning:focus,
a.warning .badge.warning:hover,
a.warning .badge:focus,
a.warning .badge:hover {
    color: #ffc107
}

.badge.dark {
    color: #333;
    background-color: #d6d6d6
}

a.badge.dark:focus,
a.badge.dark:hover {
    color: #333
}

.dark .badge,
.dark .badge.dark {
    color: #d6d6d6;
    background-color: #333
}

a.dark .badge.dark:focus,
a.dark .badge.dark:hover,
a.dark .badge:focus,
a.dark .badge:hover {
    color: #d6d6d6
}

.jitter {
    -webkit-animation-name: jitter-hard;
    -ms-animation-name: jitter-hard;
    animation-name: jitter-hard;
    -webkit-animation-duration: .1s;
    -ms-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-play-state: running;
    -ms-animation-play-state: running;
    animation-play-state: running
}

@keyframes jitter-hard {
    0% {
        transform: translate(0, 0) rotate(0)
    }

    2% {
        transform: translate(0, 4px) rotate(.5deg)
    }

    4% {
        transform: translate(6px, -2px) rotate(-3.5deg)
    }

    6% {
        transform: translate(-3px, -8px) rotate(-2.5deg)
    }

    8% {
        transform: translate(-1px, 9px) rotate(2.5deg)
    }

    10% {
        transform: translate(6px, 5px) rotate(-2.5deg)
    }

    12% {
        transform: translate(-3px, 6px) rotate(-2.5deg)
    }

    14% {
        transform: translate(-9px, 1px) rotate(-.5deg)
    }

    16% {
        transform: translate(-6px, 5px) rotate(2.5deg)
    }

    18% {
        transform: translate(-9px, 8px) rotate(.5deg)
    }

    20% {
        transform: translate(-9px, 6px) rotate(-2.5deg)
    }

    22% {
        transform: translate(-5px, 6px) rotate(.5deg)
    }

    24% {
        transform: translate(6px, 3px) rotate(1.5deg)
    }

    26% {
        transform: translate(8px, -10px) rotate(-2.5deg)
    }

    28% {
        transform: translate(0, -5px) rotate(-3.5deg)
    }

    30% {
        transform: translate(6px, -10px) rotate(2.5deg)
    }

    32% {
        transform: translate(3px, 0) rotate(-3.5deg)
    }

    34% {
        transform: translate(4px, -6px) rotate(-3.5deg)
    }

    36% {
        transform: translate(-5px, 4px) rotate(-.5deg)
    }

    38% {
        transform: translate(-7px, -6px) rotate(-1.5deg)
    }

    40% {
        transform: translate(4px, -9px) rotate(-3.5deg)
    }

    42% {
        transform: translate(-9px, -2px) rotate(-1.5deg)
    }

    44% {
        transform: translate(0, -3px) rotate(1.5deg)
    }

    46% {
        transform: translate(-5px, -5px) rotate(-2.5deg)
    }

    48% {
        transform: translate(-6px, 2px) rotate(-3.5deg)
    }

    50% {
        transform: translate(0, -5px) rotate(-1.5deg)
    }

    52% {
        transform: translate(6px, 1px) rotate(-2.5deg)
    }

    54% {
        transform: translate(9px, 6px) rotate(2.5deg)
    }

    56% {
        transform: translate(-8px, -10px) rotate(-.5deg)
    }

    58% {
        transform: translate(6px, -2px) rotate(-1.5deg)
    }

    60% {
        transform: translate(-4px, -8px) rotate(-1.5deg)
    }

    62% {
        transform: translate(0, -9px) rotate(.5deg)
    }

    64% {
        transform: translate(-7px, -6px) rotate(2.5deg)
    }

    66% {
        transform: translate(8px, 6px) rotate(2.5deg)
    }

    68% {
        transform: translate(-10px, -7px) rotate(-2.5deg)
    }

    70% {
        transform: translate(-1px, 9px) rotate(-2.5deg)
    }

    72% {
        transform: translate(-6px, 8px) rotate(-2.5deg)
    }

    74% {
        transform: translate(2px, 5px) rotate(-1.5deg)
    }

    76% {
        transform: translate(-7px, 6px) rotate(1.5deg)
    }

    78% {
        transform: translate(3px, -9px) rotate(.5deg)
    }

    80% {
        transform: translate(-4px, -9px) rotate(-1.5deg)
    }

    82% {
        transform: translate(0, 7px) rotate(.5deg)
    }

    84% {
        transform: translate(-4px, -3px) rotate(-1.5deg)
    }

    86% {
        transform: translate(-10px, 8px) rotate(-.5deg)
    }

    88% {
        transform: translate(-9px, 1px) rotate(-.5deg)
    }

    90% {
        transform: translate(-3px, 6px) rotate(1.5deg)
    }

    92% {
        transform: translate(-8px, -10px) rotate(-3.5deg)
    }

    94% {
        transform: translate(-8px, -7px) rotate(2.5deg)
    }

    96% {
        transform: translate(-2px, 1px) rotate(2.5deg)
    }

    98% {
        transform: translate(-3px, 4px) rotate(-2.5deg)
    }
}

.fog-card {
    position: relative;
    padding: 10px;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    border-left: 5px solid #4e9add;
    border-radius: 10px
}

.fog-card.primary {
    border-left-color: #4da3ff
}

.fog-card.primary .img_round {
    background-color: #4da3ff
}

.fog-card.primary:hover {
    border-left-color: #268fff
}

.fog-card.primary:hover .img_round {
    background-color: #268fff
}

.fog-card.primary:hover .img_round:hover {
    background-color: #007bff
}

.fog-card.secondary {
    border-left-color: #a9a9a9
}

.fog-card.secondary .img_round {
    background-color: #a9a9a9
}

.fog-card.secondary:hover {
    border-left-color: #979797
}

.fog-card.secondary:hover .img_round {
    background-color: #979797
}

.fog-card.secondary:hover .img_round:hover {
    background-color: #858585
}

.fog-card.success {
    border-left-color: #69c17d
}

.fog-card.success .img_round {
    background-color: #69c17d
}

.fog-card.success:hover {
    border-left-color: #48b461
}

.fog-card.success:hover .img_round {
    background-color: #48b461
}

.fog-card.success:hover .img_round:hover {
    background-color: #28a745
}

.fog-card.info {
    border-left-color: #5dbecd
}

.fog-card.info .img_round {
    background-color: #5dbecd
}

.fog-card.info:hover {
    border-left-color: #3ab0c3
}

.fog-card.info:hover .img_round {
    background-color: #3ab0c3
}

.fog-card.info:hover .img_round:hover {
    background-color: #17a2b8
}

.fog-card.warning {
    border-left-color: #ffd451
}

.fog-card.warning .img_round {
    background-color: #ffd451
}

.fog-card.warning:hover {
    border-left-color: #ffca2c
}

.fog-card.warning:hover .img_round {
    background-color: #ffca2c
}

.fog-card.warning:hover .img_round:hover {
    background-color: #ffc107
}

.fog-card.danger {
    border-left-color: #e7727d
}

.fog-card.danger .img_round {
    background-color: #e7727d
}

.fog-card.danger:hover {
    border-left-color: #e15361
}

.fog-card.danger:hover .img_round {
    background-color: #e15361
}

.fog-card.danger:hover .img_round:hover {
    background-color: #dc3545
}

.fog-card.dark {
    border-left-color: #e2e2e2
}

.fog-card.dark .img_round {
    background-color: #e2e2e2
}

.fog-card.dark:hover {
    border-left-color: #dcdcdc
}

.fog-card.dark:hover .img_round {
    background-color: #dcdcdc
}

.fog-card.dark:hover .img_round:hover {
    background-color: #d6d6d6
}

.fog-card .img_round {
    width: 70px;
    height: 70px;
    background-color: #4e9add
}

.fog-card:hover {
    border-left-color: #2885d6
}

.fog-card:hover .img_round {
    background-color: #2885d6;
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg)
}

.fog-card:hover .img_round:hover {
    background-color: #026fcf
}

.progress {
    position: relative;
    display: flex;
    align-items: center;
    height: 20px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2)
}

.progress>.bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #026fcf;
    overflow: hidden;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    transition: width .6s;
    -moz-transition: width .6s;
    -o-transition: width .6s;
    -webkit-transition: width .6s
}

.progress .slider {
    position: relative;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-left: -10px;
    border-radius: 20px;
    z-index: 999;
    color: #333;
    background-color: #e6e6e6;
    cursor: pointer;
    box-shadow: 0 0 1.5px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 1.5px 1px rgba(0, 0, 0, .3);
    -o-box-shadow: 0 0 1.5px 1px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 1.5px 1px rgba(0, 0, 0, .3)
}

.progress .slider:hover {
    background-color: #fff;
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 3px 2px rgba(0, 0, 0, .4);
    -o-box-shadow: 0 0 3px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, .4)
}

.progress .slider.theme {
    color: #fff;
    background-color: #cce2f5
}

.progress .slider.theme:hover {
    background-color: #026fcf
}

.progress .slider.primary {
    color: #fff;
    background-color: #cce5ff
}

.progress .slider.primary:hover {
    background-color: #007bff
}

.progress .slider.secondary {
    color: #fff;
    background-color: #e7e7e7
}

.progress .slider.secondary:hover {
    background-color: #858585
}

.progress .slider.success {
    color: #fff;
    background-color: #d4edda
}

.progress .slider.success:hover {
    background-color: #28a745
}

.progress .slider.info {
    color: #fff;
    background-color: #d1ecf1
}

.progress .slider.info:hover {
    background-color: #17a2b8
}

.progress .slider.warning {
    color: #fff;
    background-color: #fff3cd
}

.progress .slider.warning:hover {
    background-color: #ffc107
}

.progress .slider.danger {
    color: #fff;
    background-color: #f8d7da
}

.progress .slider.danger:hover {
    background-color: #dc3545
}

.progress .slider.dark {
    color: #fff;
    background-color: #f7f7f7
}

.progress .slider.dark:hover {
    background-color: #d6d6d6
}

.progress .point {
    position: absolute;
    left: 0;
    width: 4px;
    height: 4px;
    text-align: center;
    border-radius: 4px;
    z-index: 990;
    color: #333;
    background-color: #999
}

.img_set_width {
    position: fixed;
    top: 100px;
    width: 400px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    left: 50%;
    margin-left: -200px;
    padding: 20px;
    z-index: 9999;
    display: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.f {
    -webkit-animation: fnonfadein 1s;
    animation: fnonfadein 1s;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.f__cm {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    overflow-y: auto;
    background: var(--m-bg);
    -webkit-animation: fnonfadein .7s;
    animation: fnonfadein .7s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 4rem 1rem;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    font-family: var(--f-f)
}

.f__btn {
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-width: 1px;
    border-style: solid;
    padding: .467rem 1.5rem;
    border-radius: .2rem;
    text-indent: 0;
    font: 400 13.3333px var(--f-f);
    position: relative;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-transition: -webkit-box-shadow 1s;
    transition: -webkit-box-shadow 1s;
    transition: box-shadow 1s;
    transition: box-shadow 1s, -webkit-box-shadow 1s
}

.f__btn:focus,
.f__btn:hover {
    -webkit-box-shadow: inset 0 -60px 5px -5px var(--b-sh);
    box-shadow: inset 0 -60px 5px -5px var(--b-sh);
    outline: 0
}

.f__m {
    -webkit-animation: fnonfadein 1.5s forwards;
    animation: fnonfadein 1.5s forwards;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border-radius: .2rem;
    overflow: hidden;
    outline: 0;
    -webkit-box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, .13);
    box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, .13);
    -webkit-animation: mEntrance .8s ease forwards;
    animation: mEntrance .8s ease forwards
}

.f__m__nl {
    width: 540px
}

.f__m__sm {
    width: 310px
}

.f__m__lg {
    width: 800px
}

.f__m__xl {
    width: 1140px
}

.f__m.fade {
    opacity: 0
}

.f__m.slide-bottom,
.f__m.slide-left,
.f__m.slide-right,
.f__m.slide-top {
    opacity: 0
}

.f__m.slide-top {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.f__m.slide-bottom {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.f__m.slide-left {
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.f__m.slide-right {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.f__m__h {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: .8rem 1.5rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.2rem - 1px);
    border-top-right-radius: calc(.2rem - 1px)
}

.f__m__h__ttl {
    cursor: move;
    margin: 0;
    font-weight: 500;
    line-height: 1.2;
    font: 400 16px var(--f-f);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.f__m__h .cls {
    padding: 7px 10px;
    cursor: pointer;
    background: 0 0;
    border: 0;
    font-size: calc(1.26rem + .12vw);
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    outline: 0
}

.f__m__h .cls svg {
    font-size: 12px;
    height: 12px;
    width: 12px
}

.f__m__h .cls:hover {
    opacity: 1;
    -webkit-transform: scale(1.3) rotate(360deg);
    transform: scale(1.3) rotate(360deg)
}

.f__m__b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 1.5rem
}

.f__m__b__ask {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
    position: relative;
    color: var(--color)
}

.f__m__b__ask.ico {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.f__m__b .askicon {
    margin-right: 20px;
    color: var(--icon-c)
}

.f__m__b .askicon svg {
    width: 45px
}

.f__m__f {
    padding: .5rem 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.2rem - 1px);
    border-bottom-left-radius: calc(.2rem - 1px)
}

.f__m__f>* {
    margin: .25rem
}

.f__cb,
.f__cw {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 999999
}

.f__cw {
    position: fixed;
    background: rgba(0, 0, 0, .7) !important
}

.f__cb {
    position: absolute
}

.f__w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.f__w p:first-of-type {
    letter-spacing: 2px
}

.f__ch {
    background: 0 0;
    pointer-events: none;
    position: fixed;
    top: var(--h-spacing);
    bottom: var(--h-spacing);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 999999;
    overflow-x: hidden
}

.f__ch.left-bottom,
.f__ch.left-center,
.f__ch.left-top {
    left: 0;
    padding-left: var(--h-spacing);
    padding-right: var(--h-spacing)
}

.f__ch.left-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.f__ch.left-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.f__ch.left-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.f__ch.right-bottom,
.f__ch.right-center,
.f__ch.right-top {
    right: 0;
    padding-right: var(--h-spacing);
    padding-left: var(--h-spacing)
}

.f__ch.right-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.f__ch.right-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.f__ch.right-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.f__ch.center-bottom,
.f__ch.center-center,
.f__ch.center-top {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.f__ch.center-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.f__ch.center-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.f__ch.center-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.f__h {
    border: none;
    position: relative;
    padding: .55rem .75rem;
    margin-bottom: 1rem;
    border: none solid transparent;
    border-radius: .25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    max-width: var(--h-width);
    -webkit-animation: hintEntrance var(--ani-dura) forwards ease, hintOut var(--ani-dura) forwards var(--display-dur) ease-in-out;
    animation: hintEntrance var(--ani-dura) forwards ease, hintOut var(--ani-dura) forwards var(--display-dur) ease-in-out;
    background-color: var(--hint-bg-color);
    color: var(--hint-color);
    -webkit-box-shadow: 1px 2px 9px var(--hint-shadow-color);
    box-shadow: 1px 2px 9px var(--hint-shadow-color)
}

.f__h svg {
    margin-right: 7px;
    height: var(--svg-h);
    width: var(--svg-w)
}

.f__h.fade {
    opacity: 0;
    --x: 0;
    --y: 0;
    --h-out: translate(0, 0)
}

.f__h.slide-left {
    opacity: 0;
    --x: -10px;
    --y: 0;
    --h-out: translate(100%, 0);
    -webkit-transform: var(--h-out);
    transform: var(--h-out)
}

.f__h.slide-right {
    opacity: 0;
    --x: 10px;
    --y: 0;
    --h-out: translate(-100%, 0);
    -webkit-transform: var(--h-out);
    transform: var(--h-out)
}

.f__h.slide-top {
    opacity: 0;
    --x: 0;
    --y: 10px;
    --h-out: translate(0, -100%);
    -webkit-transform: var(--h-out);
    transform: var(--h-out)
}

.f__h.slide-bottom {
    opacity: 0;
    --x: 0;
    --y: -10px;
    --h-out: translate(0, 100%);
    -webkit-transform: var(--h-out);
    transform: var(--h-out)
}

.f__h::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: var(--prog-color);
    width: 0;
    -webkit-animation: h_progress var(--display-dur) linear forwards;
    animation: h_progress var(--display-dur) linear forwards
}

@-webkit-keyframes h_progress {
    100% {
        width: var(--h-width)
    }
}

@keyframes h_progress {
    100% {
        width: var(--h-width)
    }
}

@-webkit-keyframes hintEntrance {
    80% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y))
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes hintEntrance {
    80% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y))
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes hintOut {
    20% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y))
    }

    100% {
        opacity: 0;
        -webkit-transform: var(--h-out);
        transform: var(--h-out)
    }
}

@keyframes hintOut {
    20% {
        -webkit-transform: translate(var(--x), var(--y));
        transform: translate(var(--x), var(--y))
    }

    100% {
        opacity: 0;
        -webkit-transform: var(--h-out);
        transform: var(--h-out)
    }
}

@-webkit-keyframes fnonfadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fnonfadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes mEntrance {
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes mEntrance {
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

svg.ani {
    -webkit-animation: svganiscale .9s ease-in-out .3s both;
    animation: svganiscale .9s ease-in-out .3s both
}

@-webkit-keyframes svganiscale {
    0% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1) rotate(0);
        transform: scale3d(1, 1, 1) rotate(0)
    }
}

@keyframes svganiscale {
    0% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1) rotate(0);
        transform: scale3d(1, 1, 1) rotate(0)
    }
}

.f__of_hidden {
    overflow: hidden
}

.fog-jump {
    width: 30%;
    margin: 0 auto;
    margin-top: 50px
}

.fog-jump .head {
    color: #fafcfe;
    background-color: #026fcf;
    font-weight: 900
}

.fog-jump .success {
    color: #28a745
}

.fog-jump .success .head {
    background-color: #28a745
}

.fog-jump .error {
    color: #858585
}

.fog-jump .error .head {
    background-color: #858585
}

.fog-jump a#href {
    color: #333;
    font-size: 120%;
    font-weight: 700;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.fog-jump a#href:hover {
    color: #fff
}

.body-login {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: -webkit-gradient(linear, left top, right top, from(#026fcf), to(#4e9add));
    background-image: -webkit-linear-gradient(left, #026fcf, #4e9add);
    background-image: -moz-linear-gradient(left, #026fcf 0, #4e9add 100%);
    background-image: -o-linear-gradient(left, #026fcf 0, #4e9add 100%);
    background-image: linear-gradient(135deg, #026fcf, #4e9add)
}

.fog-login {
    position: relative;
    width: 420px;
    height: 300px;
    display: block;
    margin: 0 auto;
    margin-top: 8%;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, .1);
    background-color: rgba(255, 255, 255, .3);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.fog-login .title {
    text-align: center;
    font-size: 28px;
    font-family: fantasy;
    color: #333;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 15px;
    margin: 0
}

.login_form {
    padding: 20px 30px
}

.login_form .form-group {
    height: 36px;
    margin-bottom: 15px
}

.login_form .form-group label {
    line-height: 36px;
    width: 40px;
    text-align: center;
    font-size: 20px;
    border-right: 1px solid #ccc;
    position: absolute
}

.login_form .form-group .form-input {
    height: 36px;
    padding-left: 50px
}

#fog_bg {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

#fog_bg li {
    display: none;
    list-style: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute
}

#fog_bg li img {
    width: 100%;
    height: 100%
}

.upload_image {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 15px;
    width: 150px;
    display: inline-block;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.upload_image .img_tools {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    background-color: rgba(0, 0, 0, .5);
    height: 30px;
    z-index: 999;
    display: none;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.upload_image .img_tools span {
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid rgba(0, 0, 0, .2)
}

.upload_image .img_tools span i {
    color: #d5d6d8;
    font-size: 18px
}

.upload_image .img_tools span i:hover {
    color: #fbfbfb
}

.upload_image .img_tools span i.fa-trash-o:hover {
    color: #ff3131
}

.upload_image .img_tools span input {
    width: 15px;
    height: 15px
}

.upload_image .img_tools span:last-child {
    border-right: 0
}

.upload_image .info_tools {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    text-align: left;
    display: inline-block
}

.upload_image .info_tools>.img-bytes,
.upload_image .info_tools>.img-size,
.upload_image .info_tools>.img-tag {
    position: absolute;
    color: rgba(255, 255, 255, .7);
    background-color: rgba(0, 0, 0, .1);
    border-radius: 4px 0;
    font-size: 80%;
    left: 0;
    top: 0;
    height: 20px;
    padding: 0 5px;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.upload_image .info_tools>.img-bytes.theme,
.upload_image .info_tools>.img-size.theme,
.upload_image .info_tools>.img-tag.theme {
    color: #026fcf
}

.upload_image .info_tools>.img-bytes.primary,
.upload_image .info_tools>.img-size.primary,
.upload_image .info_tools>.img-tag.primary {
    color: #007bff
}

.upload_image .info_tools>.img-bytes.secondary,
.upload_image .info_tools>.img-size.secondary,
.upload_image .info_tools>.img-tag.secondary {
    color: #858585
}

.upload_image .info_tools>.img-bytes.success,
.upload_image .info_tools>.img-size.success,
.upload_image .info_tools>.img-tag.success {
    color: #28a745
}

.upload_image .info_tools>.img-bytes.info,
.upload_image .info_tools>.img-size.info,
.upload_image .info_tools>.img-tag.info {
    color: #17a2b8
}

.upload_image .info_tools>.img-bytes.warning,
.upload_image .info_tools>.img-size.warning,
.upload_image .info_tools>.img-tag.warning {
    color: #ffc107
}

.upload_image .info_tools>.img-bytes.danger,
.upload_image .info_tools>.img-size.danger,
.upload_image .info_tools>.img-tag.danger {
    color: #dc3545
}

.upload_image .info_tools>.img-bytes.dark,
.upload_image .info_tools>.img-size.dark,
.upload_image .info_tools>.img-tag.dark {
    color: #d6d6d6
}

.upload_image .info_tools>.img-bytes {
    left: auto;
    right: 0;
    border-radius: 0 4px
}

.upload_image .info_tools>.img-tag {
    cursor: pointer;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    border-radius: 4px 0 0 0;
    background-color: #28a745;
    color: #fff
}

.upload_image:hover {
    border-color: #026fcf
}

.upload_image.active {
    border-color: #28a745
}

.upload_image p {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.upload_image p.fun-save-means-name {
    height: 20px
}

.upload-file-list {
    position: relative
}

.fun-get-means-list {
    position: absolute;
    right: 0;
    bottom: 0
}

.files_list {
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 152px;
    height: 150px;
    display: table !important
}

.files_list .img,
.files_list .imgs {
    position: relative;
    width: 100%;
    height: 150px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    background-color: rgba(0, 0, 0, .1)
}

.files_list .img .badge,
.files_list .imgs .badge {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    font-style: inherit
}

.files_list .imgs {
    height: auto
}

.files_list img {
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    vertical-align: middle
}

.table .upload_image {
    width: 30px
}

.table .files_list {
    max-width: 32px;
    height: 30px
}

.table .files_list .img,
.table .files_list .imgs {
    width: 100%;
    height: 30px
}

.fog_means {
    width: 100%;
    position: relative
}

.fog_means .means-group {
    position: relative;
    width: 118px;
    height: 118px;
    vertical-align: middle;
    display: table-cell;
    text-align: center
}

.fog_means .means-group input {
    width: 95%
}

.fog_means .means-group.alone .image-group {
    border-color: #ffc107
}

.fog_means .image-group {
    position: relative;
    width: 118px;
    height: 118px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
    margin-right: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.fog_means .image-group img {
    width: 100%;
    height: auto;
    border: 0;
    text-align: center;
    vertical-align: middle
}

.fog_means .image-group i {
    position: absolute;
    color: #026fcf;
    top: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
    z-index: 10;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 4px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.fog_means .image-group i.fun-image-right {
    top: 45%;
    right: 5px
}

.fog_means .image-group i.fun-image-left {
    top: 45%;
    left: 5px;
    right: auto
}

.fog_means .image-group i:hover {
    color: #fafcfe;
    background-color: rgba(0, 0, 0, .3)
}

.fog_means .image-group i:hover.fun-image-right {
    right: 0
}

.fog_means .image-group i:hover.fun-image-left {
    left: 0
}

.fog_means .means-group:first-child .image-group i.fun-image-left {
    display: none
}

.fog_means .means-group:last-child .image-group i.fun-image-right {
    display: none
}

.fog-upload {
    position: relative;
    width: 100%;
    height: 500px;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.fog-upload .upload-nav {
    border-right: 1px solid #ccc;
    height: 490px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.fog-upload ul>li {
    padding: 0 12px
}

.fog-upload ul>li.active {
    background-color: #67a9e2
}

.fog-upload .upload-file-list li {
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.fog-upload .tabsContent {
    position: relative;
    height: 410px;
    width: 100%;
    overflow: auto
}

.fog-uploads ul>li {
    padding: 0 12px;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.fog-uploads ul>li.active {
    background-color: #67a9e2
}

.webuploader-container {
    position: relative
}

.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #007bff;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden
}

.webuploader-pick-hover {
    background: #007bff
}

.webuploader-pick-disable {
    opacity: .6;
    pointer-events: none
}

#container {
    color: #838383;
    font-size: 12px
}

#uploader .queueList {
    margin: 20px;
    border: 3px dashed #e6e6e6
}

#uploader .queueList.filled {
    padding: 17px;
    margin: 0;
    border: 3px dashed transparent
}

#uploader .queueList.webuploader-dnd-over {
    border: 3px dashed #999
}

#uploader p {
    margin: 0
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

#uploader .placeholder {
    min-height: 168px;
    padding-top: 118px;
    text-align: center;
    background: url(../image/image.png) center 33px no-repeat;
    color: #ccc;
    font-size: 18px;
    position: relative
}

#uploader .placeholder .webuploader-pick {
    font-size: 18px;
    background: #00b7ee;
    border-radius: 3px;
    line-height: 44px;
    padding: 0 30px;
    color: #fff;
    display: inline-block;
    margin: 0 auto 20px auto;
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

#uploader .placeholder .webuploader-pick-hover {
    background: #00a2d4
}

#uploader .placeholder .flashTip {
    color: #666;
    font-size: 12px;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 20px
}

#uploader .placeholder .flashTip a {
    color: #0785d1;
    text-decoration: none
}

#uploader .placeholder .flashTip a:hover {
    text-decoration: underline
}

#uploader .filelist {
    list-style: none;
    margin: 0;
    padding: 0
}

#uploader .filelist:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    clear: both
}

#uploader .filelist li {
    width: 110px;
    height: 110px;
    background: url(../image/bg.png) no-repeat;
    text-align: center;
    margin: 0 8px 20px 0;
    position: relative;
    display: inline;
    float: left;
    overflow: hidden;
    font-size: 12px
}

#uploader .filelist li p.log {
    position: relative;
    top: -45px
}

#uploader .filelist li p.title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    top: 5px;
    text-indent: 5px;
    text-align: left
}

#uploader .filelist li p.progress {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 8px;
    overflow: hidden;
    z-index: 50;
    margin: 0;
    border-radius: 0;
    background: 0 0;
    -webkit-box-shadow: 0 0 0
}

#uploader .filelist li p.progress span {
    display: none;
    overflow: hidden;
    width: 0;
    height: 100%;
    background: #1483d8 url(../image/progress.png) repeat-x;
    -webit-transition: width .2s linear;
    -moz-transition: width .2s linear;
    -o-transition: width .2s linear;
    -ms-transition: width .2s linear;
    transition: width .2s linear;
    -webkit-animation: progressmove 2s linear infinite;
    -moz-animation: progressmove 2s linear infinite;
    -o-animation: progressmove 2s linear infinite;
    -ms-animation: progressmove 2s linear infinite;
    animation: progressmove 2s linear infinite;
    -webkit-transform: translateZ(0)
}

.uploader-list {
    width: 100%;
    display: inline-block
}

.uploader-list .item {
    background-color: #cce2f5;
    border-bottom: 1px solid #ccc
}

.uploader-list .item:hover {
    color: #fff;
    background-color: #026fcf
}

.uploader-list .info,
.uploader-list .state {
    float: left;
    font-size: 16px;
    line-height: 1.5;
    padding: 5px 0;
    margin: 0;
    display: inline-block
}

.uploader-list .state {
    float: right;
    color: #dc3545
}

@-webkit-keyframes progressmove {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 17px 0
    }
}

@-moz-keyframes progressmove {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 17px 0
    }
}

@keyframes progressmove {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 17px 0
    }
}

#uploader .filelist li p.imgWrap {
    position: relative;
    z-index: 2;
    line-height: 110px;
    vertical-align: middle;
    overflow: hidden;
    width: 110px;
    height: 110px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out
}

#uploader .filelist li img {
    width: 100%
}

#uploader .filelist li p.error {
    background: #f43838;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 28px;
    line-height: 28px;
    width: 100%;
    z-index: 100
}

#uploader .filelist li .success {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    z-index: 200;
    background: url(../image/success.png) no-repeat right bottom
}

#uploader .filelist div.file-panel {
    position: absolute;
    height: 0;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 300
}

#uploader .filelist div.file-panel span {
    width: 24px;
    height: 24px;
    display: inline;
    float: right;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../image/icons.png) no-repeat;
    margin: 5px 1px 1px;
    cursor: pointer
}

#uploader .filelist div.file-panel span.rotateLeft {
    background-position: 0 -24px
}

#uploader .filelist div.file-panel span.rotateLeft:hover {
    background-position: 0 0
}

#uploader .filelist div.file-panel span.rotateRight {
    background-position: -24px -24px
}

#uploader .filelist div.file-panel span.rotateRight:hover {
    background-position: -24px 0
}

#uploader .filelist div.file-panel span.cancel {
    background-position: -48px -24px
}

#uploader .filelist div.file-panel span.cancel:hover {
    background-position: -48px 0
}

#uploader .statusBar {
    height: 63px;
    border-top: 1px solid #dadada;
    padding: 0 20px;
    line-height: 63px;
    vertical-align: middle;
    position: relative
}

#uploader .statusBar .progress {
    border: 1px solid #1483d8;
    width: 198px;
    background: #fff;
    height: 18px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    color: #6dbfff;
    position: relative;
    margin: 0 10px 0 0
}

#uploader .statusBar .progress span.percentage {
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: #1483d8;
    position: absolute
}

#uploader .statusBar .progress span.text {
    position: relative;
    z-index: 10
}

#uploader .statusBar .info {
    display: inline-block;
    font-size: 14px;
    color: #666
}

#uploader .statusBar .btns {
    position: absolute;
    top: 10px;
    right: 20px;
    line-height: 40px
}

#filePicker2 {
    display: inline-block;
    float: left
}

#uploader .statusBar .btns .uploadBtn,
#uploader .statusBar .btns .uploadBtn.state-paused,
#uploader .statusBar .btns .uploadBtn.state-uploading,
#uploader .statusBar .btns .webuploader-pick {
    background: #fff;
    border: 1px solid #cfcfcf;
    color: #565656;
    padding: 0 18px;
    display: inline-block;
    border-radius: 3px;
    margin-left: 10px;
    cursor: pointer;
    font-size: 14px;
    float: left
}

#uploader .statusBar .btns .uploadBtn.state-paused:hover,
#uploader .statusBar .btns .uploadBtn.state-uploading:hover,
#uploader .statusBar .btns .uploadBtn:hover,
#uploader .statusBar .btns .webuploader-pick-hover {
    background: #f0f0f0
}

#uploader .statusBar .btns .uploadBtn {
    background: #00b7ee;
    color: #fff;
    border-color: transparent
}

#uploader .statusBar .btns .uploadBtn:hover {
    background: #00a2d4
}

#uploader .statusBar .btns .uploadBtn.disabled {
    pointer-events: none;
    opacity: .6
}

.upload_width {
    width: auto
}

.box {
    margin-right: auto;
    margin-left: auto
}

.box-fluid {
    margin-right: auto;
    margin-left: auto
}

.row {
    width: 100%;
    display: inline-block;
    margin-right: auto;
    margin-left: auto
}

.row:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

[class*=col-lg-],
[class*=col-md-],
[class*=col-sm-],
[class*=col-xs-] {
    position: relative;
    min-height: 1px
}

[class*=col-xs-] {
    float: left
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-1 {
    left: 8.33333333%
}

.col-xs-pull-2 {
    left: 16.66666667%
}

.col-xs-pull-3 {
    left: 25%
}

.col-xs-pull-4 {
    left: 33.33333333%
}

.col-xs-pull-5 {
    left: 41.66666667%
}

.col-xs-pull-6 {
    left: 50%
}

.col-xs-pull-7 {
    left: 58.33333333%
}

.col-xs-pull-8 {
    left: 66.66666667%
}

.col-xs-pull-9 {
    left: 75%
}

.col-xs-pull-10 {
    left: 83.33333333%
}

.col-xs-pull-11 {
    left: 91.66666667%
}

.col-xs-pull-12 {
    left: 100%
}

.col-xs-push-1 {
    right: 8.33333333%
}

.col-xs-push-2 {
    right: 16.66666667%
}

.col-xs-push-3 {
    right: 25%
}

.col-xs-push-4 {
    right: 33.33333333%
}

.col-xs-push-5 {
    right: 41.66666667%
}

.col-xs-push-6 {
    right: 50%
}

.col-xs-push-7 {
    right: 58.33333333%
}

.col-xs-push-8 {
    right: 66.66666667%
}

.col-xs-push-9 {
    right: 75%
}

.col-xs-push-10 {
    right: 83.33333333%
}

.col-xs-push-11 {
    right: 91.66666667%
}

.col-xs-push-12 {
    right: 100%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width:768px) {
    .box {
        width: 750px
    }

    [class*=col-sm-] {
        float: left
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-1 {
        left: 8.33333333%
    }

    .col-sm-pull-2 {
        left: 16.66666667%
    }

    .col-sm-pull-3 {
        left: 25%
    }

    .col-sm-pull-4 {
        left: 33.33333333%
    }

    .col-sm-pull-5 {
        left: 41.66666667%
    }

    .col-sm-pull-6 {
        left: 50%
    }

    .col-sm-pull-7 {
        left: 58.33333333%
    }

    .col-sm-pull-8 {
        left: 66.66666667%
    }

    .col-sm-pull-9 {
        left: 75%
    }

    .col-sm-pull-10 {
        left: 83.33333333%
    }

    .col-sm-pull-11 {
        left: 91.66666667%
    }

    .col-sm-pull-12 {
        left: 100%
    }

    .col-sm-push-1 {
        right: 8.33333333%
    }

    .col-sm-push-2 {
        right: 16.66666667%
    }

    .col-sm-push-3 {
        right: 25%
    }

    .col-sm-push-4 {
        right: 33.33333333%
    }

    .col-sm-push-5 {
        right: 41.66666667%
    }

    .col-sm-push-6 {
        right: 50%
    }

    .col-sm-push-7 {
        right: 58.33333333%
    }

    .col-sm-push-8 {
        right: 66.66666667%
    }

    .col-sm-push-9 {
        right: 75%
    }

    .col-sm-push-10 {
        right: 83.33333333%
    }

    .col-sm-push-11 {
        right: 91.66666667%
    }

    .col-sm-push-12 {
        right: 100%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:992px) {
    .box {
        width: 970px
    }

    [class*=col-md-] {
        float: left
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-1 {
        left: 8.33333333%
    }

    .col-md-pull-2 {
        left: 16.66666667%
    }

    .col-md-pull-3 {
        left: 25%
    }

    .col-md-pull-4 {
        left: 33.33333333%
    }

    .col-md-pull-5 {
        left: 41.66666667%
    }

    .col-md-pull-6 {
        left: 50%
    }

    .col-md-pull-7 {
        left: 58.33333333%
    }

    .col-md-pull-8 {
        left: 66.66666667%
    }

    .col-md-pull-9 {
        left: 75%
    }

    .col-md-pull-10 {
        left: 83.33333333%
    }

    .col-md-pull-11 {
        left: 91.66666667%
    }

    .col-md-pull-12 {
        left: 100%
    }

    .col-md-push-1 {
        right: 8.33333333%
    }

    .col-md-push-2 {
        right: 16.66666667%
    }

    .col-md-push-3 {
        right: 25%
    }

    .col-md-push-4 {
        right: 33.33333333%
    }

    .col-md-push-5 {
        right: 41.66666667%
    }

    .col-md-push-6 {
        right: 50%
    }

    .col-md-push-7 {
        right: 58.33333333%
    }

    .col-md-push-8 {
        right: 66.66666667%
    }

    .col-md-push-9 {
        right: 75%
    }

    .col-md-push-10 {
        right: 83.33333333%
    }

    .col-md-push-11 {
        right: 91.66666667%
    }

    .col-md-push-12 {
        right: 100%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1200px) {
    .box {
        width: 1160px
    }

    [class*=col-lg-] {
        float: left
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-1 {
        left: 8.33333333%
    }

    .col-lg-pull-2 {
        left: 16.66666667%
    }

    .col-lg-pull-3 {
        left: 25%
    }

    .col-lg-pull-4 {
        left: 33.33333333%
    }

    .col-lg-pull-5 {
        left: 41.66666667%
    }

    .col-lg-pull-6 {
        left: 50%
    }

    .col-lg-pull-7 {
        left: 58.33333333%
    }

    .col-lg-pull-8 {
        left: 66.66666667%
    }

    .col-lg-pull-9 {
        left: 75%
    }

    .col-lg-pull-10 {
        left: 83.33333333%
    }

    .col-lg-pull-11 {
        left: 91.66666667%
    }

    .col-lg-pull-12 {
        left: 100%
    }

    .col-lg-push-1 {
        right: 8.33333333%
    }

    .col-lg-push-2 {
        right: 16.66666667%
    }

    .col-lg-push-3 {
        right: 25%
    }

    .col-lg-push-4 {
        right: 33.33333333%
    }

    .col-lg-push-5 {
        right: 41.66666667%
    }

    .col-lg-push-6 {
        right: 50%
    }

    .col-lg-push-7 {
        right: 58.33333333%
    }

    .col-lg-push-8 {
        right: 66.66666667%
    }

    .col-lg-push-9 {
        right: 75%
    }

    .col-lg-push-10 {
        right: 83.33333333%
    }

    .col-lg-push-11 {
        right: 91.66666667%
    }

    .col-lg-push-12 {
        right: 100%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

.fog-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.shadow-down {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2)
}

.shadow-top {
    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .2)
}

.shadow-left {
    box-shadow: -1px 0 3px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: -1px 0 3px 0 rgba(0, 0, 0, .2);
    -o-box-shadow: -1px 0 3px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: -1px 0 3px 0 rgba(0, 0, 0, .2)
}

.shadow-right {
    box-shadow: 1px 0 3px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 0 3px 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 0 3px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 0 3px 0 rgba(0, 0, 0, .2)
}

.shadow-all {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2)
}

.fog-scrollbar {
    overflow-y: auto
}

.fog-scrollbar::-webkit-scrollbar {
    width: 7px
}

.fog-scrollbar::-webkit-scrollbar-track {
    background-color: #007bff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.fog-scrollbar::-webkit-scrollbar-thumb {
    background-color: #4da3ff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.fog-scrollbar-min {
    overflow-y: auto
}

.fog-scrollbar-min::-webkit-scrollbar {
    width: 2px
}

.fog-scrollbar-min::-webkit-scrollbar-track {
    background-color: #007bff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.fog-scrollbar-min::-webkit-scrollbar-thumb {
    background-color: #4da3ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.fog-scrollbar-sm {
    overflow-y: auto
}

.fog-scrollbar-sm::-webkit-scrollbar {
    width: 5px
}

.fog-scrollbar-sm::-webkit-scrollbar-track {
    background-color: #007bff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.fog-scrollbar-sm::-webkit-scrollbar-thumb {
    background-color: #4da3ff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.fog-scrollbar-lg {
    overflow-y: auto
}

.fog-scrollbar-lg::-webkit-scrollbar {
    width: 10px
}

.fog-scrollbar-lg::-webkit-scrollbar-track {
    background-color: #007bff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.fog-scrollbar-lg::-webkit-scrollbar-thumb {
    background-color: #4da3ff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.fog-scrollbar-x {
    overflow-y: auto
}

.fog-scrollbar-x::-webkit-scrollbar {
    width: 7px
}

.fog-scrollbar-x::-webkit-scrollbar-track {
    background-color: #007bff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.fog-scrollbar-x::-webkit-scrollbar-thumb {
    background-color: #4da3ff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.fog-scrollbar-min-x {
    overflow-x: auto
}

.fog-scrollbar-min-x::-webkit-scrollbar {
    height: 2px
}

.fog-scrollbar-min-x::-webkit-scrollbar-track {
    background-color: #007bff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.fog-scrollbar-min-x::-webkit-scrollbar-thumb {
    background-color: #4da3ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.fog-scrollbar-sm-x {
    overflow-x: auto
}

.fog-scrollbar-sm-x::-webkit-scrollbar {
    height: 5px
}

.fog-scrollbar-sm-x::-webkit-scrollbar-track {
    background-color: #007bff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.fog-scrollbar-sm-x::-webkit-scrollbar-thumb {
    background-color: #4da3ff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.fog-scrollbar-lg-x {
    overflow-x: auto
}

.fog-scrollbar-lg-x::-webkit-scrollbar {
    height: 10px
}

.fog-scrollbar-lg-x::-webkit-scrollbar-track {
    background-color: #007bff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.fog-scrollbar-lg-x::-webkit-scrollbar-thumb {
    background-color: #4da3ff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.text-line1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.text-line2 {
    word-wrap: break-word;
    word-break: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.text-line3 {
    word-wrap: break-word;
    word-break: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.text-line4 {
    word-wrap: break-word;
    word-break: normal;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.text-line5 {
    word-wrap: break-word;
    word-break: normal;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.fog-scale {
    cursor: pointer;
    transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out
}

.fog-scale:hover {
    transform: scale(1.2)
}

.fog-scale-min {
    cursor: pointer;
    transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out
}

.fog-scale-min:hover {
    transform: scale(1.3)
}

.fog-scale-sm {
    cursor: pointer;
    transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out
}

.fog-scale-sm:hover {
    transform: scale(1.5)
}

.fog-scale-lg {
    cursor: pointer;
    transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out
}

.fog-scale-lg:hover {
    transform: scale(1.8)
}

.img-scale {
    cursor: pointer
}

.img-scale img {
    height: 100%;
    min-width: 100%;
    transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out
}

.img-scale:hover img {
    transform: scale(1.2)
}

.pd1 {
    padding: 1px !important
}

.pd2 {
    padding: 2px !important
}

.pd3 {
    padding: 3px !important
}

.pd4 {
    padding: 4px !important
}

.pd5 {
    padding: 5px !important
}

.pd6 {
    padding: 6px !important
}

.pd7 {
    padding: 7px !important
}

.pd8 {
    padding: 8px !important
}

.pd9 {
    padding: 9px !important
}

.pd10 {
    padding: 10px !important
}

.pd15 {
    padding: 15px !important
}

.pd20 {
    padding: 20px !important
}

.pd25 {
    padding: 25px !important
}

.pd30 {
    padding: 30px !important
}

.pd-t1 {
    padding-top: 1px !important
}

.pd-t2 {
    padding-top: 2px !important
}

.pd-t3 {
    padding-top: 3px !important
}

.pd-t4 {
    padding-top: 4px !important
}

.pd-t5 {
    padding-top: 5px !important
}

.pd-t6 {
    padding-top: 6px !important
}

.pd-t7 {
    padding-top: 7px !important
}

.pd-t8 {
    padding-top: 8px !important
}

.pd-t9 {
    padding-top: 9px !important
}

.pd-t10 {
    padding-top: 10px !important
}

.pd-t15 {
    padding-top: 15px !important
}

.pd-t20 {
    padding-top: 20px !important
}

.pd-t25 {
    padding-top: 25px !important
}

.pd-t30 {
    padding-top: 30px !important
}

.pd-b1 {
    padding-bottom: 1px !important
}

.pd-b2 {
    padding-bottom: 2px !important
}

.pd-b3 {
    padding-bottom: 3px !important
}

.pd-b4 {
    padding-bottom: 4px !important
}

.pd-b5 {
    padding-bottom: 5px !important
}

.pd-b6 {
    padding-bottom: 6px !important
}

.pd-b7 {
    padding-bottom: 7px !important
}

.pd-b8 {
    padding-bottom: 8px !important
}

.pd-b9 {
    padding-bottom: 9px !important
}

.pd-b10 {
    padding-bottom: 10px !important
}

.pd-b15 {
    padding-bottom: 15px !important
}

.pd-b20 {
    padding-bottom: 20px !important
}

.pd-b25 {
    padding-bottom: 25px !important
}

.pd-b30 {
    padding-bottom: 30px !important
}

.pd-r1 {
    padding-right: 1px !important
}

.pd-r2 {
    padding-right: 2px !important
}

.pd-r3 {
    padding-right: 3px !important
}

.pd-r4 {
    padding-right: 4px !important
}

.pd-r5 {
    padding-right: 5px !important
}

.pd-r6 {
    padding-right: 6px !important
}

.pd-r7 {
    padding-right: 7px !important
}

.pd-r8 {
    padding-right: 8px !important
}

.pd-r9 {
    padding-right: 9px !important
}

.pd-r10 {
    padding-right: 10px !important
}

.pd-r15 {
    padding-right: 15px !important
}

.pd-r20 {
    padding-right: 20px !important
}

.pd-r25 {
    padding-right: 25px !important
}

.pd-r30 {
    padding-right: 30px !important
}

.pd-l1 {
    padding-left: 1px !important
}

.pd-l2 {
    padding-left: 2px !important
}

.pd-l3 {
    padding-left: 3px !important
}

.pd-l4 {
    padding-left: 4px !important
}

.pd-l5 {
    padding-left: 5px !important
}

.pd-l6 {
    padding-left: 6px !important
}

.pd-l7 {
    padding-left: 7px !important
}

.pd-l8 {
    padding-left: 8px !important
}

.pd-l9 {
    padding-left: 9px !important
}

.pd-l10 {
    padding-left: 10px !important
}

.pd-l15 {
    padding-left: 15px !important
}

.pd-l20 {
    padding-left: 20px !important
}

.pd-l25 {
    padding-left: 25px !important
}

.pd-l30 {
    padding-left: 30px !important
}

.mg1 {
    margin: 1px !important
}

.f-mg1 {
    margin: -1px !important
}

.mg2 {
    margin: 2px !important
}

.f-mg2 {
    margin: -2px !important
}

.mg3 {
    margin: 3px !important
}

.f-mg3 {
    margin: -3px !important
}

.mg4 {
    margin: 4px !important
}

.f-mg4 {
    margin: -4px !important
}

.mg5 {
    margin: 5px !important
}

.f-mg5 {
    margin: -5px !important
}

.mg6 {
    margin: 6px !important
}

.f-mg6 {
    margin: -6px !important
}

.mg7 {
    margin: 7px !important
}

.f-mg7 {
    margin: -7px !important
}

.mg8 {
    margin: 8px !important
}

.f-mg8 {
    margin: -8px !important
}

.mg9 {
    margin: 9px !important
}

.f-mg9 {
    margin: -9px !important
}

.mg10 {
    margin: 10px !important
}

.f-mg10 {
    margin: -10px !important
}

.mg15 {
    margin: 15px !important
}

.f-mg15 {
    margin: -15px !important
}

.mg20 {
    margin: 20px !important
}

.f-mg20 {
    margin: -20px !important
}

.mg25 {
    margin: 25px !important
}

.f-mg25 {
    margin: -25px !important
}

.mg30 {
    margin: 30px !important
}

.f-mg30 {
    margin: -30px !important
}

.mg-t1 {
    margin-top: 1px !important
}

.f-mg-t1 {
    margin-top: -1px !important
}

.mg-t2 {
    margin-top: 2px !important
}

.f-mg-t2 {
    margin-top: -2px !important
}

.mg-t3 {
    margin-top: 3px !important
}

.f-mg-t3 {
    margin-top: -3px !important
}

.mg-t4 {
    margin-top: 4px !important
}

.f-mg-t4 {
    margin-top: -4px !important
}

.mg-t5 {
    margin-top: 5px !important
}

.f-mg-t5 {
    margin-top: -5px !important
}

.mg-t6 {
    margin-top: 6px !important
}

.f-mg-t6 {
    margin-top: -6px !important
}

.mg-t7 {
    margin-top: 7px !important
}

.f-mg-t7 {
    margin-top: -7px !important
}

.mg-t8 {
    margin-top: 8px !important
}

.f-mg-t8 {
    margin-top: -8px !important
}

.mg-t9 {
    margin-top: 9px !important
}

.f-mg-t9 {
    margin-top: -9px !important
}

.mg-t10 {
    margin-top: 10px !important
}

.f-mg-t10 {
    margin-top: -10px !important
}

.mg-t15 {
    margin-top: 15px !important
}

.f-mg-t15 {
    margin-top: -15px !important
}

.mg-t20 {
    margin-top: 20px !important
}

.f-mg-t20 {
    margin-top: -20px !important
}

.mg-t25 {
    margin-top: 25px !important
}

.f-mg-t25 {
    margin-top: -25px !important
}

.mg-t30 {
    margin-top: 30px !important
}

.f-mg-t30 {
    margin-top: -30px !important
}

.mg-b1 {
    margin-bottom: 1px !important
}

.f-mg-b1 {
    margin-bottom: -1px !important
}

.mg-b2 {
    margin-bottom: 2px !important
}

.f-mg-b2 {
    margin-bottom: -2px !important
}

.mg-b3 {
    margin-bottom: 3px !important
}

.f-mg-b3 {
    margin-bottom: -3px !important
}

.mg-b4 {
    margin-bottom: 4px !important
}

.f-mg-b4 {
    margin-bottom: -4px !important
}

.mg-b5 {
    margin-bottom: 5px !important
}

.f-mg-b5 {
    margin-bottom: -5px !important
}

.mg-b6 {
    margin-bottom: 6px !important
}

.f-mg-b6 {
    margin-bottom: -6px !important
}

.mg-b7 {
    margin-bottom: 7px !important
}

.f-mg-b7 {
    margin-bottom: -7px !important
}

.mg-b8 {
    margin-bottom: 8px !important
}

.f-mg-b8 {
    margin-bottom: -8px !important
}

.mg-b9 {
    margin-bottom: 9px !important
}

.f-mg-b9 {
    margin-bottom: -9px !important
}

.mg-b10 {
    margin-bottom: 10px !important
}

.f-mg-b10 {
    margin-bottom: -10px !important
}

.mg-b15 {
    margin-bottom: 15px !important
}

.f-mg-b15 {
    margin-bottom: -15px !important
}

.mg-b20 {
    margin-bottom: 20px !important
}

.f-mg-b20 {
    margin-bottom: -20px !important
}

.mg-b25 {
    margin-bottom: 25px !important
}

.f-mg-b25 {
    margin-bottom: -25px !important
}

.mg-b30 {
    margin-bottom: 30px !important
}

.f-mg-b30 {
    margin-bottom: -30px !important
}

.mg-r1 {
    margin-right: 1px !important
}

.f-mg-r1 {
    margin-right: -1px !important
}

.mg-r2 {
    margin-right: 2px !important
}

.f-mg-r2 {
    margin-right: -2px !important
}

.mg-r3 {
    margin-right: 3px !important
}

.f-mg-r3 {
    margin-right: -3px !important
}

.mg-r4 {
    margin-right: 4px !important
}

.f-mg-r4 {
    margin-right: -4px !important
}

.mg-r5 {
    margin-right: 5px !important
}

.f-mg-r5 {
    margin-right: -5px !important
}

.mg-r6 {
    margin-right: 6px !important
}

.f-mg-r6 {
    margin-right: -6px !important
}

.mg-r7 {
    margin-right: 7px !important
}

.f-mg-r7 {
    margin-right: -7px !important
}

.mg-r8 {
    margin-right: 8px !important
}

.f-mg-r8 {
    margin-right: -8px !important
}

.mg-r9 {
    margin-right: 9px !important
}

.f-mg-r9 {
    margin-right: -9px !important
}

.mg-r10 {
    margin-right: 10px !important
}

.f-mg-r10 {
    margin-right: -10px !important
}

.mg-r15 {
    margin-right: 15px !important
}

.f-mg-r15 {
    margin-right: -15px !important
}

.mg-r20 {
    margin-right: 20px !important
}

.f-mg-r20 {
    margin-right: -20px !important
}

.mg-r25 {
    margin-right: 25px !important
}

.f-mg-r25 {
    margin-right: -25px !important
}

.mg-r30 {
    margin-right: 30px !important
}

.f-mg-r30 {
    margin-right: -30px !important
}

.mg-l1 {
    margin-left: 1px !important
}

.f-mg-l1 {
    margin-left: -1px !important
}

.mg-l2 {
    margin-left: 2px !important
}

.f-mg-l2 {
    margin-left: -2px !important
}

.mg-l3 {
    margin-left: 3px !important
}

.f-mg-l3 {
    margin-left: -3px !important
}

.mg-l4 {
    margin-left: 4px !important
}

.f-mg-l4 {
    margin-left: -4px !important
}

.mg-l5 {
    margin-left: 5px !important
}

.f-mg-l5 {
    margin-left: -5px !important
}

.mg-l6 {
    margin-left: 6px !important
}

.f-mg-l6 {
    margin-left: -6px !important
}

.mg-l7 {
    margin-left: 7px !important
}

.f-mg-l7 {
    margin-left: -7px !important
}

.mg-l8 {
    margin-left: 8px !important
}

.f-mg-l8 {
    margin-left: -8px !important
}

.mg-l9 {
    margin-left: 9px !important
}

.f-mg-l9 {
    margin-left: -9px !important
}

.mg-l10 {
    margin-left: 10px !important
}

.f-mg-l10 {
    margin-left: -10px !important
}

.mg-l15 {
    margin-left: 15px !important
}

.f-mg-l15 {
    margin-left: -15px !important
}

.mg-l20 {
    margin-left: 20px !important
}

.f-mg-l20 {
    margin-left: -20px !important
}

.mg-l25 {
    margin-left: 25px !important
}

.f-mg-l25 {
    margin-left: -25px !important
}

.mg-l30 {
    margin-left: 30px !important
}

.f-mg-l30 {
    margin-left: -30px !important
}

.pd0 {
    padding: 0 !important
}

.mg0 {
    margin: 0 !important
}

.bd1 {
    border: 1px solid transparent
}

.bd2 {
    border: 2px solid transparent
}

.bd3 {
    border: 3px solid transparent
}

.bd4 {
    border: 4px solid transparent
}

.bd5 {
    border: 5px solid transparent
}

.bd-t1 {
    border-top: 1px solid transparent
}

.bd-t2 {
    border-top: 2px solid transparent
}

.bd-t3 {
    border-top: 3px solid transparent
}

.bd-t4 {
    border-top: 4px solid transparent
}

.bd-t5 {
    border-top: 5px solid transparent
}

.bd-b1 {
    border-bottom: 1px solid transparent
}

.bd-b2 {
    border-bottom: 2px solid transparent
}

.bd-b3 {
    border-bottom: 3px solid transparent
}

.bd-b4 {
    border-bottom: 4px solid transparent
}

.bd-b5 {
    border-bottom: 5px solid transparent
}

.bd-r1 {
    border-right: 1px solid transparent
}

.bd-r2 {
    border-right: 2px solid transparent
}

.bd-r3 {
    border-right: 3px solid transparent
}

.bd-r4 {
    border-right: 4px solid transparent
}

.bd-r5 {
    border-right: 5px solid transparent
}

.bd-l1 {
    border-left: 1px solid transparent
}

.bd-l2 {
    border-left: 2px solid transparent
}

.bd-l3 {
    border-left: 3px solid transparent
}

.bd-l4 {
    border-left: 4px solid transparent
}

.bd-l5 {
    border-left: 5px solid transparent
}

[class*=bd].primary {
    border-color: #007bff
}

[class*=bd].secondary {
    border-color: #858585
}

[class*=bd].success {
    border-color: #28a745
}

[class*=bd].info {
    border-color: #17a2b8
}

[class*=bd].warning {
    border-color: #ffc107
}

[class*=bd].danger {
    border-color: #dc3545
}

[class*=bd].dark {
    border-color: #d6d6d6
}

.off,
tr.off {
    display: none
}

.on {
    display: block
}

tr.on {
    display: table-row
}

.fog-h {
    width: 100%;
    height: 36px;
    display: block
}

.fog-h:after {
    display: block;
    clear: both;
    content: '';
    visibility: hidden;
    height: 0
}

.border1 {
    border: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

[class*=fun-] {
    cursor: pointer !important
}

.auth-rule {
    position: relative;
    margin: 5px;
    padding: 5px;
    border: 1px dashed #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.auth-rule .check_tool {
    display: none;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.auth-rule .check_tool span {
    margin: 0 1px;
    padding: 1px 3px;
    background-color: #6d7177;
    color: #fff;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.auth-rule .check_tool span:hover {
    background-color: #d5d6d8;
    color: #595d63
}

.auth-rule:hover {
    border-style: solid
}

.auth-rule:hover .check_tool {
    display: inline-block
}

.fog-help {
    padding: 0;
    margin: 0;
    color: #858585
}

.article_img {
    max-width: 100%;
    max-height: 100%;
    border: 0
}

.img_round {
    border-radius: 50%
}

.preview_image {
    position: fixed;
    width: 60%;
    right: auto;
    bottom: auto;
    top: 3%;
    left: 50%;
    text-align: center;
    z-index: 999999;
    display: none;
    border: 1px solid #ccc;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 4px;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.preview_image p {
    text-align: center;
    color: #fff
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.txt-bold {
    font-weight: 700
}

.txt-left {
    text-align: left
}

.txt-center {
    text-align: center
}

.txt-right {
    text-align: right
}

.font12 {
    font-size: 12px !important
}

.font13 {
    font-size: 13px !important
}

.font14 {
    font-size: 14px !important
}

.font15 {
    font-size: 15px !important
}

.font16 {
    font-size: 16px !important
}

.font17 {
    font-size: 17px !important
}

.font18 {
    font-size: 18px !important
}

.font19 {
    font-size: 19px !important
}

.font20 {
    font-size: 20px !important
}

.font21 {
    font-size: 21px !important
}

.font22 {
    font-size: 22px !important
}

.font23 {
    font-size: 23px !important
}

.font24 {
    font-size: 24px !important
}

.font25 {
    font-size: 25px !important
}

.font26 {
    font-size: 26px !important
}

.font27 {
    font-size: 27px !important
}

.font28 {
    font-size: 28px !important
}

.font29 {
    font-size: 29px !important
}

.font30 {
    font-size: 30px !important
}

.font31 {
    font-size: 31px !important
}

.font32 {
    font-size: 32px !important
}

.space10 {
    line-height: 1 !important
}

.space11 {
    line-height: 1.1 !important
}

.space12 {
    line-height: 1.2 !important
}

.space13 {
    line-height: 1.3 !important
}

.space14 {
    line-height: 1.4 !important
}

.space15 {
    line-height: 1.5 !important
}

.space16 {
    line-height: 1.6 !important
}

.space17 {
    line-height: 1.7 !important
}

.space18 {
    line-height: 1.8 !important
}

.space19 {
    line-height: 1.9 !important
}

.space20 {
    line-height: 2 !important
}

.space21 {
    line-height: 2.1 !important
}

.space22 {
    line-height: 2.2 !important
}

.space23 {
    line-height: 2.3 !important
}

.space24 {
    line-height: 2.4 !important
}

.space25 {
    line-height: 2.5 !important
}

.bg-black {
    background-color: #000 !important
}

.txt-black {
    color: #000 !important
}

.bg-white {
    background-color: #fff !important
}

.txt-white {
    color: #fff !important
}

.bg-font {
    background-color: #313131 !important
}

.txt-font {
    color: #313131 !important
}

.bg-theme {
    background-color: #026fcf !important
}

.txt-theme {
    color: #026fcf !important
}

.bg-blue {
    background-color: #007bff !important
}

.txt-blue {
    color: #007bff !important
}

.bg-indigo {
    background-color: #6610f2 !important
}

.txt-indigo {
    color: #6610f2 !important
}

.bg-purple {
    background-color: #6f42c1 !important
}

.txt-purple {
    color: #6f42c1 !important
}

.bg-pink {
    background-color: #e83e8c !important
}

.txt-pink {
    color: #e83e8c !important
}

.bg-red {
    background-color: #dc3545 !important
}

.txt-red {
    color: #dc3545 !important
}

.bg-orange {
    background-color: #fd7e14 !important
}

.txt-orange {
    color: #fd7e14 !important
}

.bg-yellow {
    background-color: #ffc107 !important
}

.txt-yellow {
    color: #ffc107 !important
}

.bg-green {
    background-color: #28a745 !important
}

.txt-green {
    color: #28a745 !important
}

.bg-teal {
    background-color: #20c997 !important
}

.txt-teal {
    color: #20c997 !important
}

.bg-cyan {
    background-color: #17a2b8 !important
}

.txt-cyan {
    color: #17a2b8 !important
}

.bg-primary {
    background-color: #007bff !important
}

.txt-primary {
    color: #007bff !important
}

.bg-secondary {
    background-color: #858585 !important
}

.txt-secondary {
    color: #858585 !important
}

.bg-success {
    background-color: #28a745 !important
}

.txt-success {
    color: #28a745 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

.txt-info {
    color: #17a2b8 !important
}

.bg-warning {
    background-color: #ffc107 !important
}

.txt-warning {
    color: #ffc107 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

.txt-danger {
    color: #dc3545 !important
}

.bg-dark {
    background-color: #d6d6d6 !important
}

.txt-dark {
    color: #d6d6d6 !important
}

.bg-0 {
    background-color: inherit !important
}

.txt-0 {
    color: inherit !important
}

.d-flex {
    display: flex
}

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

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

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

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

.d-flex-wrap-nowrap {
    flex-wrap: nowrap
}

.d-flex-wrap-wrap {
    flex-wrap: wrap
}

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

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

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

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

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

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

.d-justify-content-center,
.fc .d-flex {
    justify-content: center
}

.d-justify-content-flex-start,
.fl .d-flex {
    justify-content: flex-start
}

.d-justify-content-flex-end,
.fr .d-flex {
    justify-content: flex-end
}

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

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

.d-justify-content-space-evenly {
    justify-content: space-evenly
}

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

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

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

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

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

@font-face {
    font-family: iconfont;
    src: url(../font/iconfont-1650088156106.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

.icon {
    display: inline-block;
    font: normal normal normal 14px/1 iconfont;
    font-style: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon.x2 {
    font-size: 2em
}

.icon.x3 {
    font-size: 3em
}

.icon.x4 {
    font-size: 4em
}

.icon.x5 {
    font-size: 5em
}

.icon.x2 {
    font-size: 2em
}

.icon-spin {
    -webkit-animation: i-spin 2s infinite linear;
    animation: i-spin 2s infinite linear
}

.icon-pulse {
    -webkit-animation: i-spin 1s infinite steps(8);
    animation: i-spin 1s infinite steps(8)
}

@-webkit-keyframes i-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes i-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.icon-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.icon-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.icon-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.icon-baoxue:before {
    content: "\e6f1"
}

.icon-baoyu:before {
    content: "\e6f2"
}

.icon-duoyun:before {
    content: "\e6f3"
}

.icon-leidian:before {
    content: "\e6f4"
}

.icon-qing:before {
    content: "\e6f5"
}

.icon-xiaoxue:before {
    content: "\e6f6"
}

.icon-xiaoyu:before {
    content: "\e6f7"
}

.icon-yin:before {
    content: "\e6f8"
}

.icon-zhenxue:before {
    content: "\e6fa"
}

.icon-zhenyu:before {
    content: "\e6fb"
}

.icon-zhongxue:before {
    content: "\e6fc"
}

.icon-zhongyu:before {
    content: "\e6fd"
}

.icon-bingbao:before {
    content: "\e706"
}

.icon-feng:before {
    content: "\e707"
}

.icon-mai:before {
    content: "\e708"
}

.icon-wu:before {
    content: "\e709"
}

.icon-yuxue:before {
    content: "\e70a"
}

.icon-wangluo:before {
    content: "\e617"
}

.icon-yunyingguanli:before {
    content: "\e618"
}

.icon-jiankong:before {
    content: "\e619"
}

.icon-dashuju:before {
    content: "\e61a"
}

.icon-shuju:before {
    content: "\e61b"
}

.icon-chuangxin:before {
    content: "\e61c"
}

.icon-yunweiguanli:before {
    content: "\e61e"
}

.icon-jiankong1:before {
    content: "\e620"
}

.icon-IP:before {
    content: "\e632"
}

.icon-xitongzhuangtai:before {
    content: "\e642"
}

.icon-lumingpai:before {
    content: "\ebfb"
}

.icon-bijibendiannao:before {
    content: "\eabb"
}

.icon-bianjibiaoge:before {
    content: "\eabc"
}

.icon-chizi:before {
    content: "\eabd"
}

.icon-biaoqian:before {
    content: "\eabe"
}

.icon-dayinji:before {
    content: "\eabf"
}

.icon-baocun:before {
    content: "\eac0"
}

.icon-bianji:before {
    content: "\eac1"
}

.icon-daochu:before {
    content: "\eac2"
}

.icon-daoru:before {
    content: "\eac3"
}

.icon-diannao:before {
    content: "\eac4"
}

.icon-fuzhi:before {
    content: "\eac5"
}

.icon-ding:before {
    content: "\eac6"
}

.icon-jianqie:before {
    content: "\eac7"
}

.icon-jianpan:before {
    content: "\eac8"
}

.icon-jiesuo:before {
    content: "\eac9"
}

.icon-shaixuan:before {
    content: "\eaca"
}

.icon-shouji:before {
    content: "\eacb"
}

.icon-suoding:before {
    content: "\eacc"
}

.icon-tupian:before {
    content: "\eacd"
}

.icon-tianjiafujian:before {
    content: "\eace"
}

.icon-wenben:before {
    content: "\eacf"
}

.icon-bangongbao:before {
    content: "\ead0"
}

.icon-shu:before {
    content: "\ead1"
}

.icon-wenjianjia:before {
    content: "\ead2"
}

.icon-touyingyi:before {
    content: "\ead3"
}

.icon-cangku_cangchuguanli:before {
    content: "\ead4"
}

.icon-cangku_kucun:before {
    content: "\ead5"
}

.icon-cangku_kucunxiangqing:before {
    content: "\ead6"
}

.icon-cangku:before {
    content: "\ead7"
}

.icon-cangku_zhongzhuanchuzhan:before {
    content: "\ead8"
}

.icon-cangku_cangneishicao:before {
    content: "\ead9"
}

.icon-fuwuguanli:before {
    content: "\eada"
}

.icon-fuwuliu:before {
    content: "\eadb"
}

.icon-cangku_daozhan:before {
    content: "\eadc"
}

.icon-cangku_kucunshuaxin:before {
    content: "\eadd"
}

.icon-gongzuoliu:before {
    content: "\eade"
}

.icon-guanliyuanrenzheng:before {
    content: "\eadf"
}

.icon-jinzhidengji:before {
    content: "\eae0"
}

.icon-dianbiao:before {
    content: "\eae1"
}

.icon-guanliyuansousuo:before {
    content: "\eae2"
}

.icon-kuaisugongzuoliu:before {
    content: "\eae3"
}

.icon-rengonggaichengyunshang:before {
    content: "\eae4"
}

.icon-rengongbuma:before {
    content: "\eae5"
}

.icon-rengonggaizhan:before {
    content: "\eae6"
}

.icon-saomafuquan:before {
    content: "\eae7"
}

.icon-fuwuxunhuanguanli:before {
    content: "\eae8"
}

.icon-shebeidadian:before {
    content: "\eae9"
}

.icon-shangjia:before {
    content: "\eaea"
}

.icon-saomajiahuiche:before {
    content: "\eaeb"
}

.icon-shuibiao:before {
    content: "\eaec"
}

.icon-shebeisousuo:before {
    content: "\eaed"
}

.icon-shebeijiance:before {
    content: "\eaee"
}

.icon-shuiweichuanganqi:before {
    content: "\eaef"
}

.icon-tuihuochuzhan:before {
    content: "\eaf0"
}

.icon-xunjianweixiu:before {
    content: "\eaf1"
}

.icon-yemianliu:before {
    content: "\eaf2"
}

.icon-yichangshangbao:before {
    content: "\eaf3"
}

.icon-zhongkong:before {
    content: "\eaf4"
}

.icon-weixiufuwu:before {
    content: "\eaf5"
}

.icon-wenshiduchuanganqi:before {
    content: "\eaf6"
}

.icon-duoxuanxuanzhong:before {
    content: "\eaf7"
}

.icon-bofang:before {
    content: "\eaf8"
}

.icon-duibi:before {
    content: "\eaf9"
}

.icon-huojianjiasu:before {
    content: "\eafa"
}

.icon-gouwudai:before {
    content: "\eafb"
}

.icon-gouwu:before {
    content: "\eafc"
}

.icon-danxuanweixuanzhong:before {
    content: "\eafd"
}

.icon-danxuanxuanzhong:before {
    content: "\eafe"
}

.icon-jiqiren:before {
    content: "\eaff"
}

.icon-jinxianshibutong:before {
    content: "\eb00"
}

.icon-kefu:before {
    content: "\eb01"
}

.icon-lanya:before {
    content: "\eb02"
}

.icon-leida-faxianx:before {
    content: "\eb03"
}

.icon-lianjie:before {
    content: "\eb04"
}

.icon-duoxuanweixuanzhong:before {
    content: "\eb05"
}

.icon-liangliangduibi:before {
    content: "\eb06"
}

.icon-quxiaolianjie:before {
    content: "\eb07"
}

.icon-liangdu:before {
    content: "\eb08"
}

.icon-liwu:before {
    content: "\eb09"
}

.icon-shanguangdeng:before {
    content: "\eb0a"
}

.icon-shanguangdengzidong:before {
    content: "\eb0b"
}

.icon-shengyin:before {
    content: "\eb0c"
}

.icon-renlianshibie:before {
    content: "\eb0d"
}

.icon-tingzhi:before {
    content: "\eb0e"
}

.icon-tanhao:before {
    content: "\eb0f"
}

.icon-shanguangdengguanbi:before {
    content: "\eb10"
}

.icon-wenhao:before {
    content: "\eb11"
}

.icon-xinxi:before {
    content: "\eb12"
}

.icon-shounadaohang:before {
    content: "\eb13"
}

.icon-yinliang:before {
    content: "\eb14"
}

.icon-yingwen:before {
    content: "\eb15"
}

.icon-yuyin:before {
    content: "\eb16"
}

.icon-yuechi:before {
    content: "\eb17"
}

.icon-yunsuancaozuo:before {
    content: "\eb18"
}

.icon-zhediedaohang:before {
    content: "\eb19"
}

.icon-zhinanzhen:before {
    content: "\eb1a"
}

.icon-zhongwen:before {
    content: "\eb1b"
}

.icon-zanting:before {
    content: "\eb1c"
}

.icon-zhuti_yifu:before {
    content: "\eb1d"
}

.icon-zhendong:before {
    content: "\eb1e"
}

.icon-zhuti_tiaosepan:before {
    content: "\eb1f"
}

.icon-zhuti:before {
    content: "\eb20"
}

.icon-zuanshi:before {
    content: "\eb21"
}

.icon-anniu_guanbi:before {
    content: "\eb22"
}

.icon-anquan:before {
    content: "\eb23"
}

.icon-bangzhu:before {
    content: "\eb24"
}

.icon-biaoge:before {
    content: "\eb25"
}

.icon-anniu_xuanzhong:before {
    content: "\eb26"
}

.icon-chexiao:before {
    content: "\eb27"
}

.icon-shouye:before {
    content: "\eb28"
}

.icon-duihao:before {
    content: "\eb29"
}

.icon-erweima:before {
    content: "\eb2a"
}

.icon-caidan:before {
    content: "\eb2b"
}

.icon-guanbi:before {
    content: "\eb2c"
}

.icon-guanyu:before {
    content: "\eb2d"
}

.icon-cengji:before {
    content: "\eb2e"
}

.icon-dengyu:before {
    content: "\eb2f"
}

.icon-daohang:before {
    content: "\eb30"
}

.icon-jiahao:before {
    content: "\eb31"
}

.icon-jiazai_dan:before {
    content: "\eb32"
}

.icon-refresh:before {
    content: "\eb33"
}

.icon-jieshaoxinxi:before {
    content: "\eb34"
}

.icon-jiazai_shuang:before {
    content: "\eb35"
}

.icon-jianhao:before {
    content: "\eb36"
}

.icon-jinyong:before {
    content: "\eb37"
}

.icon-kaiguan:before {
    content: "\eb38"
}

.icon-jinggao:before {
    content: "\eb39"
}

.icon-lishijilu:before {
    content: "\eb3a"
}

.icon-linggan:before {
    content: "\eb3b"
}

.icon-liebiao:before {
    content: "\eb3c"
}

.icon-pinleijianshao:before {
    content: "\eb3d"
}

.icon-pinleishanchu:before {
    content: "\eb3e"
}

.icon-pinleizengjia:before {
    content: "\eb3f"
}

.icon-kongzhizhongxin:before {
    content: "\eb40"
}

.icon-shanchu:before {
    content: "\eb41"
}

.icon-saoyisao:before {
    content: "\eb42"
}

.icon-shipin:before {
    content: "\eb43"
}

.icon-quanjushezhi:before {
    content: "\eb44"
}

.icon-shitujuzhen:before {
    content: "\eb45"
}

.icon-shuliang-zengjia:before {
    content: "\eb46"
}

.icon-shuaxin:before {
    content: "\eb47"
}

.icon-shuliangjianshao:before {
    content: "\eb48"
}

.icon-tishi:before {
    content: "\eb49"
}

.icon-renwuzhongxin:before {
    content: "\eb4a"
}

.icon-sousuo:before {
    content: "\eb4b"
}

.icon-tuwen:before {
    content: "\eb4c"
}

.icon-xinzengdaohangliebiao:before {
    content: "\eb4d"
}

.icon-Androidgengduo:before {
    content: "\eb4e"
}

.icon-iosgengduo:before {
    content: "\eb4f"
}

.icon-xiangji:before {
    content: "\eb50"
}

.icon-yemiankuangjia:before {
    content: "\eb51"
}

.icon-yingyongAPP:before {
    content: "\eb52"
}

.icon-anniu_jiantoushouqi:before {
    content: "\eb53"
}

.icon-anniu-jiantouxiangyou:before {
    content: "\eb54"
}

.icon-jiantou_liebiaoxiangyou:before {
    content: "\eb55"
}

.icon-anniu_jiantouzhankai:before {
    content: "\eb56"
}

.icon-jiantou_liebiaoshouqi:before {
    content: "\eb57"
}

.icon-jiantou_liebiaoxiangzuo:before {
    content: "\eb58"
}

.icon-jiantou_qiehuanxiangxia:before {
    content: "\eb59"
}

.icon-jiantou_liebiaozhankai:before {
    content: "\eb5a"
}

.icon-jiantou_qiehuanyou:before {
    content: "\eb5b"
}

.icon-jiantou_qiehuanxiangshang:before {
    content: "\eb5c"
}

.icon-jiantou_qiehuanzuo:before {
    content: "\eb5d"
}

.icon-jiantou_shangyiye:before {
    content: "\eb5e"
}

.icon-anniu_jiantouxiangzuo:before {
    content: "\eb5f"
}

.icon-jiantou_xiayiye:before {
    content: "\eb60"
}

.icon-jiantou_xiangyou:before {
    content: "\eb61"
}

.icon-jiantou_xiangzuo:before {
    content: "\eb62"
}

.icon-jiantou_xiangyouliangci:before {
    content: "\eb63"
}

.icon-jiantou_shangxiaqiehuan:before {
    content: "\eb64"
}

.icon-jiantou_yemian_xiangshang:before {
    content: "\eb65"
}

.icon-jiantou_xiangxia:before {
    content: "\eb66"
}

.icon-jiantou_xiangshang:before {
    content: "\eb67"
}

.icon-jiantou_xiangzuoliangci:before {
    content: "\eb68"
}

.icon-jiantou_yemian_xiangxia:before {
    content: "\eb69"
}

.icon-jiantou_yemian_xiangyou:before {
    content: "\eb6a"
}

.icon-jiantou_youshang:before {
    content: "\eb6b"
}

.icon-jiantou_zuoshang:before {
    content: "\eb6c"
}

.icon-jiantou_youxia:before {
    content: "\eb6d"
}

.icon-jiantou_zuoyouqiehuan:before {
    content: "\eb6e"
}

.icon-jiaobiaoweixuanzhong:before {
    content: "\eb6f"
}

.icon-jiaobiaoxuanzhong:before {
    content: "\eb70"
}

.icon-moduanshouqi:before {
    content: "\eb71"
}

.icon-jiantou_zuoxia:before {
    content: "\eb72"
}

.icon-jiantou_yemian_xiangzuo:before {
    content: "\eb73"
}

.icon-moduanzhankai:before {
    content: "\eb74"
}

.icon-moduanzuoyouzhankai:before {
    content: "\eb75"
}

.icon-quxiaoquanping:before {
    content: "\eb76"
}

.icon-sanjiaoxing_shang:before {
    content: "\eb77"
}

.icon-quanping:before {
    content: "\eb78"
}

.icon-sanjiaoxing:before {
    content: "\eb79"
}

.icon-moduanzuoyoushouqi:before {
    content: "\eb7a"
}

.icon-shangxiazhankai:before {
    content: "\eb7b"
}

.icon-xiazai:before {
    content: "\eb7c"
}

.icon-xuanzeqishouqi:before {
    content: "\eb7d"
}

.icon-shangchuan:before {
    content: "\eb7e"
}

.icon-xiangzuo:before {
    content: "\eb7f"
}

.icon-xuanzeqixiayige:before {
    content: "\eb80"
}

.icon-xuanzeqizhankai:before {
    content: "\eb81"
}

.icon-zhiding:before {
    content: "\eb82"
}

.icon-dunpaibaowei:before {
    content: "\eb83"
}

.icon-dunpaibaoxianrenzheng:before {
    content: "\eb84"
}

.icon-huobiliu:before {
    content: "\eb85"
}

.icon-dunpaibaoxianzhiliang:before {
    content: "\eb86"
}

.icon-jisuanqi:before {
    content: "\eb87"
}

.icon-jiekuan:before {
    content: "\eb88"
}

.icon-hongbao:before {
    content: "\eb89"
}

.icon-jinbi:before {
    content: "\eb8a"
}

.icon-cunkuan:before {
    content: "\eb8b"
}

.icon-meiyuan:before {
    content: "\eb8c"
}

.icon-qianbao:before {
    content: "\eb8d"
}

.icon-yinhangqia:before {
    content: "\eb8e"
}

.icon-zhangdan_kong:before {
    content: "\eb8f"
}

.icon-zhangdan_xiangqing:before {
    content: "\eb90"
}

.icon-zhangdan_quxiao:before {
    content: "\eb91"
}

.icon-zhangdan_xinzeng:before {
    content: "\eb92"
}

.icon-jinrongguanli:before {
    content: "\eb93"
}

.icon-zhangdan-wancheng:before {
    content: "\eb94"
}

.icon-zhangdan:before {
    content: "\eb95"
}

.icon-zhibi_renminbi:before {
    content: "\eb96"
}

.icon-renminbi:before {
    content: "\eb97"
}

.icon-zijin_dongjie:before {
    content: "\eb98"
}

.icon-zijin:before {
    content: "\eb99"
}

.icon-zijinxunhuan:before {
    content: "\eb9a"
}

.icon-anniucai:before {
    content: "\eb9b"
}

.icon-cai:before {
    content: "\eb9c"
}

.icon-biaoqing:before {
    content: "\eb9d"
}

.icon-anniu-zan:before {
    content: "\eb9e"
}

.icon-biaoqing_xiao:before {
    content: "\eb9f"
}

.icon-chengchang:before {
    content: "\eba0"
}

.icon-dianhua:before {
    content: "\eba1"
}

.icon-duanxin:before {
    content: "\eba2"
}

.icon-gerentouxiang:before {
    content: "\eba3"
}

.icon-fenxiang:before {
    content: "\eba4"
}

.icon-qiandao:before {
    content: "\eba5"
}

.icon-qunzu:before {
    content: "\eba6"
}

.icon-biaoqing_beishang:before {
    content: "\eba7"
}

.icon-shoucang:before {
    content: "\eba8"
}

.icon-tianjiahaoyou:before {
    content: "\eba9"
}

.icon-wangwanglikai:before {
    content: "\ebaa"
}

.icon-xiai:before {
    content: "\ebab"
}

.icon-zan:before {
    content: "\ebac"
}

.icon-wangwang:before {
    content: "\ebad"
}

.icon-daibanrenwu_quxiao:before {
    content: "\ebae"
}

.icon-daibanrenwu:before {
    content: "\ebaf"
}

.icon-naozhong:before {
    content: "\ebb0"
}

.icon-shijian:before {
    content: "\ebb1"
}

.icon-riqi:before {
    content: "\ebb2"
}

.icon-rili:before {
    content: "\ebb3"
}

.icon-shuzhuangtu:before {
    content: "\ebb4"
}

.icon-yun:before {
    content: "\ebb5"
}

.icon-bingtu:before {
    content: "\ebb6"
}

.icon-yunshangchuan:before {
    content: "\ebb7"
}

.icon-yunxiazai:before {
    content: "\ebb8"
}

.icon-zhexiantu:before {
    content: "\ebb9"
}

.icon-zhuzhuangtu:before {
    content: "\ebba"
}

.icon-baoguo_lanshou:before {
    content: "\ebbb"
}

.icon-baoguo_dabao:before {
    content: "\ebbc"
}

.icon-baoguo_huanbaohe:before {
    content: "\ebbd"
}

.icon-baoguo_dakai:before {
    content: "\ebbe"
}

.icon-baoguo_hezi:before {
    content: "\ebbf"
}

.icon-baoguo_lingjian:before {
    content: "\ebc0"
}

.icon-baoguo_shounahe:before {
    content: "\ebc1"
}

.icon-baoguo_tihuoduanxin:before {
    content: "\ebc2"
}

.icon-baoguo_quxiaoshouhuo:before {
    content: "\ebc3"
}

.icon-baoguo_shouhuo:before {
    content: "\ebc4"
}

.icon-baoguo_yidong:before {
    content: "\ebc5"
}

.icon-che:before {
    content: "\ebc6"
}

.icon-didiandingwei:before {
    content: "\ebc7"
}

.icon-ditu_diqiu:before {
    content: "\ebc8"
}

.icon-baoguo_fahuo:before {
    content: "\ebc9"
}

.icon-ditu:before {
    content: "\ebca"
}

.icon-ditu_dingwei:before {
    content: "\ebcb"
}

.icon-feiji_qifei:before {
    content: "\ebcc"
}

.icon-baoguo:before {
    content: "\ebcd"
}

.icon-gouwuche:before {
    content: "\ebce"
}

.icon-gaojijibao:before {
    content: "\ebcf"
}

.icon-fenjianguocheng:before {
    content: "\ebd0"
}

.icon-feiji_jiangla:before {
    content: "\ebd1"
}

.icon-guizi:before {
    content: "\ebd2"
}

.icon-huoche_zhuangche:before {
    content: "\ebd3"
}

.icon-huoche_quxiaozhuangche:before {
    content: "\ebd4"
}

.icon-huoche:before {
    content: "\ebd5"
}

.icon-haiguan:before {
    content: "\ebd6"
}

.icon-fuwu:before {
    content: "\ebd7"
}

.icon-jiankong2:before {
    content: "\ebd8"
}

.icon-jibao:before {
    content: "\ebd9"
}

.icon-jianzhu:before {
    content: "\ebda"
}

.icon-jiancha:before {
    content: "\ebdb"
}

.icon-jingliren:before {
    content: "\ebdc"
}

.icon-paijian:before {
    content: "\ebdd"
}

.icon-huopinfenliu:before {
    content: "\ebde"
}

.icon-quxiaojibao:before {
    content: "\ebdf"
}

.icon-kuaidiyuan:before {
    content: "\ebe0"
}

.icon-sandengfen:before {
    content: "\ebe1"
}

.icon-shijuedingwei:before {
    content: "\ebe2"
}

.icon-wuliudanao:before {
    content: "\ebe3"
}

.icon-tousu:before {
    content: "\ebe4"
}

.icon-kuaidiyuanguanli:before {
    content: "\ebe5"
}

.icon-yizhan:before {
    content: "\ebe6"
}

.icon-yizhanxiangqing:before {
    content: "\ebe7"
}

.icon-sidengfen:before {
    content: "\ebe8"
}

.icon-CPhezuo:before {
    content: "\ebe9"
}

.icon-PDA:before {
    content: "\ebea"
}

.icon-xiangsishangpin:before {
    content: "\ebeb"
}

.icon-yibiaopan:before {
    content: "\ebec"
}

.icon-duanxinqunfa:before {
    content: "\ebed"
}

.icon-xiaoxi:before {
    content: "\ebee"
}

.icon-xinwen:before {
    content: "\ebef"
}

.icon-tongzhizhongxin:before {
    content: "\ebf0"
}

.icon-youjian:before {
    content: "\ebf1"
}

.icon-dengchu:before {
    content: "\ebf2"
}

.icon-gerenxinxi:before {
    content: "\ebf3"
}

.icon-anniu_gerenzhongxin:before {
    content: "\ebf4"
}

.icon-yanjing_yincang:before {
    content: "\ebf5"
}

.icon-yanjing_xianshi:before {
    content: "\ebf6"
}

.icon-baocun_o:before {
    content: "\ebf7"
}

.icon-biaoqian_o:before {
    content: "\ebf8"
}

.icon-bianjibiaoge_o:before {
    content: "\ebf9"
}

.icon-dayinji_o:before {
    content: "\ebfa"
}

.icon-chizi_o:before {
    content: "\ebfc"
}

.icon-bangongbao_o:before {
    content: "\ebfd"
}

.icon-daoru_o:before {
    content: "\ebfe"
}

.icon-diannao_o:before {
    content: "\ebff"
}

.icon-bianji_o:before {
    content: "\ec00"
}

.icon-bijibendiannao_o:before {
    content: "\ec01"
}

.icon-ding_o:before {
    content: "\ec02"
}

.icon-jianpan_o:before {
    content: "\ec03"
}

.icon-jianqie_o:before {
    content: "\ec04"
}

.icon-shaixuan_o:before {
    content: "\ec05"
}

.icon-jiesuo_o:before {
    content: "\ec06"
}

.icon-daochu_o:before {
    content: "\ec07"
}

.icon-shouji_o:before {
    content: "\ec08"
}

.icon-tianjiafujian_o:before {
    content: "\ec09"
}

.icon-shu_o:before {
    content: "\ec0a"
}

.icon-fuzhi_o:before {
    content: "\ec0b"
}

.icon-wenben_o:before {
    content: "\ec0c"
}

.icon-touyingyi_o:before {
    content: "\ec0d"
}

.icon-wenjianjia_o:before {
    content: "\ec0e"
}

.icon-tupian_o:before {
    content: "\ec0f"
}

.icon-suoding_o:before {
    content: "\ec10"
}

.icon-cangku_kucunxiangqing_o:before {
    content: "\ec11"
}

.icon-cangku_daozhan_o:before {
    content: "\ec12"
}

.icon-cangku_kucun_o:before {
    content: "\ec13"
}

.icon-cangku_cangchuguanli_o:before {
    content: "\ec14"
}

.icon-cangku_kucunshuaxin_o:before {
    content: "\ec15"
}

.icon-cangku_cangneishicao_o:before {
    content: "\ec16"
}

.icon-cangku_o:before {
    content: "\ec17"
}

.icon-dianbiao_o:before {
    content: "\ec18"
}

.icon-cangku_zhongzhuanchuzhan_o:before {
    content: "\ec19"
}

.icon-fuwuliu_o:before {
    content: "\ec1a"
}

.icon-fuwuguanli_o:before {
    content: "\ec1b"
}

.icon-gongzuoliu_o:before {
    content: "\ec1c"
}

.icon-fuwuxunhuanguanli_o:before {
    content: "\ec1d"
}

.icon-guanliyuanrenzheng_o:before {
    content: "\ec1e"
}

.icon-jinzhidengji_o:before {
    content: "\ec1f"
}

.icon-kuaisugongzuoliu_o:before {
    content: "\ec20"
}

.icon-rengongbuma_o:before {
    content: "\ec21"
}

.icon-rengonggaichengyunshang_o:before {
    content: "\ec22"
}

.icon-rengonggaizhan_o:before {
    content: "\ec23"
}

.icon-saomafuquan_o:before {
    content: "\ec24"
}

.icon-guanliyuansousuo_o:before {
    content: "\ec25"
}

.icon-shangjia_o:before {
    content: "\ec26"
}

.icon-shebeijiance_o:before {
    content: "\ec27"
}

.icon-shebeisousuo_o:before {
    content: "\ec28"
}

.icon-shuibiao_o:before {
    content: "\ec29"
}

.icon-saomajiahuiche_o:before {
    content: "\ec2a"
}

.icon-tuihuochuzhan_o:before {
    content: "\ec2b"
}

.icon-shebeidadian_o:before {
    content: "\ec2c"
}

.icon-wenshiduchuanganqi_o:before {
    content: "\ec2d"
}

.icon-shuiweichuanganqi_o:before {
    content: "\ec2e"
}

.icon-yichangshangbao_o:before {
    content: "\ec2f"
}

.icon-xunjianweixiu_o:before {
    content: "\ec30"
}

.icon-yemianliu_o:before {
    content: "\ec31"
}

.icon-weixiufuwu_o:before {
    content: "\ec32"
}

.icon-zhongkong_o:before {
    content: "\ec33"
}

.icon-danxuanweixuanzhong_o:before {
    content: "\ec34"
}

.icon-bofang_o:before {
    content: "\ec35"
}

.icon-duoxuanweixuanzhong_o:before {
    content: "\ec36"
}

.icon-duibi_o:before {
    content: "\ec37"
}

.icon-duoxuanxuanzhong_o:before {
    content: "\ec38"
}

.icon-eyu_o:before {
    content: "\ec39"
}

.icon-gouwudai_o:before {
    content: "\ec3a"
}

.icon-gouwu_o:before {
    content: "\ec3b"
}

.icon-huojianjiasu_o:before {
    content: "\ec3c"
}

.icon-jiqiren_o:before {
    content: "\ec3d"
}

.icon-kefu_o:before {
    content: "\ec3e"
}

.icon-lanya_o:before {
    content: "\ec3f"
}

.icon-shengyin_o:before {
    content: "\ec40"
}

.icon-leida-faxian_o:before {
    content: "\ec41"
}

.icon-danxuanxuanzhong_o:before {
    content: "\ec42"
}

.icon-lianjie_o:before {
    content: "\ec43"
}

.icon-liwu_o:before {
    content: "\ec44"
}

.icon-liangdu_o:before {
    content: "\ec45"
}

.icon-liangliangduibi_o:before {
    content: "\ec46"
}

.icon-renlianshibie_o:before {
    content: "\ec47"
}

.icon-quxiaolianjie_o:before {
    content: "\ec48"
}

.icon-jinxianshibutong_o:before {
    content: "\ec49"
}

.icon-shanguangdeng_o:before {
    content: "\ec4a"
}

.icon-shanguangdengzidong_o:before {
    content: "\ec4b"
}

.icon-shanguangdengguanbi_o:before {
    content: "\ec4c"
}

.icon-tanhao_o:before {
    content: "\ec4d"
}

.icon-wenhao_o:before {
    content: "\ec4e"
}

.icon-xinxi_o:before {
    content: "\ec4f"
}

.icon-tingzhi_o:before {
    content: "\ec50"
}

.icon-yuechi_o:before {
    content: "\ec51"
}

.icon-yinliang_o:before {
    content: "\ec52"
}

.icon-yingwen_o:before {
    content: "\ec53"
}

.icon-yuyin_o:before {
    content: "\ec54"
}

.icon-yunsuancaozuo_o:before {
    content: "\ec55"
}

.icon-zanting_o:before {
    content: "\ec56"
}

.icon-shounadaohang_o:before {
    content: "\ec57"
}

.icon-zhediedaohang_o:before {
    content: "\ec58"
}

.icon-zhendong_o:before {
    content: "\ec59"
}

.icon-zhuti_tiaosepan_o:before {
    content: "\ec5a"
}

.icon-zhuti_yifu_o:before {
    content: "\ec5b"
}

.icon-zhuti_o:before {
    content: "\ec5c"
}

.icon-zuanshi_o:before {
    content: "\ec5d"
}

.icon-zhongwen_o:before {
    content: "\ec5e"
}

.icon-zhinanzhen_o:before {
    content: "\ec5f"
}

.icon-anquan_o:before {
    content: "\ec60"
}

.icon-caidan_o:before {
    content: "\ec61"
}

.icon-anniu_xuanzhong_o:before {
    content: "\ec62"
}

.icon-bangzhu_o:before {
    content: "\ec63"
}

.icon-cengji_o:before {
    content: "\ec64"
}

.icon-chexiao_o:before {
    content: "\ec65"
}

.icon-daohang_o:before {
    content: "\ec66"
}

.icon-duihao_o:before {
    content: "\ec67"
}

.icon-anniu_guanbi_o:before {
    content: "\ec68"
}

.icon-erweima_o:before {
    content: "\ec69"
}

.icon-Androidgengduo_o:before {
    content: "\ec6a"
}

.icon-guanbi_o:before {
    content: "\ec6b"
}

.icon-biaoge_o:before {
    content: "\ec6c"
}

.icon-guanyu_o:before {
    content: "\ec6d"
}

.icon-jiahao_o:before {
    content: "\ec6e"
}

.icon-dengyu_o:before {
    content: "\ec6f"
}

.icon-jiazai_shuang_o:before {
    content: "\ec70"
}

.icon-jianhao_o:before {
    content: "\ec71"
}

.icon-jieshaoxinxi_o:before {
    content: "\ec72"
}

.icon-kaiguan_o:before {
    content: "\ec73"
}

.icon-jiazai_dan_o:before {
    content: "\ec74"
}

.icon-refresh-fine:before {
    content: "\ec75"
}

.icon-lishijilu_o:before {
    content: "\ec76"
}

.icon-liebiao_o:before {
    content: "\ec77"
}

.icon-linggan_o:before {
    content: "\ec78"
}

.icon-jinyong_o:before {
    content: "\ec79"
}

.icon-pinleishanchu_o:before {
    content: "\ec7a"
}

.icon-pinleijianshao_o:before {
    content: "\ec7b"
}

.icon-kongzhizhongxin_o:before {
    content: "\ec7c"
}

.icon-pinleizengjia_o:before {
    content: "\ec7d"
}

.icon-renwuzhongxin_o:before {
    content: "\ec7e"
}

.icon-quanjushezhi_o:before {
    content: "\ec7f"
}

.icon-jinggao_o:before {
    content: "\ec80"
}

.icon-saoyisao_o:before {
    content: "\ec81"
}

.icon-shipin_o:before {
    content: "\ec82"
}

.icon-shouye_o:before {
    content: "\ec83"
}

.icon-shuliang-zengjia_o:before {
    content: "\ec84"
}

.icon-shuaxin_o:before {
    content: "\ec85"
}

.icon-shanchu_o:before {
    content: "\ec86"
}

.icon-tishi_o:before {
    content: "\ec87"
}

.icon-tuwen_o:before {
    content: "\ec88"
}

.icon-shitujuzhen_o:before {
    content: "\ec89"
}

.icon-xinzengdaohangliebiao_o:before {
    content: "\ec8a"
}

.icon-sousuo_o:before {
    content: "\ec8b"
}

.icon-shuliangjianshao_o:before {
    content: "\ec8c"
}

.icon-yemiankuangjia_o:before {
    content: "\ec8d"
}

.icon-iosgengduo_o:before {
    content: "\ec8e"
}

.icon-xiangji_o:before {
    content: "\ec8f"
}

.icon-yingyongAPP_o:before {
    content: "\ec90"
}

.icon-anniu_jiantoushouqi_o:before {
    content: "\ec91"
}

.icon-anniu_jiantouxiangzuo_o:before {
    content: "\ec92"
}

.icon-anniu_jiantouzhankai_o:before {
    content: "\ec93"
}

.icon-jiantou_liebiaoshouqi_o:before {
    content: "\ec94"
}

.icon-jiantou_liebiaoxiangyou_o:before {
    content: "\ec95"
}

.icon-jiantou_liebiaozhankai_o:before {
    content: "\ec96"
}

.icon-jiantou_qiehuanxiangxia_o:before {
    content: "\ec97"
}

.icon-anniu-jiantouxiangyou_o:before {
    content: "\ec98"
}

.icon-jiantou_qiehuanyou_o:before {
    content: "\ec99"
}

.icon-xuanzeqizhankai_o:before {
    content: "\ec9a"
}

.icon-jiantou_qiehuanxiangshang_o:before {
    content: "\ec9b"
}

.icon-jiantou_zuoshang_o:before {
    content: "\ec9c"
}

.icon-jiantou_liebiaoxiangzuo_o:before {
    content: "\ec9d"
}

.icon-jiantou_shangyiye_o:before {
    content: "\ec9e"
}

.icon-jiantou_xiayiye_o:before {
    content: "\ec9f"
}

.icon-jiantou_xiangshang_o:before {
    content: "\eca0"
}

.icon-jiantou_xiangxia_o:before {
    content: "\eca1"
}

.icon-jiantou_xiangyouliangci_o:before {
    content: "\eca2"
}

.icon-jiantou_shangxiaqiehuan_o:before {
    content: "\eca3"
}

.icon-jiantou_qiehuanzuo_o:before {
    content: "\eca4"
}

.icon-jiantou_xiangzuo_o:before {
    content: "\eca5"
}

.icon-jiantou_yemian_xiangshang_o:before {
    content: "\eca6"
}

.icon-jiantou_xiangzuoliangci_o:before {
    content: "\eca7"
}

.icon-jiantou_yemian_xiangyou_o:before {
    content: "\eca8"
}

.icon-jiantou_youshang_o:before {
    content: "\eca9"
}

.icon-jiantou_xiangyou_o:before {
    content: "\ecaa"
}

.icon-jiantou_yemian_xiangzuo_o:before {
    content: "\ecab"
}

.icon-jiantou_youxia_o:before {
    content: "\ecac"
}

.icon-jiantou_zuoyouqiehuan_o:before {
    content: "\ecad"
}

.icon-jiantou_yemian_xiangxia_o:before {
    content: "\ecae"
}

.icon-jiaobiaoweixuanzhong_o:before {
    content: "\ecaf"
}

.icon-moduanzuoyoushouqi_o:before {
    content: "\ecb0"
}

.icon-jiantou_zuoxia_o:before {
    content: "\ecb1"
}

.icon-quxiaoquanping_o:before {
    content: "\ecb2"
}

.icon-moduanshouqi_o:before {
    content: "\ecb3"
}

.icon-jiaobiaoxuanzhong_o:before {
    content: "\ecb4"
}

.icon-moduanzhankai_o:before {
    content: "\ecb5"
}

.icon-moduanzuoyouzhankai_o:before {
    content: "\ecb6"
}

.icon-sanjiaoxing_shang_o:before {
    content: "\ecb7"
}

.icon-quanping_o:before {
    content: "\ecb8"
}

.icon-xiangzuo_o:before {
    content: "\ecb9"
}

.icon-shangxiazhankai_o:before {
    content: "\ecba"
}

.icon-xuanzeqishouqi_o:before {
    content: "\ecbb"
}

.icon-xuanzeqixiayige_o:before {
    content: "\ecbc"
}

.icon-sanjiaoxing_o:before {
    content: "\ecbd"
}

.icon-shangchuan_o:before {
    content: "\ecbe"
}

.icon-xiazai_o:before {
    content: "\ecbf"
}

.icon-zhiding_o:before {
    content: "\ecc0"
}

.icon-dunpaibaowei_o:before {
    content: "\ecc1"
}

.icon-huobiliu_o:before {
    content: "\ecc2"
}

.icon-hongbao_o:before {
    content: "\ecc3"
}

.icon-dunpaibaoxianzhiliang_o:before {
    content: "\ecc4"
}

.icon-jiekuan_o:before {
    content: "\ecc5"
}

.icon-jisuanqi_o:before {
    content: "\ecc6"
}

.icon-jinrongguanli_o:before {
    content: "\ecc7"
}

.icon-cunkuan_o:before {
    content: "\ecc8"
}

.icon-dunpaibaoxianrenzheng_o:before {
    content: "\ecc9"
}

.icon-qianbao_o:before {
    content: "\ecca"
}

.icon-jinbi_o:before {
    content: "\eccb"
}

.icon-meiyuan_o:before {
    content: "\eccc"
}

.icon-renminbi_o:before {
    content: "\eccd"
}

.icon-zhangdan_quxiao_o:before {
    content: "\ecce"
}

.icon-zhangdan_kong_o:before {
    content: "\eccf"
}

.icon-zhangdan_xinzeng_o:before {
    content: "\ecd0"
}

.icon-zhangdan-wancheng_o:before {
    content: "\ecd1"
}

.icon-zijin_dongjie_o:before {
    content: "\ecd2"
}

.icon-zhangdan_o:before {
    content: "\ecd3"
}

.icon-yinhangqia_o:before {
    content: "\ecd4"
}

.icon-zijin_o:before {
    content: "\ecd5"
}

.icon-zijinxunhuan_o:before {
    content: "\ecd6"
}

.icon-zhangdan_xiangqing_o:before {
    content: "\ecd7"
}

.icon-zhibi_renminbi_o:before {
    content: "\ecd8"
}

.icon-anniu-zan_o:before {
    content: "\ecd9"
}

.icon-anniucai_o:before {
    content: "\ecda"
}

.icon-biaoqing_xiao_o:before {
    content: "\ecdb"
}

.icon-chengchang_o:before {
    content: "\ecdc"
}

.icon-duanxin_o:before {
    content: "\ecdd"
}

.icon-biaoqing_beishang_o:before {
    content: "\ecde"
}

.icon-cai_o:before {
    content: "\ecdf"
}

.icon-fenxiang_o:before {
    content: "\ece0"
}

.icon-biaoqing_o:before {
    content: "\ece1"
}

.icon-gerentouxiang_o:before {
    content: "\ece2"
}

.icon-qiandao_o:before {
    content: "\ece3"
}

.icon-qunzu_o:before {
    content: "\ece4"
}

.icon-dianhua_o:before {
    content: "\ece5"
}

.icon-tianjiahaoyou_o:before {
    content: "\ece6"
}

.icon-shoucang_o:before {
    content: "\ece7"
}

.icon-wangwang_o:before {
    content: "\ece8"
}

.icon-xiai_o:before {
    content: "\ece9"
}

.icon-zan_o:before {
    content: "\ecea"
}

.icon-wangwanglikai_o:before {
    content: "\eceb"
}

.icon-naozhong_o:before {
    content: "\ecec"
}

.icon-shijian_o:before {
    content: "\eced"
}

.icon-riqi_o:before {
    content: "\ecee"
}

.icon-daibanrenwu_o:before {
    content: "\ecef"
}

.icon-rili_o:before {
    content: "\ecf0"
}

.icon-daibanrenwu_quxiao_o:before {
    content: "\ecf1"
}

.icon-shuzhuangtu_o:before {
    content: "\ecf2"
}

.icon-zhexiantu_o:before {
    content: "\ecf3"
}

.icon-yun_o:before {
    content: "\ecf4"
}

.icon-yunshangchuan_o:before {
    content: "\ecf5"
}

.icon-yunxiazai_o:before {
    content: "\ecf6"
}

.icon-bingtu_o:before {
    content: "\ecf7"
}

.icon-zhuzhuangtu_o:before {
    content: "\ecf8"
}

.icon-baoguo_fahuo_o:before {
    content: "\ecf9"
}

.icon-baoguo_dakai_o:before {
    content: "\ecfa"
}

.icon-baoguo_hezi_o:before {
    content: "\ecfb"
}

.icon-baoguo_dabao_o:before {
    content: "\ecfc"
}

.icon-baoguo_huanbaohe_o:before {
    content: "\ecfd"
}

.icon-baoguo_quxiaoshouhuo_o:before {
    content: "\ecfe"
}

.icon-baoguo_shouhuo_o:before {
    content: "\ecff"
}

.icon-baoguo_lingjian_o:before {
    content: "\ed00"
}

.icon-baoguo_shouna_o:before {
    content: "\ed01"
}

.icon-baoguo_tihuoduanxin_o:before {
    content: "\ed02"
}

.icon-baoguo_o:before {
    content: "\ed03"
}

.icon-baoguo_lanshou_o:before {
    content: "\ed04"
}

.icon-che_o:before {
    content: "\ed05"
}

.icon-didiandingwei_o:before {
    content: "\ed06"
}

.icon-baoguo_yidong_o:before {
    content: "\ed07"
}

.icon-ditu_dingwei_o:before {
    content: "\ed08"
}

.icon-ditu_diqiu_o:before {
    content: "\ed09"
}

.icon-feiji_jiangla_o:before {
    content: "\ed0a"
}

.icon-ditu_o:before {
    content: "\ed0b"
}

.icon-fenjianguocheng_o:before {
    content: "\ed0c"
}

.icon-feiji_qifei_o:before {
    content: "\ed0d"
}

.icon-fuwu_o:before {
    content: "\ed0e"
}

.icon-gaojijibao_o:before {
    content: "\ed0f"
}

.icon-guizi_o:before {
    content: "\ed10"
}

.icon-gouwuche_o:before {
    content: "\ed11"
}

.icon-huoche_quxiaozhuangche_o:before {
    content: "\ed12"
}

.icon-huoche_zhuangche_o:before {
    content: "\ed13"
}

.icon-huoche_o:before {
    content: "\ed14"
}

.icon-haiguan_o:before {
    content: "\ed15"
}

.icon-huopinfenliu_o:before {
    content: "\ed16"
}

.icon-jiankong_o:before {
    content: "\ed17"
}

.icon-jiancha_o:before {
    content: "\ed18"
}

.icon-kuaidiyuan_o:before {
    content: "\ed19"
}

.icon-jianzhu_o:before {
    content: "\ed1a"
}

.icon-kuaidiyuanguanli_o:before {
    content: "\ed1b"
}

.icon-jibao_o:before {
    content: "\ed1c"
}

.icon-sandengfen_o:before {
    content: "\ed1d"
}

.icon-shijuedingwei_o:before {
    content: "\ed1e"
}

.icon-jingliren_o:before {
    content: "\ed1f"
}

.icon-paijian_o:before {
    content: "\ed20"
}

.icon-sidengfen_o:before {
    content: "\ed21"
}

.icon-tousu_o:before {
    content: "\ed22"
}

.icon-quxiaojibao_o:before {
    content: "\ed23"
}

.icon-wuliudanao_o:before {
    content: "\ed24"
}

.icon-yizhan_o:before {
    content: "\ed25"
}

.icon-yizhanxiangqing_o:before {
    content: "\ed26"
}

.icon-xiangsishangpin_o:before {
    content: "\ed27"
}

.icon-PDA_o:before {
    content: "\ed28"
}

.icon-CPhezuo_o:before {
    content: "\ed29"
}

.icon-yibiaopan_o:before {
    content: "\ed2a"
}

.icon-duanxinqunfa_o:before {
    content: "\ed2b"
}

.icon-xinwen_o:before {
    content: "\ed2c"
}

.icon-xiaoxi_o:before {
    content: "\ed2d"
}

.icon-youjian_o:before {
    content: "\ed2e"
}

.icon-tongzhizhongxin_o:before {
    content: "\ed2f"
}

.icon-dengchu_o:before {
    content: "\ed30"
}

.icon-yanjing_xianshi_o:before {
    content: "\ed31"
}

.icon-gerenxinxi_o:before {
    content: "\ed32"
}

.icon-yanjing_yincang_o:before {
    content: "\ed33"
}

.icon-anniu_gerenzhongxin_o:before {
    content: "\ed34"
}

.icon-on:before {
    content: "\e643"
}

.icon-remen:before {
    content: "\e8c9"
}

.icon-off:before {
    content: "\e621"
}

.icon-QQ:before {
    content: "\ea5f"
}