ul, ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.framework-topbar {
    position: fixed;
    width: 100%;
    min-width: 1300px;
    height: 50px;
    background: #1caf9a;
    z-index: 101
}

.framework-body {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 0px;
    min-width: 1300px;
    background-color: #000;
    z-index: 100
}

.console-table-wapper, .ecs-serverlist-search {
    min-width: 800px;
    padding-bottom: 30px;
}

.framework-body .console-global-notice .console-global-notice-nav {
    top: 14px
}

.framework-body .console-global-notice .console-global-notice-list {
    margin: 0;
    height: 40px
}

.framework-body .console-global-notice .console-global-notice-list .console-global-notice-item {
    padding: 11px 12px;
    border: none
}

.framework-body .console-global-notice .console-global-notice-list .console-global-notice-item .console-global-notice-nomore {
    top: 10px
}

.framework-body.framework-topbar-hide {
    top: 0px
}

.framework-body.framework-topbar-hide .framework-sidebar {
    top: 0px
}

.framework-sidebar {
    width: 0px;
    display: none;
    position: fixed;
    top: 50px;
    bottom: 0px;
    background: #222;
    z-index: 102;
    overflow-x: hidden
}

.framework-sidebar .sidebar-fold {
    height: 30px;
    background: #333;
    color: #999;
    text-align: center;
    line-height: 30px !important;
    font-size: 12px;
    user-select: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none
}

.framework-sidebar .sidebar-fold:hover {
    background: #198764;
    color:#fff
}

.framework-sidebar .sidebar-content {
    width: 230px;
    height: 100%;
    overflow: auto;
    overflow-x: hidden
}

.framework-sidebar .sidebar-trans {
    -o-transition: all 0.12s ease, 0.12s ease;
    -ms-transition: all 0.12s ease, 0.12s ease;
    -moz-transition: all 0.12s ease, 0.12s ease;
    -webkit-transition: all 0.12s ease, 0.12s ease;
    margin-left: 10px;
}

.framework-sidebar .sidebar-nav {
    background: #252525;
    width: 210px
}

.framework-sidebar .sidebar-nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    overflow: hidden
}

.framework-sidebar .sidebar-nav li a {
    display: block;
    margin-left: 0;
    width: 100%;
    height: 35px;
    line-height: 35px;
    overflow: hidden
}

.framework-sidebar .sidebar-nav li a.active {
    background: #198764 !important;
}

.framework-sidebar .sidebar-nav li a:hover {
    background: #198764
}

.framework-sidebar .sidebar-nav li a:hover .nav-icon, .framework-sidebar .sidebar-nav li a:hover .nav-title {
    color: #fff
}

.framework-sidebar .sidebar-nav .nav-item {
    position: relative
}

.framework-sidebar .sidebar-nav .nav-comment {
    background: #2d3945;
    color: #cccccc;
    height: 26px;
    margin-left: 8px;
    line-height: 26px;
    padding: 0 7px;
    vertical-align: middle;
    position: relative;
    display: none
}

.framework-sidebar .sidebar-nav .nav-comment .icon-arrow-left {
    position: absolute;
    left: -14px;
    line-height: 26px;
    font-size: 24px;
    color: #2d3945
}

.framework-sidebar .sidebar-nav .nav-tooltip-comment {
    color: #ccc
}

.framework-sidebar .sidebar-nav .sidebar-title {
    height: 35px;
    background: #000;
    color: #fff;
    line-height: 35px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none
}

.framework-sidebar .sidebar-nav .sidebar-title-icon {
    display: inline-block;
    margin: 0 8px 0 20px;
    vertical-align: middle;
    transition: transform 0.12s;
    -o-transition: -o-transform 0.12s;
    -ms-transition: -ms-transform 0.12s;
    -moz-transition: -moz-transform 0.12s;
    -webkit-transition: -webkit-transform 0.12s
}

.framework-sidebar .sidebar-manage {
    vertical-align: middle;
    position: absolute;
    height: 40px;
    width: 40px;
    right: 0
}

.framework-sidebar .sidebar-manage a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #a0abb3;
    text-decoration: none
}

.framework-sidebar .sidebar-nav-fold ul {
    height: 0 !important;
    overflow: hidden
}

.framework-sidebar .sidebar-nav-fold .sidebar-title-icon {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg)
}

.framework-sidebar .sidebar-nav .nav-item:hover .nav-comment {
    display: inline-block
}

.framework-sidebar .entrance-nav .nav-comment {
    margin-left: 10px
}

.framework-sidebar .sidebar-nav .nav-icon {
    width: 50px;
    font-size: 16px;
    padding-left: 8px;
    float: left;
    color: #aeb9c2
}

.framework-sidebar .sidebar-nav .nav-title {
    float: left;
    overflow: hidden;
    color: #8b91a0;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 160px
}

.framework-sidebar .sidebar-nav li.consolehome .nav-tooltip {
    top: 15px;
    line-height: 40px
}

.framework-sidebar .sidebar-nav li.consolehome a {
    height: 70px;
    line-height: 70px;
    background: #1b1e24
}

.framework-sidebar .sidebar-nav li.consolehome a .nav-icon {
    font-size: 20px
}

.framework-sidebar .sidebar-nav li.consolehome.active a {
    background: #1b1e24
}

.framework-sidebar .sidebar-nav li.active a {
    background: #1caf9a
}

.framework-sidebar .sidebar-nav li.active a .nav-title {
    color: #fff
}

.framework-sidebar .sidebar-nav li.active a .nav-icon {
    color: #fff
}

.framework-sidebar .sidebar-nav .manage-nav {
    height: 30px;
    overflow: hidden
}

.framework-sidebar .sidebar-nav .manage-nav:hover .nav-icon {
    color: #fff
}

.framework-sidebar .sidebar-nav .manage-nav a {
    display: block;
    height: 100%
}

.framework-sidebar .sidebar-nav .manage-nav .nav-icon {
    height: 100%;
    line-height: 30px;
    font-size: 16px
}

.framework-sidebar .sidebar-nav .manage-nav .nav-title {
    margin-top: 14px;
    background: #1b1e24;
    height: 1px;
    width: 120px
}

.framework-sidebar .sidebar-nav .more-nav {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: relative
}

.framework-sidebar .sidebar-nav .more-nav.open .more-nav-switch {
    background: #1caf9a
}

.framework-sidebar .sidebar-nav .more-nav.open .more-nav-switch .nav-icon, .framework-sidebar .sidebar-nav .more-nav.open .more-nav-switch .nav-title {
    color: #fff
}

.framework-sidebar .sidebar-nav .more-nav.open .more-nav-switch:hover {
    background: #1caf9a
}

.framework-sidebar .sidebar-nav .more-nav.open .icon-up {
    display: none
}

.framework-sidebar .sidebar-nav .more-nav.open .icon-down {
    display: inline-block
}

.framework-sidebar .sidebar-nav .more-nav .icon-up {
    display: inline-block
}

.framework-sidebar .sidebar-nav .more-nav .icon-down {
    display: none
}

.framework-sidebar .sidebar-nav .more-nav .more-nav-switch {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px
}

.framework-sidebar .sidebar-nav .more-nav .more-nav-switch:hover {
    background: #425160
}

.framework-sidebar .sidebar-nav .more-nav .more-nav-switch:hover .nav-icon, .framework-sidebar .sidebar-nav .more-nav .more-nav-switch:hover .nav-title {
    color: #fff
}

.framework-sidebar .sidebar-nav .more-nav .more-nav-container {
    background: #425160;
    position: absolute;
    bottom: 40px;
    top: auto;
    border: none;
    border-radius: 0 0;
    box-shadow: none;
    margin: 0;
    width: 100%
}

.framework-sidebar .sidebar-nav .more-nav .more-nav-container a {
    color: #fff;
    text-decoration: none
}

.framework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item {
    display: block;
    height: 40px;
    line-height: 40px
}

.framework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item:hover {
    background: #3a4856
}

.framework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item:hover .more-nav-item-icon {
    color: #aeb9c2
}

.framework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item-icon {
    width: 50px;
    display: inline-block;
    vertical-align: text-top;
    text-align: center;
    color: #546478
}

.framework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item.active {
    background: #2d3945
}

.framework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item.active .more-nav-item-icon {
    color: #1caf9a
}

.framework-sidebar .sidebar-nav .more-nav .more-nav-close {
    height: 20px;
    background: #1caf9a;
    text-align: right;
    line-height: 20px;
    cursor: pointer
}

.framework-sidebar .sidebar-nav .more-nav .more-nav-close .icon-down {
    text-align: left;
    width: 32px;
    display: inline-block;
    color: #80cce6;
    vertical-align: middle
}

.framework-sidebar::-webkit-scrollbar {
    width: 0px;
    height: 0px
}

.framework-sidebar::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none
}

.framework-sidebar::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07)
}

.framework-sidebar::-webkit-scrollbar-corner {
    background-color: transparent
}

.framework-sidebar-mini .framework-sidebar {
    width: 50px;
    display: block
}

.framework-sidebar-mini .framework-sidebar .sidebar-fold, .framework-sidebar.sidebar-mini .sidebar-fold {
    width: 50px
}

.framework-sidebar-mini .framework-sidebar .sidebar-content {
    width: 70px
}

.framework-sidebar-mini .framework-sidebar .sidebar-nav {
    width: 50px
}

.framework-sidebar-mini .framework-sidebar .sidebar-nav .nav-item a:hover + .nav-tooltip {
    display: block
}

.framework-sidebar-mini .framework-sidebar .sidebar-nav .nav-title {
    display: none
}

.framework-sidebar-mini .framework-sidebar .sidebar-nav .more-nav .more-nav-switch:hover {
    background: #425160 !important
}

.framework-sidebar-mini .framework-sidebar .sidebar-nav .more-nav.open .more-nav-switch {
    background: #425160 !important
}

.framework-sidebar-mini .framework-sidebar .sidebar-nav .more-nav .more-nav-container {
    bottom: 0px;
    left: 50px;
    width: 180px
}

.framework-sidebar-mini .framework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item {
    display: block;
    height: 40px;
    line-height: 40px
}

.framework-sidebar-mini .framework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item-icon {
    width: 50px;
    padding-left: 0
}

.framework-sidebar-mini .framework-sidebar .sidebar-nav .more-nav .more-nav-close {
    display: none
}

.framework-sidebar-mini .framework-sidebar .sidebar-nav li.consolehome a :hover {
    background: #425160
}

.framework-sidebar-mini .framework-sidebar .sidebar-title .sidebar-title-text {
    display: none
}

.sidebar-title-text {
    font-size: 13px;
    color: #8b91a0;
    font-weight: bold !important;
}

.sidebar-title-text:hover {
    color: #fff;
}

.framework-sidebar-mini .framework-sidebar .sidebar-title-inner:hover + .nav-tooltip {
    display: block
}

.framework-sidebar-mini .framework-sidebar .sidebar-manage {
    display: none
}

.framework-sidebar-mini .framework-sidebar .entrance-nav .nav-item:hover .nav-comment {
    display: none
}

.framework-sidebar-full .framework-sidebar {
    width: 210px;
    display: block
}

.framework-sidebar-full .framework-sidebar .sidebar-nav .nav-icon {
    width: 50px
}

.framework-sidebar-mini .framework-product {
    left: 50px
}

.framework-sidebar-full .framework-product {
    left: 210px
}

.framework-sidebar-dialog .modal-dialog {
    width: 730px
}

.framework-sidebar-dialog .modal-dialog .modal-title {
    user-select: none;
    -webkit-user-select: none
}

.framework-sidebar-manage .sidebar-item-list {
    padding: 4px 0 0 0;
    height: auto
}

.framework-sidebar-manage .sidebar-item-list-picked .sidebar-item {
    border: 1px solid #37a9d5
}

.framework-sidebar-manage .sidebar-item-list-picked .sidebar-item .sidebar-item-opt-icon {
    display: block
}

.framework-sidebar-manage .sidebar-item-list-picked .sidebar-item .sidebar-item-icon {
    color: #516176
}

.framework-sidebar-manage .sidebar-config-title {
    padding-left: 6px;
    user-select: none;
    -webkit-user-select: none
}

.framework-sidebar-manage .sidebar-item-wrap {
    padding: 6px;
    width: 33.3%;
    float: left;
    user-select: none;
    -webkit-user-select: none
}

.framework-sidebar-manage .sidebar-item-wrap.on-drag-hover .sidebar-item {
    border: 1px dashed #ddd
}

.framework-sidebar-manage .sidebar-item {
    height: 32px;
    padding: 4px;
    line-height: 24px;
    background: #fff;
    border: 1px solid #d3dce3;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-transition: all 0.1s, 0.1s;
    -ms-transition: all 0.1s, 0.1s;
    -moz-transition: all 0.1s, 0.1s;
    -webkit-transition: all 0.1s, 0.1s
}

.framework-sidebar-manage .sidebar-item:hover {
    border: 1px solid #37a9d5
}

.framework-sidebar-manage .sidebar-item:hover .sidebar-item-opt-icon {
    display: block
}

.framework-sidebar-manage .sidebar-item .sidebar-item-icon {
    color: #aeb9c2;
    vertical-align: text-bottom;
    font-size: 16px;
    margin-right: 2px
}

.framework-sidebar-manage .sidebar-item .sidebar-item-opt-icon {
    display: none;
    position: absolute;
    height: 30px;
    width: 30px;
    right: 0;
    top: 0;
    line-height: 30px;
    text-align: center;
    border-left: 1px solid #37a9d5;
    color: #37a9d5;
    font-size: 14px
}

.framework-sidebar-manage .sidebar-config-gap {
    border: 1px dashed #e8ecf0;
    margin: 16px 5px;
    user-select: none;
    -webkit-user-select: none
}

.lufax-console-sidebar-tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible
}

.lufax-console-sidebar-tooltip .tooltip-inner {
    max-width: 200px;
    padding: 12px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    border-radius: 0 0;
    background-color: #425160
}

.lufax-console-sidebar-tooltip .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.lufax-console-sidebar-tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.lufax-console-sidebar-tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.lufax-console-sidebar-tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #425160;
    border-width: 5px 5px 5px 0
}

.framework-product {
    width: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
    background: #eaedf1;
    -webkit-transition: all, .15s, linear
}

.framework-product-navbar {
    width: 0px;
    float: left;
    background-color: #EAEDF1;
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: 2;
    overflow: hidden;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease
}

.framework-product-navbar .product-nav-stage {
    width: 180px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px
}

.framework-product-navbar .product-nav-stage .product-nav-scene {
    width: 180px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    -webkit-transition: position, .2s, linear;
    -moz-transition: position, .2s, linear
}

.framework-product-navbar .product-nav-stage .product-nav-main-scene {
    left: 0px
}

.framework-product-navbar .product-nav-stage .product-nav-sub-scene {
    left: 180px
}

.framework-product-navbar .product-nav-stage-main .product-nav-main-scene {
    left: 0px
}

.framework-product-navbar .product-nav-stage-main .product-nav-sub-scene {
    left: 180px
}

.framework-product-navbar .product-nav-stage-sub .product-nav-main-scene {
    left: -180px
}

.framework-product-navbar .product-nav-stage-sub .product-nav-sub-scene {
    left: 0px
}

.framework-product-navbar .product-nav-scene .product-nav-title {
    width: 180px;
    height: 70px;
    line-height: 70px;
    background: #D9DEE4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.framework-product-navbar .product-nav-main-scene .product-nav-title {
    font-weight: bold;
    text-indent: 20px
}

.framework-product-navbar .product-nav-sub-scene .product-nav-title {
    text-align: center
}

.framework-product-navbar .product-nav-sub-scene .product-nav-title a {
    font-size: 20px;
    color: #546478;
    text-decoration: none
}

.framework-product-navbar .product-nav-sub-scene .product-nav-title a:hover {
    color: #1caf9a
}

.framework-product-navbar .product-nav-list {
    position: absolute;
    top: 70px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow-y: auto;
    overflow-x: hidden
}

.framework-product-navbar .product-nav-list .nav-icon {
    width: 30px;
    height: 40px;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #333
}

.framework-product-navbar .product-nav-list .nav-title {
    width: 138px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.framework-product-navbar .product-nav-list .nav-extend {
    height: 40px;
    line-height: 40px;
    float: right;
    margin-top: -40px
}

.framework-product-navbar .product-nav-list ul {
    list-style: none;
    padding: 0px;
    margin: 0px
}

.framework-product-navbar .product-nav-list li a {
    width: 180px;
    height: 40px;
    line-height: 40px;
    display: block;
    color: #333
}

.framework-product-navbar .product-nav-list ul ul li a {
    color: #666
}

.framework-product-navbar .product-nav-list ul ul li a .nav-title {
    text-indent: 8px
}

.framework-product-navbar .product-nav-list li a:hover {
    background-color: #F4F6F8
}

.framework-product-navbar .product-nav-list li.active a {
    background-color: #FFF
}

.framework-product-navbar-collapse {
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 50px;
    z-index: 3;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease
}

.framework-product-navbar-collapse:hover .product-navbar-collapse {
    left: 0
}

.framework-product-navbar-collapse:hover .product-navbar-collapse-bg {
    border-bottom: 8px solid transparent;
    border-left: 20px solid #D9DEE4;
    border-top: 8px solid transparent
}

.framework-product-navbar-collapse .product-navbar-collapse-inner {
    top: -50%;
    position: relative;
    overflow: hidden
}

.framework-product-navbar-collapse .product-navbar-collapse {
    height: 50px;
    position: relative;
    left: -7px;
    text-align: center;
    cursor: pointer;
    -o-transition: all 0.1s ease, 0.1s ease;
    -ms-transition: all 0.1s ease, 0.1s ease;
    -moz-transition: all 0.1s ease, 0.1s ease;
    -webkit-transition: all 0.1s ease, 0.1s ease
}

.framework-product-navbar-collapse .product-navbar-collapse > span {
    font-size: 15px;
    line-height: 50px;
    vertical-align: text-top
}

.framework-product-navbar-collapse .product-navbar-collapse-bg {
    width: 0;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 9px solid transparent;
    border-left: 13px solid #D9DEE4;
    border-top: 9px solid transparent;
    -o-transition: all 0.1s ease, 0.1s ease;
    -ms-transition: all 0.1s ease, 0.1s ease;
    -moz-transition: all 0.1s ease, 0.1s ease;
    -webkit-transition: all 0.1s ease, 0.1s ease
}

.framework-product-navbar-collapse .icon-collapse-left {
    display: none
}

.framework-product-navbar-collapse .icon-collapse-right {
    display: inline
}

.framework-product-body {
    position: absolute;
    padding: 20px;
    width: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #eaedf1;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease
}

.framework-product-col-1 .framework-product-navbar-bg, .framework-product-col-1 .framework-product-navbar {
    width: 180px
}

.framework-product-col-1 .framework-product-body {
    left: 180px
}

.framework-product-col-1 .framework-product-navbar-collapse {
    left: 160px
}

.framework-product-col-1 .framework-product-navbar-collapse .product-navbar-collapse {
    right: -7px;
    left: auto
}

.framework-product-col-1 .framework-product-navbar-collapse .product-navbar-collapse > span {
    color: #546478
}

.framework-product-col-1 .framework-product-navbar-collapse .product-navbar-collapse-bg {
    right: 0;
    left: auto;
    border-bottom: 9px solid transparent;
    border-left: none;
    border-right: 13px solid #f7f7f7;
    border-top: 9px solid transparent
}

.framework-product-col-1 .framework-product-navbar-collapse .icon-collapse-left {
    display: inline
}

.framework-product-col-1 .framework-product-navbar-collapse .icon-collapse-right {
    display: none
}

.framework-product-col-1 .framework-product-navbar-collapse:hover .product-navbar-collapse {
    right: 0;
    left: auto
}

.framework-product-col-1 .framework-product-navbar-collapse:hover .product-navbar-collapse-bg {
    border-bottom: 8px solid transparent;
    border-left: none;
    border-right: 20px solid #f7f7f7;
    border-top: 8px solid transparent
}

.framework-product-col-2 .framework-product-navbar-bg, .framework-product-col-2 .framework-product-navbar {
    width: 360px
}

.framework-product-col-2 .framework-product-body {
    left: 360px
}

.framework-animate {
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.framework-fadeIn {
    -webkit-animation-name: frameworkFadeIn;
    animation-name: frameworkFadeIn
}

@-webkit-keyframes frameworkFadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes frameworkFadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.text-muted {
    color: #999 !important
}

.text-muted:hover {
    color: #999 !important
}

.text-info {
    color: #69C !important
}

.text-info:hover {
    color: #69C !important
}

.text-primary {
    color: #1caf9a !important
}

.text-primary:hover {
    color: #1caf9a !important
}

.text-success {
    color: #090 !important
}

.text-success:hover {
    color: #090 !important
}

.text-warning {
    color: #F90 !important
}

.text-warning:hover {
    color: #F90 !important
}

.text-danger {
    color: #F00 !important
}

.text-danger:hover {
    color: #F00 !important
}

.text-explode {
    color: #CCC !important;
    font-weight: normal !important;
    margin: 0px 4px
}

span.label {
    font-weight: normal
}

.text-size-14 {
    font-size: 14px !important
}

.text-size-16 {
    font-size: 16px !important
}

.text-size-24 {
    font-size: 24px !important
}

.text-size-32 {
    font-size: 32px !important
}

.text-size-48 {
    font-size: 48px !important
}

.text-size-64 {
    font-size: 64px !important
}

.btn {
    font-size: 12px;
    border-radius: 0;
    padding: 5px 10px;
}

.btn-default {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7
}

.btn-default:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125)
}

.btn-default:focus {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    outline: none
}

.btn-default:hover {
    color: #333;
    border: 1px solid #ddd;
    background-color: #fff
}

.btn-primary {
    color: #fff;
    border: 1px solid #1caf9a;
    background-color: #1caf9a
}

.btn-primary:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125)
}

.btn-primary:focus {
    color: #fff;
    border: 1px solid #1caf9a;
    background-color: #1caf9a;
    outline: none
}

.btn-primary:hover {
    color: #fff;
    border: 1px solid #1b926c;
    background-color: #1b926c
}

.btn-success {
    color: #fff;
    border: 1px solid #57a235;
    background-color: #4db118
}

.btn-success:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125)
}

.btn-success:focus {
    color: #fff;
    border: 1px solid #57a235;
    background-color: #4db118;
    outline: none
}

.btn-success:hover {
    color: #fff;
    border: 1px solid #57bc20;
    background-color: #57bc20
}

.btn-warning {
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.btn-warning:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125)
}

.btn-warning:focus {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    outline: none
}

.btn-warning:hover {
    color: #fff;
    border: 1px solid #ffa200;
    background-color: #ffa200
}

.btn-danger:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125)
}

.btn-danger:focus {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    outline: none
}

.btn-danger {
    color: #fff;
    border: 1px solid #F36B39;
    background-color: #F36B39
}

.btn-danger:hover {
    color: #fff;
    border: 1px solid #f25721;
    background-color: #f25721
}

.btn-link {
    color: #1caf9a;
    text-shadow: none;
    border: none
}

.btn-link:hover {
    color: #039
}

.btn-lg {
    font-size: 14px;
    padding: 12px 20px;
    height: 40px;
    line-height: 16px
}

.btn-sm {
    font-size: 12px;
    padding: 4px 12px;
    height: 24px;
    line-height: 14px
}

.btn-xs {
    font-size: 12px;
    padding: 2px 8px;
    height: 20px;
    line-height: 14px
}

.btn.disabled, .btn[disabled] {
    text-shadow: none;
    filter: none;
    opacity: 1;
    color: #bbb;
    border: 1px solid #ddd;
    background-color: #f7f7f7
}

.btn.disabled:active, .btn[disabled]:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125)
}

.btn.disabled:focus, .btn[disabled]:focus {
    color: #bbb;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    outline: none
}

.btn.disabled:hover, .btn[disabled]:hover {
    color: #bbb;
    border: 1px solid #ddd;
    background-color: #f7f7f7
}

.btn.btn-link.disabled, .btn.btn-link[disabled] {
    border: none;
    background: transparent none
}

.btn.btn-primary.disabled, .btn.btn-primary[disabled] {
    color: #EEE;
    text-shadow: none;
    filter: none;
    opacity: 1;
    color: #fff;
    border: 1px solid #ccc;
    background-color: #ccc
}

.btn.btn-primary.disabled:active, .btn.btn-primary[disabled]:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125)
}

.btn.btn-primary.disabled:focus, .btn.btn-primary[disabled]:focus {
    color: #fff;
    border: 1px solid #ccc;
    background-color: #ccc;
    outline: none
}

.btn.btn-primary.disabled:hover, .btn.btn-primary[disabled]:hover {
    color: #fff;
    border: 1px solid #ccc;
    background-color: #ccc
}

.btn-default-active, .btn-default-active:hover, .btn-default-active:focus {
    border: 1px solid #485260;
    background-color: #525d6d;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #525d6d), color-stop(100%, #525d6d));
    background: -webkit-linear-gradient(top, #525d6d, #525d6d);
    background: -moz-linear-gradient(top, #525d6d, #525d6d);
    background: -o-linear-gradient(top, #525d6d, #525d6d);
    background: linear-gradient(top, #525d6d, #525d6d);
    color: #FFFFFF;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3)
}

.btn-toinstlist {
    border: 1px solid #BBB;
    color: #666;
    text-shadow: none;
    vertical-align: middle;
    margin-top: 7px
}

.btn-toinstlist .icon-toinstlist {
    width: 12px;
    height: 12px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background: url(images/toinstlist.png) center 1px no-repeat
}

.console-sub-title + .table {
    margin-top: 0px
}

.table-header {
    border: 1px solid #e1e6eb;
    width: 100%;
    z-index: 1;
    margin-bottom: -1px;
    padding: 8px;
    line-height: 32px;
    display: table
}

.table-header + .table {
    margin-top: 0px
}

.table {
    margin-top: 8px;
}

.table thead tr th {
    padding: 8px 8px;
    font-weight: normal;
    color: #ccc;
    font-size: 12px;
    border-bottom: 1px solid #555;
    background-color: #555;
}

.table-default thead tr th {
    padding: 8px 8px;
    font-weight: normal;
    color: #fff;
    font-size: 12px;
    border-bottom: 1px solid #1caf9a;
    background-color: #1caf9a;
}

.table thead tr th a.dropdown-toggle {
    color: #999
}

.table thead tr th .dropdown.open a {
    color: #333
}

.table tbody tr td {
    padding: 6px 4px;
    border-top: 0px;
    font-size: 12px;
    border-bottom: 1px solid #e1e6eb;
    vertical-align: middle
}

.table tbody tr td p {
    margin-bottom: 0px
}

.table tfoot tr td {
    padding: 12px 8px;
    background: #eee;
    border: 0 !important;
    vertical-align: middle
}

.table .text-right .dropdown-menu {
    text-align: left;
    left: auto;
    right: 0px
}

.table-hover tbody tr:hover td {
    background-color: #F9F9FA
}

.pagination {
    margin: 0px;
    vertical-align: middle;
    border-radius: 0px
}

.pagination li a, .pagination li span {
    height: 32px;
    line-height: 20px;
    color: #333;
    cursor: pointer;
    border-color: #CCC
}

.pagination li a:hover {
    color: #FFF;
    background-color: #1b926c;
    border-color: #1b926c
}

.pagination li span {
    color: #999
}

.pagination li span:hover {
    background: none
}

.pagination li:first-child > a, .pagination li:first-child > span {
    border-radius: 0px
}

.pagination li:last-child > a, .pagination li:last-child > span {
    border-radius: 0px
}

.pagination li.active a, .pagination li.active span {
    background-color: #1caf9a;
    border: 1px solid #1caf9a
}

.pagination li.active a:hover, .pagination li.active span:hover {
    background-color: #1b926c;
    border: 1px solid #1b926c
}

.pagination-info {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 0px 16px;
    color: #888
}

.form-group {
    margin-top: 8px;
    margin-bottom: 16px
}

.help-block {
    margin: 4px 0px
}

.form-control {
    height: 30px;
    line-height: 30px;
    border-radius: 0px;
    padding: 6px;
    -webkit-transition: none;
    transition: none;
    font-size: 12px
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control[size], .form-control[cols], .form-control.autosize {
    width: auto
}

.form-control.inline {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

select {
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
    color: #090
}

.has-success .form-control, input.ng-valid.ng-dirty, textarea.ng-valid.ng-dirty {
    border-color: #090
}

.has-success .form-control:focus, input.ng-valid.ng-dirty:focus, textarea.ng-valid.ng-dirty:focus {
    border-color: #2A0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
    color: #F90
}

.has-warning .form-control {
    border-color: #F90
}

.has-warning .form-control:focus {
    border-color: #FA0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #E40
}

.has-error .form-control, input.ng-invalid.ng-dirty, textarea.ng-invalid.ng-dirty {
    border-color: #E40
}

.has-error .form-control:focus, input.ng-invalid.ng-dirty:focus, textarea.ng-invalid.ng-dirty:focus {
    border-color: #F30;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    color: #999
}

label.control-label {
    font-weight: normal;
    font-size: 12px;
    color: #666
}

.form-inline .form-group {
    margin: 4px 8px 4px 0px
}

.form-inline .form-control {
    width: auto
}

.form-inline .input-group-btn {
    width: auto
}

select.input-lg, .input-lg {
    height: 40px
}

select.input-sm, .input-sm {
    height: 24px
}

.console-onoff {
    vertical-align: middle;
    width: 50px;
    height: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-image: url("images/on-off.png");
    background-image: -webkit-image-set(url("images/on-off.png") 1x, url("images/on-off@2x.png") 2x);
    background-image: -moz-image-set(url("images/onoff.png") 1x, url("images/onoff@2x.png") 2x);
    background-image: -o-image-set(url("images/onoff.png") 1x, url("images/onoff@2x.png") 2x);
    background-image: -ms-image-set(url("images/onoff.png") 1x, url("images/onoff@2x.png") 2x);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    cursor: pointer
}

.console-onoff .onoff-handle {
    display: block;
    width: 50px;
    height: 20px;
    -webkit-transition: background-position 0.2s ease;
    -moz-transition: background-position 0.2s ease;
    -o-transition: background-position 0.2s ease;
    transition: background-position 0.2s ease;
    background-image: url("images/on-off.png");
    background-image: -webkit-image-set(url("images/on-off.png") 1x, url("images/on-off@2x.png") 2x);
    background-image: -moz-image-set(url("images/onoff.png") 1x, url("images/onoff@2x.png") 2x);
    background-image: -o-image-set(url("images/onoff.png") 1x, url("images/onoff@2x.png") 2x);
    background-image: -ms-image-set(url("images/onoff.png") 1x, url("images/onoff@2x.png") 2x);
    background-repeat: no-repeat;
    background-position: 0px 0px
}

.console-onoff .onoff-loading {
    display: block;
    width: 50px;
    height: 20px;
    -webkit-transition: background-position 0.2s ease;
    -moz-transition: background-position 0.2s ease;
    -o-transition: background-position 0.2s ease;
    transition: background-position 0.2s ease;
    background-image: url("images/on-off-loading.gif");
    background-image: -webkit-image-set(url("images/on-off-loading.gif") 1x, url("images/on-off-loading@2x.gif") 2x);
    background-image: -moz-image-set(url("images/on-off-loading.gif") 1x, url("images/on-off-loading@2x.gif") 2x);
    background-image: -o-image-set(url("images/on-off-loading.gif") 1x, url("images/on-off-loading@2x.gif") 2x);
    background-image: -ms-image-set(url("images/on-off-loading.gif") 1x, url("images/on-off-loading@2x.gif") 2x);
    background-repeat: no-repeat;
    background-position: 0px 0px
}

.console-onoff-on {
    background-position: 0px -40px
}

.console-onoff-on .onoff-handle {
    background-position: 0px 0px
}

.console-onoff-on .onoff-loading {
    background-position: 32px 4px
}

.console-onoff-off {
    background-position: 0px -60px
}

.console-onoff-off .onoff-handle {
    background-position: -28px 0px
}

.console-onoff-off .onoff-loading {
    background-position: 4px 4px
}

.console-onoff[disabled="disabled"] {
    cursor: not-allowed;
    background-position: 0px -80px
}

.console-onoff[disabled="disabled"] .onoff-loading {
    display: none
}

.console-onoff-on[disabled="disabled"] .onoff-handle {
    background-position: 0px -20px
}

.console-onoff-off[disabled="disabled"] .onoff-handle {
    background-position: -28px -20px
}

.console-number-spinner {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    vertical-align: middle
}

.console-number-spinner .form-control {
    width: auto;
    float: left;
    text-indent: -16px
}

.console-number-spinner .console-number-spinner-action {
    width: 14px;
    height: 30px;
    float: left;
    margin-left: -16px;
    border-left: 1px solid #E3E3E3;
    margin-top: 1px
}

.console-number-spinner .console-number-spinner-action button {
    width: 14px;
    height: 15px;
    overflow: hidden;
    line-height: 16px;
    font-size: 12px;
    border: 0px;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    display: block;
    color: #999;
    text-align: center;
    outline: 0px
}

.console-number-spinner .console-number-spinner-action button:hover {
    color: #1caf9a
}

.console-number-spinner .console-number-spinner-action button[disabled] {
    color: #999
}

.console-number-spinner .console-number-spinner-action .console-number-spinner-down {
    border-top: 1px solid #E3E3E3
}

.console-timepicker {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    vertical-align: middle
}

.console-datepicker {
    padding: 8px
}

.console-datepicker thead .h6 th {
    padding-top: 8px
}

.console-datepicker tbody tr:first-child td {
    padding-top: 8px
}

.console-datepicker tbody .btn {
    border: 0px !important
}

.console-datepicker tbody .btn:hover {
    background: #F3F3F3
}

.console-datepicker tbody .btn-default {
    background: transparent
}

.console-datepicker tbody .active, .console-datepicker tbody .active:hover, .console-datepicker tbody .active span {
    background: #3C0;
    color: #FFF
}

.console-datepicker tbody .btn[disabled="disabled"] .btn[disabled="disabled"] span {
    color: #CCC
}

.console-datepicker em {
    font-size: 12px;
    color: #ACD
}

.lufax-console-topbar {
    position: relative;
    z-index: 100;
    clear: both;
    height: 50px;
    font-size: 12px;
    min-width: 1200px
}

.lufax-console-topbar a {
    text-decoration: none
}

.lufax-console-topbar .icon-arrow-down {
    display: inline-block;
    width: 18px;
    text-align: center;
    vertical-align: middle;
    transition: transform 0.2s, vertical-align 0.2s;
    -o-transition: transform 0.2s, vertical-align 0.2s;
    -ms-transition: transform 0.2s, vertical-align 0.2s;
    -moz-transition: transform 0.2s, vertical-align 0.2s;
    -webkit-transition: transform 0.2s, vertical-align 0.2s
}

.lufax-console-topbar .dropdown .dropdown-menu {
    z-index: 9999;
    margin: 0 !important;
    font-size: 12px;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3)
}

.lufax-console-topbar .dropdown .dropdown-menu a {
    padding: 0
}

.lufax-console-topbar .dropdown.open .icon-arrow-down {
    vertical-align: text-top;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.lufax-console-topbar .topbar-wrap, .lufax-console-topbar .topbar-logo, .lufax-console-topbar .topbar-home, .lufax-console-topbar .topbar-nav, .lufax-console-topbar .topbar-info {
    height: 100%
}

.lufax-console-topbar .topbar-left {
    float: left
}

.lufax-console-topbar .topbar-right {
    float: right
}

.lufax-console-topbar .topbar-clearfix:before, .lufax-console-topbar .topbar-clearfix:after {
    display: table;
    content: " "
}

.lufax-console-topbar .topbar-clearfix:after {
    clear: both
}

.lufax-console-topbar .topbar-head {
    height: 50px
}

.lufax-console-topbar .topbar-logo, .lufax-console-topbar .topbar-home {
    display: block;
    width: 50px;
    background: #1caf9a;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    line-height: 50px
}

.lufax-console-topbar .topbar-logo span, .lufax-console-topbar .topbar-home span {
    line-height: 50px
}

.lufax-console-topbar .topbar-logo {
    width: 200px !important;
    height: 50px !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 80%;
}

.lufax-console-topbar .topbar-home {
    margin-right: 1px;
    font-size: 20px
}

.lufax-console-topbar .topbar-home:hover {
    background: #1b926c
}

.lufax-console-topbar .topbar-home {
    -o-transition: all 0.15s, 0.15s;
    -ms-transition: all 0.15s, 0.15s;
    -moz-transition: all 0.15s, 0.15s;
    -webkit-transition: all 0.15s, 0.15s
}

.lufax-console-topbar .topbar-btn {
    color: #fff;
    font-size: 14px;
    line-height: 50px;
    font-weight: bold;
}

.lufax-console-topbar .topbar-btn:hover {
    background: #1b926c
}

.lufax-console-topbar .topbar-nav.open .topbar-nav-btn {
    background: #fff;
    color: #333;
    font-weight: bold;
}

.lufax-console-topbar .topbar-nav-btn {
    padding: 0 20px;
    display: inline-block;
    height: 50px
}

.lufax-console-topbar .topbar-nav-list {
    border: none;
    padding: 10px;
    margin-top: 0;
    white-space: nowrap;
}

.lufax-console-topbar .topbar-nav-list .topbar-nav-item ul li {
    min-width: 160px;
    height: 28px;
    line-height: 28px;
    margin-bottom: 2px;
}

.lufax-console-topbar .topbar-nav-list .topbar-nav-item ul li a {
    display: block;
    height: 100%;
    padding: 0 10px;
    text-decoration: none;
    color: #555;
}

.lufax-console-topbar .topbar-nav-list .topbar-nav-item ul li a:hover {
    background-color: #1d9d74;
    color: #fff;
}

.lufax-console-topbar .topbar-nav-list .topbar-nav-item ul li a .topbar-nav-item-icon {
    padding-right: 3px;
    font-size: 14px;
    vertical-align: text-bottom;
}

.lufax-console-topbar .topbar-nav-list .topbar-nav-item ul li.topbar-unservice a {
    color: #999
}

.lufax-console-topbar .topbar-nav-list .topbar-nav-item ul li.topbar-unservice a .topbar-nav-item-icon {
    color: #999
}

.lufax-console-topbar .topbar-nav-list .topbar-nav-col {
    display: block;
    float: left;
    vertical-align: top;
    padding: 0 10px;
}

.lufax-console-topbar .topbar-nav-list .topbar-nav-col p {
    padding: 0;
    margin: 0;
}

.lufax-console-topbar .topbar-nav-list .topbar-nav-item .topbar-nav-item-title {
    margin: 3px 0px;
    color: #999;
    font-weight: 600;
}

.lufax-console-topbar .topbar-nav-list .topbar-nav-item .topbar-nav-item-title i {
    line-height: 30px;
    display: none;
}

.lufax-console-topbar .topbar-nav-list .topbar-nav-item .topbar-nav-item-title a {
    color: #000;
    cursor: pointer;
    font-size: 14px;
}

.lufax-console-topbar .topbar-info {
    background: #1b926c
}

.lufax-console-topbar .topbar-info .topbar-btn {
    padding: 0 10px;
    height: 50px;
    display: block;
    z-index: 2;
    background: #1caf9a
}

.lufax-console-topbar .topbar-info .topbar-btn:hover {
    background: #1b926c
}

.lufax-console-topbar .topbar-info .topbar-btn.open {
    position: relative
}

.lufax-console-topbar .topbar-info .topbar-btn-search {
    padding: 0
}

.lufax-console-topbar .topbar-info .topbar-info-gap {
    color: #fff
}

.lufax-console-topbar .topbar-info .dropdown .dropdown-menu {
    z-index: 9999;
    font-size: 12px;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.lufax-console-topbar .topbar-info .dropdown.open .topbar-btn {
    color: #333;
    background: #fff;
    border-bottom: 1px solid #eaedf1;
    position: relative
}

.lufax-console-topbar .topbar-info .topbar-info-btn {
    height: 40px;
    border-bottom: 1px solid #eaedf1
}

.lufax-console-topbar .topbar-info .topbar-info-btn a {
    line-height: 40px;
    padding-left: 10px
}

.lufax-console-topbar .topbar-info-item {
    display: inline-block;
    margin-left: 1px
}

.lufax-console-topbar .topbar-notice {
    position: relative;
    font-size: 12px;
    margin-left: 1px;
    padding: 0 12px 0 8px !important
}

.lufax-console-topbar .topbar-notice .topbar-notice-panel {
    display: none
}

.lufax-console-topbar .topbar-notice.open .topbar-notice-panel {
    display: block
}

.lufax-console-topbar .topbar-notice .topbar-notice-panel {
    position: absolute;
    top: 48px;
    left: -185px;
    width: 440px;
    border-radius: 2px;
    z-index: 15;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175)
}

.lufax-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-arrow {
    background: url(images/notice-arrow.png) 0 0 no-repeat;
    width: 11px;
    height: 6px;
    position: absolute;
    top: -6px;
    left: 220px
}

.lufax-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-head {
    height: 50px;
    background-color: #eaedf1;
    padding: 0 15px;
    line-height: 50px;
    color: #333;
    font-size: 14px
}

.lufax-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body {
    height: 300px;
    overflow-y: auto;
    background: #fff;
    font-size: 12px
}

.lufax-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.lufax-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li {
    height: 60px;
    line-height: 20px;
    border-bottom: 1px solid #eaedf1
}

.lufax-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li a {
    display: block;
    height: 100%;
    padding: 10px 10px;
    background: #fff;
    color: #333
}

.lufax-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li a .topbar-notice-link {
    display: block;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #06c
}

.lufax-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li a:hover {
    background: #f0f0f0
}

.lufax-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li.topbar-notice-readed a {
    color: #666
}

.lufax-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li.topbar-notice-readed a .topbar-notice-time {
    color: #999
}

.lufax-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body .topbar-notice-empty {
    text-align: center;
    color: #666;
    margin-top: 80px
}

.lufax-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-foot {
    height: 50px;
    line-height: 50px;
    background: #fff;
    text-align: center
}

.lufax-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-class {
    padding: 8px 0;
    float: right
}

.lufax-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-class .topbar-notice-class-name {
    display: block;
    height: 24px;
    line-height: 24px;
    width: 66px;
    background: #eaedf1;
    text-align: center;
    border-radius: 3px
}

.lufax-console-topbar .topbar-btn-notice {
    width: auto;
    display: block;
    height: 50px
}

.lufax-console-topbar .topbar-btn-notice .topbar-btn-notice-icon {
    font-size: 24px;
    line-height: 50px;
    vertical-align: text-bottom;
    color: #fff
}

.lufax-console-topbar .topbar-btn-notice .topbar-btn-notice-num {
    font-size: 12px;
    color: #fff;
    background: #f35958;
    border-radius: 5px;
    padding: 2px 6px;
    display: inline-block;
    margin-top: 15px;
    line-height: 16px;
    vertical-align: top;
    text-align: center
}

.lufax-console-topbar .topbar-btn-notice .topbar-btn-notice-num.topbar-btn-notice-num-zero {
    color: #fff;
    background-color: #1caf9a
}

.lufax-console-topbar .topbar-btn-notice .topbar-nav-item-short {
    padding-left: 2px
}

.lufax-console-topbar-search {
    position: relative;
    z-index: 1
}

.lufax-console-topbar-search:hover {
    background: #1b926c
}

.lufax-console-topbar-search:hover .topbar-search-ask {
    background: #1b926c
}

.lufax-console-topbar-search .topbar-search-ask {
    width: 200px;
    height: 50px;
    border: 0;
    background: #1caf9a;
    line-height: 26px;
    padding: 12px 30px 12px 10px;
    display: block;
    color: #fff;
    -webkit-border-radius: 1px 1px;
    -moz-border-radius: 1px / 1px;
    border-radius: 1px / 1px;
    -o-transition: all 0.15s, 0.15s;
    -ms-transition: all 0.15s, 0.15s;
    -moz-transition: all 0.15s, 0.15s;
    -webkit-transition: all 0.15s, 0.15s
}

.lufax-console-topbar-search .topbar-search-ask:focus {
    outline: none
}

.lufax-console-topbar-search .topbar-search-ask-shade {
    color: #00ace9
}

.lufax-console-topbar-search .topbar-search-mark {
    font-size: 16px;
    line-height: 50px;
    position: absolute;
    height: 50px;
    width: 40px;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    top: 0;
    right: 0
}

.lufax-console-topbar-search .topbar-search-mark .icon-search, .lufax-console-topbar-search .topbar-search-mark .icon-enter {
    line-height: 50px
}

.lufax-console-topbar-search.topbar-search-active {
    background: #1b926c
}

.lufax-console-topbar-search.topbar-search-active .topbar-search-ask {
    background: #1b926c
}

.lufax-console-topbar-search.topbar-search-active .topbar-search-ask-shade {
    color: #fff
}

.console-topbar-new {
    position: relative;
    z-index: 100;
    clear: both;
    height: 40px;
    background: #34383c;
    font-size: 12px;
    min-width: 1000px
}

.console-topbar-new .console-topbar-btn {
    width: 50px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1px;
    background-color: #2a2e31;
    text-decoration: none;
    text-align: center;
    color: #fff;
    line-height: 40px;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.console-topbar-new .console-topbar-btn .console-topbar-btn-text {
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    display: none
}

.console-topbar-new .console-topbar-btn .console-topbar-btn-icon {
    font-size: 22px;
    display: inline;
    line-height: 40px;
    color: #fff
}

.console-topbar-new .console-topbar-btn .caret {
    -o-transition: -o-transform 0.3s;
    -ms-transition: -ms-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s
}

.console-topbar-new .console-topbar-btn:hover {
    width: auto
}

.console-topbar-new .console-topbar-btn:hover.console-topbar-btn-inverse, .console-topbar-new .console-topbar-btn:hover.console-topbar-btn-inverse-white {
    background-color: #585e65;
    color: #fff
}

.console-topbar-new .console-topbar-btn:hover .console-topbar-btn-text {
    display: inline
}

.console-topbar-new .console-topbar-btn:hover .console-topbar-btn-icon {
    display: none;
    vertical-align: text-bottom
}

.console-topbar-new .console-topbar-btn:hover.console-topbar-btn-home {
    width: 106px
}

.console-topbar-new .console-topbar-btn:hover.console-topbar-btn-nav {
    width: 120px
}

.console-topbar-new .console-topbar-btn:hover.console-topbar-btn-ak {
    width: 104px
}

.console-topbar-new .console-topbar-btn:hover.console-topbar-btn-workorder {
    width: 94px
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-last {
    margin-right: 0
}

.console-topbar-new .console-topbar-btn.console-topbar-logo-icon {
    -o-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    color: #2a2e31
}

.console-topbar-new .console-topbar-btn.console-topbar-logo-icon img {
    width: 22px;
    height: 22px;
    display: block;
    margin: 9px 14px
}

.console-topbar-new .console-topbar-btn.console-topbar-nav-link {
    font-size: 12px;
    width: auto;
    padding: 0 15px
}

.console-topbar-new .console-topbar-btn.console-topbar-nav-link .console-topbar-nav-link-icon {
    width: 16px;
    height: 19px;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    margin-right: 4px;
    overflow: hidden;
    font-size: 16px
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-user {
    width: auto
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-user .console-topbar-btn-text {
    display: inline;
    padding: 0 15px
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-notice {
    width: auto;
    padding: 0 10px
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-notice .console-topbar-btn-notice-icon {
    font-size: 24px;
    line-height: 40px;
    vertical-align: text-bottom
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-notice .console-topbar-btn-notice-num {
    font-size: 12px;
    color: #fff;
    background: #ff9900;
    border-radius: 5px;
    padding: 2px 1px;
    width: 20px;
    display: inline-block;
    margin-top: 10px;
    line-height: 16px;
    vertical-align: top
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-notice .console-topbar-btn-notice-num.console-topbar-btn-notice-num-zero {
    color: #999;
    background-color: #34383c
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-notice .console-topbar-nav-item-short {
    padding-left: 2px
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-ak {
    overflow: hidden
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-nav {
    overflow: hidden;
    position: relative;
    z-index: 2
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list {
    border: 1px solid #ddd;
    border-top: none;
    padding: 10px;
    margin-top: 0;
    margin-left: -1px
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-col {
    float: left;
    padding: 0 10px
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item .console-topbar-nav-item-title {
    margin: 3px 0px;
    color: #999;
    font-weight: 600
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item .console-topbar-nav-gap {
    border-top: 1px solid #f2f2f2;
    width: 100%;
    margin: 10px 0
}

.lufax-console-topbar .topbar-nav-list .topbar-nav-item .topbar-nav-gap {
    border-top: 1px solid #f2f2f2;
    width: 100%;
    margin: 6px 0 10px;
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul {
    padding: 0;
    margin: 10px 0 0 0;
    list-style: none
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li {
    width: 170px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a {
    display: block;
    height: 100%;
    padding-left: 10px;
    text-decoration: none;
    color: #333
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a:hover {
    background-color: #f2f2f2
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon {
    padding-right: 2px;
    font-size: 16px;
    vertical-align: text-bottom
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ecs {
    color: #007eff
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-slb {
    color: #f27741
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-rds {
    color: #20f8b8
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-oss {
    color: #ade675
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-cdn {
    color: #bff3fe
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ots {
    color: #15d4f0
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ocs {
    color: #40ff8f
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-odps {
    color: #ffba00
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ace {
    color: #c8341c
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-yundun {
    color: #298edb
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-yunjiankong {
    color: #86f2af
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-sls {
    color: #075ac0
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-oas {
    color: #79df71
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ess {
    color: #0cf
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-mqs {
    color: #fff400
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-vpc {
    color: #6cf
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-opensearch {
    color: #5bc8e8
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-lightcloud {
    color: #6bbd52
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-pts {
    color: #009dff
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ons {
    color: #6b3100
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-dpc {
    color: #289de9
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ads {
    color: #71ceec
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-mts {
    color: #f93
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-drds {
    color: #6f9
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li.console-topbar-unservice a {
    color: #999
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li.console-topbar-unservice a .console-topbar-nav-item-icon {
    color: #999
}

.console-topbar-new .dropdown .dropdown-menu {
    z-index: 1;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.175);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.175)
}

.console-topbar-new .dropdown.open .console-topbar-btn.console-topbar-btn-inverse {
    background-color: #585e65;
    color: #fff
}

.console-topbar-new .dropdown.open .console-topbar-btn.console-topbar-btn-inverse-white {
    background-color: #fff;
    color: #333
}

.console-topbar-new .dropdown.open .console-topbar-btn .console-topbar-btn-text {
    display: inline
}

.console-topbar-new .dropdown.open .console-topbar-btn .console-topbar-btn-icon {
    display: none;
    vertical-align: text-bottom
}

.console-topbar-new .dropdown.open .console-topbar-btn:hover.console-topbar-btn-inverse-white {
    background-color: #fff !important;
    color: #333 !important
}

.console-topbar-new .dropdown.open .console-topbar-btn.console-topbar-btn-nav {
    width: 120px
}

.console-topbar-new .dropdown.open .console-topbar-btn.console-topbar-btn-workorder {
    width: 94px
}

.console-topbar-new .dropdown.open .console-topbar-btn .caret {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.console-topbar-new .console-topbar-user .dropdown-menu, .console-topbar-new .console-topbar-dropdown .dropdown-menu {
    margin-top: -1px
}

.console-topbar-new .console-topbar-user .dropdown-menu > li a, .console-topbar-new .console-topbar-dropdown .dropdown-menu > li a {
    padding: 6px 20px
}

.console-topbar-new .console-topbar-workorder .dropdown-menu {
    min-width: 96px
}

.console-topbar-new .console-topbar-workorder .dropdown-menu > li a {
    padding: 6px 24px 6px 16px
}

.console-topbar-new .console-topbar-notice {
    position: relative
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel {
    display: none
}

.console-topbar-new .console-topbar-notice.open .console-topbar-notice-panel {
    display: block
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel {
    position: absolute;
    top: 38px;
    left: -170px;
    width: 390px;
    border: 1px solid #bbb;
    border-radius: 2px;
    z-index: 15;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175)
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-arrow {
    background: url(images/notice-arrow.png) 0 0 no-repeat;
    width: 11px;
    height: 6px;
    position: absolute;
    top: -6px;
    left: 196px
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-head {
    height: 40px;
    border-bottom: 1px solid #ccc;
    background-color: #f2f2f2;
    padding: 0 15px;
    line-height: 40px;
    color: #333;
    font-size: 14px
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body {
    height: 240px;
    overflow-y: auto;
    background: #fff
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul {
    list-style: none;
    margin: 0 5px;
    padding: 0
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ececec
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a {
    display: block;
    height: 100%;
    padding: 0 10px;
    background: #fff
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a span {
    display: block
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a .console-topbar-notice-link {
    float: left;
    max-width: 272px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a .console-topbar-notice-time {
    float: right;
    color: #333
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a:hover {
    background: #f0f0f0
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li.console-topbar-notice-readed a {
    color: #666
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li.console-topbar-notice-readed a .console-topbar-notice-time {
    color: #999
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body .console-topbar-notice-empty {
    text-align: center;
    color: #666;
    margin-top: 80px
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-foot {
    height: 48px;
    line-height: 48px;
    background: #fff
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-foot .console-topbar-notice-more {
    padding-right: 15px
}

.console-topbar-new .console-topbar-locale {
    float: left
}

.console-topbar-new .console-topbar-locale .dropdown-menu {
    right: 0;
    left: auto;
    margin-top: -1px;
    width: 50px;
    min-width: 60px
}

.console-topbar-new .console-topbar-locale .console-topbar-btn.console-topbar-btn-locale {
    width: 60px;
    background: none
}

.console-topbar-new .console-topbar-locale .console-topbar-btn.console-topbar-btn-locale .console-topbar-btn-text {
    display: block
}

.console-topbar-new.console-topbar-new-en .console-topbar-btn:hover.console-topbar-btn-home {
    width: 116px
}

.console-topbar-new.console-topbar-new-en .console-topbar-btn:hover.console-topbar-btn-nav {
    width: 170px
}

.console-topbar-new.console-topbar-new-en .console-topbar-btn:hover.console-topbar-btn-workorder {
    width: 146px
}

.console-topbar-new.console-topbar-new-en .console-topbar-nav .console-topbar-nav-item ul li {
    width: auto !important
}

.console-topbar-new.console-topbar-new-en .console-topbar-nav .console-topbar-nav-item ul li a {
    padding: 0 10px
}

.console-topbar-new.console-topbar-new-en .dropdown.open .console-topbar-btn.console-topbar-btn-nav {
    width: 170px
}

.console-topbar-new.console-topbar-new-en .dropdown.open .console-topbar-btn.console-topbar-btn-workorder {
    width: 146px
}

.console-navbar {
    font-size: 12px;
    color: #666666;
    word-wrap: break-word;
    height: 56px;
    border: none;
    border-bottom: 1px solid #dddddd;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    box-sizing: content-box;
    margin-bottom: 0px;
    background-color: #fff;
    border-radius: 0 !important;
    z-index: 2
}

.console-navbar * {
    box-sizing: content-box
}

.console-navbar a {
    color: #333
}

.console-navbar .console-navbar-title {
    float: left;
    line-height: 56px;
    padding: 0 40px 0 14px;
    font-size: 18px;
    color: #999999
}

.console-navbar .console-navbar-title .console-navbar-subtitle {
    margin-right: 5px
}

.console-navbar .nav li {
    float: left;
    display: inline;
    margin: 0 20px;
    height: 56px;
    font-size: 14px
}

.console-navbar .nav li a {
    padding: 0 2px;
    float: left;
    height: 55px;
    color: #333333;
    line-height: 56px;
    text-decoration: none
}

.console-navbar .nav li a:hover, .console-navbar .nav li a:focus {
    background-color: #fff
}

.console-navbar .nav li.active {
    height: 55px
}

.console-navbar .nav li.active a {
    color: #ff4902;
    border-bottom: 2px solid #ff4902
}

.console-navbar .console-navbar-a-default {
    cursor: default
}

.console-navbar .console-navbar-links-example {
    margin-top: 15px;
    padding: 0 15px 0;
    line-height: 24px;
    border-left: 1px solid #eeeeee
}

.console-navbar .console-navbar-links-example a {
    color: #b3b3b3
}

.console-title-border {
    border-bottom: 1px dotted #ccc;
}

.console-title {
    height: 60px;
    line-height: 40px;
}

.console-box-border {
    border: 1px solid #E1E6EB
}

.margin-left, .margin-left-1 {
    margin-left: 8px !important
}

.margin-left-2 {
    margin-left: 16px !important
}

.margin-left-3 {
    margin-left: 24px !important
}

.margin-left-4 {
    margin-left: 32px !important
}

.margin-right, .margin-right-1 {
    margin-right: 8px !important
}

.margin-right-2 {
    margin-right: 16px !important
}

.margin-right-3 {
    margin-right: 24px !important
}

.margin-right-4 {
    margin-right: 32px !important
}

.margin-top, .margin-top-1 {
    margin-top: 8px !important
}

.margin-top-2 {
    margin-top: 16px !important
}

.margin-top-3 {
    margin-top: 24px !important
}

.margin-bottom, .margin-bottom-1 {
    margin-bottom: 8px !important
}

.margin-bottom-2 {
    margin-bottom: 16px !important
}

.margin-bottom-3 {
    margin-bottom: 24px !important
}

.margin-bottom-4 {
    margin-bottom: 32px !important
}

.row-padding-1 {
    padding-top: 8px;
    padding-bottom: 8px
}

.row-padding, .row-padding-2 {
    padding-top: 16px;
    padding-bottom: 16px
}

.row-padding-3 {
    padding-top: 24px;
    padding-bottom: 24px
}

.row-padding-4 {
    padding-top: 32px;
    padding-bottom: 32px
}

.row-margin-1 {
    margin-top: 8px;
    margin-bottom: 8px
}

.row-margin, .row-margin-2 {
    margin-top: 16px;
    margin-bottom: 16px
}

.row-margin-3 {
    margin-top: 24px;
    margin-bottom: 24px
}

.row-margin-4 {
    margin-top: 32px;
    margin-bottom: 32px
}

.col-padding-1 {
    padding-left: 8px;
    padding-right: 8px
}

.col-padding, .col-padding-2 {
    padding-left: 16px;
    padding-right: 16px
}

.col-padding-3 {
    padding-left: 24px;
    padding-right: 24px
}

.col-padding-4 {
    padding-left: 32px;
    padding-right: 32px
}

.col-margin-1 {
    margin-left: 8px;
    margin-right: 8px
}

.col-margin, .col-margin-2 {
    margin-left: 16px;
    margin-right: 16px
}

.col-margin-3 {
    margin-left: 24px;
    margin-right: 24px
}

.col-margin-4 {
    margin-left: 32px;
    margin-right: 32px
}

.inline-block {
    display: inline-block !important;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

.partition {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 0px 4px
}

.no-data {
    padding: 24px 0px;
    text-align: center;
    color: #666
}

@font-face {
    font-family: 'lufax-console-font';
    src: url("fonts/lufax-console-font.eot?lm9ouq");
    src: url("fonts/lufax-console-font.eot?#iefixlm9ouq") format("embedded-opentype"), url("fonts/lufax-console-font.woff?lm9ouq") format("woff"), url("fonts/lufax-console-font.ttf?lm9ouq") format("truetype"), url("fonts/lufax-console-font.svg?lm9ouq#lufax-console-font") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'lufax-console-font' 'Glyphicons Halflings';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-new:before {
    content: "\e6fc"
}

.icon-collapse-right:before {
    content: "\e6fb"
}

.icon-collapse-left:before {
    content: "\e6fa"
}

.icon-aec:before {
    content: "\e6f3"
}

.icon-aic:before {
    content: "\e6f4"
}

.icon-mobile-2:before {
    content: "\e6f5"
}

.icon-amc:before {
    content: "\e6f6"
}

.icon-arc:before {
    content: "\e6f7"
}

.icon-game:before {
    content: "\e6f8"
}

.icon-iot:before {
    content: "\e6f9"
}

.icon-right:before {
    content: "\e6f2"
}

.icon-afc:before {
    content: "\e6f0"
}

.icon-specs:before {
    content: "\e6f1"
}

.icon-pen-2:before {
    content: "\e6c8"
}

.icon-key:before {
    content: "\e635"
}

.icon-bsn:before {
    content: "\e6ea"
}

.icon-cas-2:before {
    content: "\e6eb"
}

.icon-cas-3:before {
    content: "\e6ec"
}

.icon-cas:before {
    content: "\e6ed"
}

.icon-fenxiao:before {
    content: "\e6ee"
}

.icon-account-2:before {
    content: "\e6ef"
}

.icon-qiyeyouxiang-2:before {
    content: "\e6be"
}

.icon-qiyeyouxiang-3:before {
    content: "\e6bf"
}

.icon-qiyeyouxiang:before {
    content: "\e6c0"
}

.icon-yuming-2:before {
    content: "\e6d3"
}

.icon-yuming-3:before {
    content: "\e6df"
}

.icon-yuming:before {
    content: "\e6e0"
}

.icon-yumingyuwangzhan-2:before {
    content: "\e6e1"
}

.icon-yumingyuwangzhan-3:before {
    content: "\e6e2"
}

.icon-yumingyuwangzhan:before {
    content: "\e6e3"
}

.icon-yunjiexi-2:before {
    content: "\e6e4"
}

.icon-yunjiexi-3:before {
    content: "\e6e5"
}

.icon-yunjiexi:before {
    content: "\e6e6"
}

.icon-yunxunizhuji-2:before {
    content: "\e6e7"
}

.icon-yunxunizhuji-3:before {
    content: "\e6e8"
}

.icon-yunxunizhuji:before {
    content: "\e6e9"
}

.icon-api-3:before {
    content: "\e6d2"
}

.icon-api-2:before {
    content: "\e6d4"
}

.icon-api:before {
    content: "\e6d5"
}

.icon-dpa-2:before {
    content: "\e6d6"
}

.icon-dpa-3:before {
    content: "\e6d7"
}

.icon-dpa:before {
    content: "\e6d8"
}

.icon-lvwang-2:before {
    content: "\e6d9"
}

.icon-lvwang-3:before {
    content: "\e6da"
}

.icon-lvwang:before {
    content: "\e6db"
}

.icon-mas-2:before {
    content: "\e6dc"
}

.icon-mas-3:before {
    content: "\e6dd"
}

.icon-mas:before {
    content: "\e6de"
}

.icon-dts-2:before {
    content: "\e6cf"
}

.icon-dts-3:before {
    content: "\e6d0"
}

.icon-dts:before {
    content: "\e6d1"
}

.icon-android:before {
    content: "\e6c9"
}

.icon-cps-2:before {
    content: "\e6ca"
}

.icon-cps-3:before {
    content: "\e6cb"
}

.icon-cps:before {
    content: "\e6cc"
}

.icon-ios:before {
    content: "\e6cd"
}

.icon-vitality:before {
    content: "\e6ce"
}

.icon-dfs-2:before {
    content: "\e6bb"
}

.icon-dfs-3:before {
    content: "\e6bc"
}

.icon-dfs:before {
    content: "\e6bd"
}

.icon-edas-2:before {
    content: "\e6c1"
}

.icon-edas-3:before {
    content: "\e6c2"
}

.icon-edas:before {
    content: "\e6c3"
}

.icon-enter:before {
    content: "\e6c4"
}

.icon-usableCenter-2:before {
    content: "\e6c5"
}

.icon-usableCenter-3:before {
    content: "\e6c6"
}

.icon-usableCenter:before {
    content: "\e6c7"
}

.icon-ace-2:before {
    content: "\e600"
}

.icon-ace:before {
    content: "\e601"
}

.icon-add-1:before {
    content: "\e602"
}

.icon-add-2:before {
    content: "\e603"
}

.icon-add:before {
    content: "\e604"
}

.icon-ads-2:before {
    content: "\e605"
}

.icon-ads:before {
    content: "\e606"
}

.icon-amplify:before {
    content: "\e607"
}

.icon-arrow-down:before {
    content: "\e608"
}

.icon-arrow-left:before {
    content: "\e609"
}

.icon-arrow-right:before {
    content: "\e60a"
}

.icon-arrow-up:before {
    content: "\e60b"
}

.icon-backup:before {
    content: "\e60c"
}

.icon-bell:before {
    content: "\e60d"
}

.icon-buy:before {
    content: "\e60e"
}

.icon-calendar:before {
    content: "\e60f"
}

.icon-cdn-2:before {
    content: "\e610"
}

.icon-cdn:before {
    content: "\e611"
}

.icon-cdp:before {
    content: "\e612"
}

.icon-clock:before {
    content: "\e613"
}

.icon-cloudisk:before {
    content: "\e614"
}

.icon-cloudisk2:before {
    content: "\e615"
}

.icon-db-g:before {
    content: "\e616"
}

.icon-db-r:before {
    content: "\e617"
}

.icon-db-sign:before {
    content: "\e618"
}

.icon-db-t:before {
    content: "\e619"
}

.icon-db:before {
    content: "\e61a"
}

.icon-ddos-2:before {
    content: "\e61b"
}

.icon-ddos:before {
    content: "\e61c"
}

.icon-detail-2:before {
    content: "\e61d"
}

.icon-detail:before {
    content: "\e61e"
}

.icon-disk-image:before {
    content: "\e61f"
}

.icon-down:before {
    content: "\e620"
}

.icon-dpc-2:before {
    content: "\e621"
}

.icon-dpc:before {
    content: "\e622"
}

.icon-drds-2:before {
    content: "\e623"
}

.icon-drds:before {
    content: "\e624"
}

.icon-ecs-2:before {
    content: "\e625"
}

.icon-ecs:before {
    content: "\e626"
}

.icon-ess-2:before {
    content: "\e627"
}

.icon-ess:before {
    content: "\e628"
}

.icon-exec-snapshot-policy:before {
    content: "\e629"
}

.icon-goback:before {
    content: "\e62a"
}

.icon-graphs:before {
    content: "\e62b"
}

.icon-help-1:before {
    content: "\e62c"
}

.icon-help-2:before {
    content: "\e62d"
}

.icon-help:before {
    content: "\e62e"
}

.icon-home:before {
    content: "\e62f"
}

.icon-info-1:before {
    content: "\e630"
}

.icon-info-2:before {
    content: "\e631"
}

.icon-info:before {
    content: "\e632"
}

.icon-invite:before {
    content: "\e633"
}

.icon-jiankong-2:before {
    content: "\e634"
}

.icon-lightcloud-2:before {
    content: "\e636"
}

.icon-lightcloud:before {
    content: "\e637"
}

.icon-log:before {
    content: "\e638"
}

.icon-logo:before {
    content: "\e639"
}

.icon-logo1:before {
    content: "\e63a"
}

.icon-logo2:before {
    content: "\e63b"
}

.icon-menu:before {
    content: "\e63c"
}

.icon-mqs-2:before {
    content: "\e63d"
}

.icon-mqs:before {
    content: "\e63e"
}

.icon-mts:before {
    content: "\e63f"
}

.icon-narrow:before {
    content: "\e640"
}

.icon-no-1:before {
    content: "\e641"
}

.icon-no-2:before {
    content: "\e642"
}

.icon-no:before {
    content: "\e643"
}

.icon-oas-2:before {
    content: "\e644"
}

.icon-oas:before {
    content: "\e645"
}

.icon-ocs-2:before {
    content: "\e646"
}

.icon-ocs:before {
    content: "\e647"
}

.icon-odps-2:before {
    content: "\e648"
}

.icon-odps:before {
    content: "\e649"
}

.icon-ons-2:before {
    content: "\e64a"
}

.icon-ons:before {
    content: "\e64b"
}

.icon-opensearch-2:before {
    content: "\e64c"
}

.icon-opensearch:before {
    content: "\e64d"
}

.icon-oss-2:before {
    content: "\e64e"
}

.icon-oss:before {
    content: "\e64f"
}

.icon-ots-2:before {
    content: "\e650"
}

.icon-ots:before {
    content: "\e651"
}

.icon-pen:before {
    content: "\e652"
}

.icon-performance:before {
    content: "\e653"
}

.icon-pts-2:before {
    content: "\e654"
}

.icon-pts:before {
    content: "\e655"
}

.icon-ram-2:before {
    content: "\e656"
}

.icon-ram:before {
    content: "\e657"
}

.icon-rds-2:before {
    content: "\e658"
}

.icon-rds:before {
    content: "\e659"
}

.icon-regional:before {
    content: "\e65a"
}

.icon-remove-1:before {
    content: "\e65b"
}

.icon-remove-2:before {
    content: "\e65c"
}

.icon-remove:before {
    content: "\e65d"
}

.icon-renew-mgt:before {
    content: "\e65e"
}

.icon-safe-lock:before {
    content: "\e65f"
}

.icon-safetycontrol:before {
    content: "\e660"
}

.icon-search:before {
    content: "\e661"
}

.icon-setup:before {
    content: "\e662"
}

.icon-shift-in:before {
    content: "\e663"
}

.icon-slb-2:before {
    content: "\e664"
}

.icon-slb:before {
    content: "\e665"
}

.icon-sls-2:before {
    content: "\e666"
}

.icon-sls:before {
    content: "\e667"
}

.icon-snapshot:before {
    content: "\e668"
}

.icon-text-free:before {
    content: "\e669"
}

.icon-threshold:before {
    content: "\e66a"
}

.icon-tree:before {
    content: "\e66b"
}

.icon-unlock:before {
    content: "\e66c"
}

.icon-up:before {
    content: "\e66d"
}

.icon-updown:before {
    content: "\e66e"
}

.icon-viewtable:before {
    content: "\e66f"
}

.icon-vpc-2:before {
    content: "\e670"
}

.icon-vpc:before {
    content: "\e671"
}

.icon-warning-1:before {
    content: "\e672"
}

.icon-warning-2:before {
    content: "\e673"
}

.icon-warning:before {
    content: "\e674"
}

.icon-weekly:before {
    content: "\e675"
}

.icon-yes-1:before {
    content: "\e676"
}

.icon-yes-2:before {
    content: "\e677"
}

.icon-yes:before {
    content: "\e678"
}

.icon-yundun-2:before {
    content: "\e679"
}

.icon-yundun:before {
    content: "\e67a"
}

.icon-yunjiankong:before {
    content: "\e67b"
}

.icon-annex:before {
    content: "\e67c"
}

.icon-renew:before {
    content: "\e67d"
}

.icon-renew-2:before {
    content: "\e67e"
}

.icon-plus-border:before {
    content: "\e67f"
}

.icon-wo-domain:before {
    content: "\e680"
}

.icon-wo-email:before {
    content: "\e681"
}

.icon-wo-host:before {
    content: "\e682"
}

.icon-wo-sitebuild:before {
    content: "\e683"
}

.icon-wo-salepre:before {
    content: "\e684"
}

.icon-wo-beian:before {
    content: "\e685"
}

.icon-wo-account:before {
    content: "\e686"
}

.icon-wo-finance:before {
    content: "\e687"
}

.icon-square:before {
    content: "\e688"
}

.icon-left:before {
    content: "\e689"
}

.icon-upload:before {
    content: "\e68a"
}

.icon-list-open:before {
    content: "\e68b"
}

.icon-pause:before {
    content: "\e68c"
}

.icon-list-close:before {
    content: "\e68d"
}

.icon-circle:before {
    content: "\e68e"
}

.icon-refresh:before {
    content: "\e68f"
}

.icon-return:before {
    content: "\e690"
}

.icon-undo:before {
    content: "\e691"
}

.icon-alipay:before {
    content: "\e692"
}

.icon-auto-renew:before {
    content: "\e693"
}

.icon-mobile:before {
    content: "\e694"
}

.icon-account:before {
    content: "\e695"
}

.icon-services:before {
    content: "\e696"
}

.icon-expense:before {
    content: "\e697"
}

.icon-redisa-2:before {
    content: "\e698"
}

.icon-redisa:before {
    content: "\e699"
}

.icon-ddos-3:before {
    content: "\e69a"
}

.icon-redisa-3:before {
    content: "\e69b"
}

.icon-toolsimage-2:before {
    content: "\e69c"
}

.icon-cdp-2:before {
    content: "\e69d"
}

.icon-mts-2:before {
    content: "\e69e"
}

.icon-toolsimage:before {
    content: "\e69f"
}

.icon-toolsimage-3:before {
    content: "\e6a0"
}

.icon-ons-3:before {
    content: "\e6a1"
}

.icon-ram-3:before {
    content: "\e6a2"
}

.icon-yundun-3:before {
    content: "\e6a3"
}

.icon-pts-3:before {
    content: "\e6a4"
}

.icon-mts-3:before {
    content: "\e6a5"
}

.icon-mqs-3:before {
    content: "\e6a6"
}

.icon-drds-3:before {
    content: "\e6a7"
}

.icon-cdp-3:before {
    content: "\e6a8"
}

.icon-dpc-3:before {
    content: "\e6a9"
}

.icon-ads-3:before {
    content: "\e6aa"
}

.icon-jiankong-3:before {
    content: "\e6ab"
}

.icon-vpc-3:before {
    content: "\e6ac"
}

.icon-slb-3:before {
    content: "\e6ad"
}

.icon-rds-3:before {
    content: "\e6ae"
}

.icon-ots-3:before {
    content: "\e6af"
}

.icon-oss-3:before {
    content: "\e6b0"
}

.icon-ess-3:before {
    content: "\e6b1"
}

.icon-opensearch-3:before {
    content: "\e6b2"
}

.icon-odps-3:before {
    content: "\e6b3"
}

.icon-ocs-3:before {
    content: "\e6b4"
}

.icon-oas-3:before {
    content: "\e6b5"
}

.icon-lightcloud-3:before {
    content: "\e6b6"
}

.icon-cdn-3:before {
    content: "\e6b7"
}

.icon-ace-3:before {
    content: "\e6b8"
}

.icon-sls-3:before {
    content: "\e6b9"
}

.icon-ecs-3:before {
    content: "\e6ba"
}

.modal-content {
    margin-top: 200px !important;
    height: auto;
    border-radius: 0px;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5)
}

.modal-footer {
    padding: 0 5px 0 0;
    height: 50px !important;
    line-height: 50px !important;
    margin-top: 0px
}

.modal-title {
    font-size: 14px
}

.modal-header .close {
    font-size: 28px;
    margin-top: -8px;
    font-weight: normal
}

.modal-backdrop {
    background-color: #FFF
}

.console-message-dialog .modal-body .lead {
    font-size: 16px
}

.console-message-dialog .modal-body p {
    margin-top: 6px
}

.nav-tabs > li > a, .nav-tabs.nav-justified > li > a {
    border-radius: 0px 0px 0px 0px
}

.nav-tabs {
    border-color: #ddd
}

.nav-tabs > li {
    margin-left: -1px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 1
}

.nav-tabs > li > a, .nav-tabs > li > a:focus {
    color: #666;
    font-size: 13px;
    font-weight: bold;
    border-left: 0px;
    border-right: 0px;
    margin-right: 0px;
    padding: 10px 16px;
    background: #FBFAF8;
    border-bottom: 0px
}

.nav-tabs > li.active {
    border-top: 0px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 3
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-top: 2px solid #1caf9a;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #FFF;
    color: #333
}

.nav-tabs > li > a:hover {
    background-color: #FFF;
    color: #1caf9a
}

.nav-tabs .open > a, .nav-tabs .open > a:hover, .nav-tabs .open > a:focus {
    color: #000;
    background-color: #FAFAFA;
    border-color: #EEE
}

.nav-tabs.nav-justified > li:first-child {
    border-left: 1px solid #ddd
}

.nav-tabs.nav-justified > li {
    border-top: 1px solid #ddd;
    border-left: 0px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 1
}

.nav-tabs.nav-justified > li > a {
    border-left: 0px;
    border-right: 0px;
    margin-right: 0px;
    background-color: #fbfaf8;
    border-bottom: 1px solid #ddd
}

.nav-tabs.nav-justified > li > a:hover {
    color: #1caf9a;
    background-color: #FFF
}

.nav-tabs.nav-justified > li.active {
    border-top: 0px;
    z-index: 3
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border-top: 2px solid #1caf9a;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #FFF;
    color: #333;
    background-color: #FFF
}

.nav-pills li a, .nav-pills li a:focus, .nav-pills li button, .nav-pills li button:focus {
    padding: 6px 12px;
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    background-color: #2196f3;
    color: #fff;
    line-height: 20px;
    height: 32px;
    margin-left: 5px
}

.nav-pills li a:hover, .nav-pills li a:focus:hover, .nav-pills li button:hover, .nav-pills li button:focus:hover {
    color: #fff;
    background-color: #0c7cd5;
    border-color: #054475;
}

.nav-pills li.active a, .nav-pills li.active a.spec, .nav-pills li.active a:hover, .nav-pills li.active a:focus, .nav-pills li.active button, .nav-pills li.active button:hover, .nav-pills li.active button:focus {
    color: #fff;
    background-color: #0c7cd5;
    border-color: #054475;
}

.c-texttrimmer-pen {
    position: absolute;
    width: 18px;
    height: 18px;
    font-size: 12px;
    padding: 2px;
    text-align: center;
    margin-left: 6px
}

.c-texttrimmer-box {
    position: absolute;
    padding: 16px;
    background: #fff;
    z-index: 1000;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5)
}

.c-texttrimmer-box:focus {
    outline: none
}

.c-texttrimmer-box p {
    margin: 0 0 10px
}

.c-texttrimmer-box p.c-texttrimmer-tip {
    color: red
}

.c-texttrimmer-box .c-texttrimmer-btnbox a {
    margin-right: 8px
}

.modal, .modal-open {
    overflow: auto;
    overflow-y: auto
}

.console-helper {
    position: absolute;
    height: 100%;
    width: 400px;
    right: 0px;
    top: 32px;
    z-index: 1000;
    border: 1px solid #eee;
    background: #fff;
    border-left: 1px solid #dddddd;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    position: fixed
}

.console-helper-animation {
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.console-helper-folded {
    right: -400px
}

.console-helper-folded .console-helper-head .console-helper-button {
    margin-left: -44px
}

.console-helper-head {
    height: 56px;
    background: #f0f0f0;
    border-bottom: 1px solid #dddddd
}

.console-helper-head .console-helper-button {
    float: left;
    background: url(images/helper-icon.png) center center no-repeat;
    height: 32px;
    width: 32px;
    margin: 12px;
    cursor: pointer;
    opacity: 0.6
}

.console-helper-head .console-helper-button:hover {
    opacity: 1
}

.console-helper-head .console-helper-title {
    float: left;
    font-size: 14px;
    line-height: 32px;
    height: 32px;
    margin: 12px 0;
    color: #333
}

.console-helper-body .console-helper-nav {
    border-bottom: 1px solid #dddddd;
    margin: 0 20px;
    list-style: none;
    overflow: hidden;
    zoom: 1;
    padding: 0
}

.console-helper-body .console-helper-nav li {
    float: left;
    padding: 12px
}

.console-helper-body .console-helper-nav li a {
    color: #666
}

.console-helper-body .console-helper-nav li a:hover {
    color: #000
}

.console-helper-body .console-helper-nav li.active {
    border-bottom: 2px solid #999
}

.console-helper-body .console-helper-panel-list .console-helper-panel {
    margin: 20px
}

.console-helper-body .console-helper-panel-list .console-helper-panel .console-helper-xiaoyun .console-helper-xiaoyun-search {
    height: 32px
}

.console-helper-body .console-helper-panel-list .console-helper-panel .console-helper-xiaoyun .console-helper-xiaoyun-recommend ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.console-helper-foot {
    background: #f0f0f0;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-top: 1px solid #eee
}

.console-helper-foot .console-helper-service {
    overflow: hidden;
    zoom: 1;
    height: 32px;
    margin: 12px;
    list-style: none
}

.console-helper-foot .console-helper-service li {
    width: 48%;
    float: left
}

.console-helper-foot .console-helper-service li p {
    margin: 0;
    color: #666
}

.console-helper-foot .console-helper-service li p a {
    color: #666
}

.console-helper-foot .console-helper-service li p a:hover {
    text-decoration: underline
}

.growl {
    z-index: 9999999;
    top: 50px;
    width: 260px
}

.alert-success {
    color: #090;
    background-color: #F2FFEA;
    border-color: #C7DDB9
}

.alert-success .alert-link {
    color: #063;
    font-weight: normal
}

.alert-info {
    color: #555;
    background-color: #F9F9F9;
    border-color: #DDD
}

.alert-info .alert-link {
    color: #1caf9a;
    font-weight: normal
}

.alert-warning {
    color: #f68300;
    background-color: #FCF8E2;
    border-color: #FBECCB
}

.alert-warning .alert-link {
    color: #c50;
    font-weight: normal
}

.alert-danger {
    color: #ee2117;
    background-color: #FFF6F2;
    border-color: #F1ACAC
}

.alert-danger .alert-link {
    color: #b00;
    font-weight: normal
}

.alert {
    padding: 6px 12px;
    line-height: 18px;
    margin-bottom: 6px;
    border-radius: 0px
}

.alert .close {
    margin-top: -5px
}

.alert ul {
    padding-left: 16px
}

.product-icons-32.product-icons-ecs {
    background-position: 0 -0px
}

.product-icons-32.product-icons-slb {
    background-position: 0 -40px
}

.product-icons-32.product-icons-rds {
    background-position: 0 -80px
}

.product-icons-32.product-icons-oss {
    background-position: 0 -120px
}

.product-icons-32.product-icons-cdn {
    background-position: 0 -160px
}

.product-icons-32.product-icons-ots {
    background-position: 0 -200px
}

.product-icons-32.product-icons-ocs {
    background-position: 0 -240px
}

.product-icons-32.product-icons-odps {
    background-position: 0 -280px
}

.product-icons-32.product-icons-ace {
    background-position: 0 -320px
}

.product-icons-32.product-icons-yundun {
    background-position: 0 -360px
}

.product-icons-32.product-icons-yunjiankong, .product-icons-32.product-icons-jiankong {
    background-position: 0 -400px
}

.product-icons-32.product-icons-toolsimage {
    background-position: 0 -440px
}

.product-icons-32.product-icons-sls {
    background-position: 0 -960px
}

.product-icons-32.product-icons-oas {
    background-position: 0 -1040px
}

.product-icons-32.product-icons-ess {
    background-position: 0 -1120px
}

.product-icons-32.product-icons-mqs {
    background-position: 0 -1200px
}

.product-icons-32.product-icons-vpc {
    background-position: 0 -1280px
}

.product-icons-32.product-icons-lightcloud {
    background-position: 0 -1360px
}

.product-icons-32.product-icons-opensearch {
    background-position: 0 -1440px
}

.product-icons-32.product-icons-dpc {
    background-position: 0 -1520px
}

.product-icons-32.product-icons-ons {
    background-position: 0 -1600px
}

.product-icons-32.product-icons-pts {
    background-position: 0 -1680px
}

.product-icons-32.product-icons-ram {
    background-position: 0 -1760px
}

.product-icons-32.product-icons-ads {
    background-position: 0 -1840px
}

.product-icons-32.product-icons-mts {
    background-position: 0 -1920px
}

.product-icons-32.product-icons-drds {
    background-position: 0 -2000px
}

.product-icons-32.product-icons-cdp {
    background-position: 0 -2080px
}

.product-icons-32.product-icons-ddos {
    background-position: 0 -2160px
}

.product-icons-32.product-icons-kvstore, .product-icons-32.product-icons-redisa {
    background-position: 0 -2240px
}

.product-icons-32.product-icons-dfs {
    background-position: 0 -2320px
}

.product-icons-32.product-icons-edas {
    background-position: 0 -2400px
}

.product-icons-32.product-icons-cps {
    background-position: 0 -2480px
}

.product-icons-32.product-icons-mas {
    background-position: 0 -2560px
}

.product-icons-32.product-icons-api {
    background-position: 0 -2640px
}

.product-icons-32.product-icons-dpa {
    background-position: 0 -2720px
}

.product-icons-32.product-icons-ecs-grey {
    background-position: 0 -480px
}

.product-icons-32.product-icons-slb-grey {
    background-position: 0 -520px
}

.product-icons-32.product-icons-rds-grey {
    background-position: 0 -560px
}

.product-icons-32.product-icons-oss-grey {
    background-position: 0 -600px
}

.product-icons-32.product-icons-cdn-grey {
    background-position: 0 -640px
}

.product-icons-32.product-icons-ots-grey {
    background-position: 0 -680px
}

.product-icons-32.product-icons-ocs-grey {
    background-position: 0 -720px
}

.product-icons-32.product-icons-odps-grey {
    background-position: 0 -760px
}

.product-icons-32.product-icons-ace-grey {
    background-position: 0 -800px
}

.product-icons-32.product-icons-yundun-grey {
    background-position: 0 -840px
}

.product-icons-32.product-icons-yunjiankong-grey, .product-icons-32.product-icons-jiankong-grey {
    background-position: 0 -880px
}

.product-icons-32.product-icons-toolsimage-grey {
    background-position: 0 -920px
}

.product-icons-32.product-icons-sls-grey {
    background-position: 0 -1000px
}

.product-icons-32.product-icons-oas-grey {
    background-position: 0 -1080px
}

.product-icons-32.product-icons-ess-grey {
    background-position: 0 -1160px
}

.product-icons-32.product-icons-mqs-grey {
    background-position: 0 -1240px
}

.product-icons-32.product-icons-vpc-grey {
    background-position: 0 -1320px
}

.product-icons-32.product-icons-lightcloud-grey {
    background-position: 0 -1400px
}

.product-icons-32.product-icons-opensearch-grey {
    background-position: 0 -1480px
}

.product-icons-32.product-icons-dpc-grey {
    background-position: 0 -1560px
}

.product-icons-32.product-icons-ons-grey {
    background-position: 0 -1640px
}

.product-icons-32.product-icons-pts-grey {
    background-position: 0 -1720px
}

.product-icons-32.product-icons-ram-grey {
    background-position: 0 -1800px
}

.product-icons-32.product-icons-ads-grey {
    background-position: 0 -1880px
}

.product-icons-32.product-icons-mts-grey {
    background-position: 0 -1960px
}

.product-icons-32.product-icons-drds-grey {
    background-position: 0 -2040px
}

.product-icons-32.product-icons-cdp-grey {
    background-position: 0 -2120px
}

.product-icons-32.product-icons-ddos-grey {
    background-position: 0 -2200px
}

.product-icons-32.product-icons-kvstore-grey, .product-icons-32.product-icons-redisa-grey {
    background-position: 0 -2280px
}

.product-icons-32.product-icons-dfs-grey {
    background-position: 0 -2360px
}

.product-icons-32.product-icons-edas-grey {
    background-position: 0 -2440px
}

.product-icons-32.product-icons-cps-grey {
    background-position: 0 -2520px
}

.product-icons-32.product-icons-mas-grey {
    background-position: 0 -2600px
}

.product-icons-32.product-icons-api-grey {
    background-position: 0 -2680px
}

.product-icons-32.product-icons-dpa-grey {
    background-position: 0 -2760px
}

.product-icons-48.product-icons-ecs {
    background-position: 0 -0px
}

.product-icons-48.product-icons-slb {
    background-position: 0 -50px
}

.product-icons-48.product-icons-rds {
    background-position: 0 -100px
}

.product-icons-48.product-icons-oss {
    background-position: 0 -150px
}

.product-icons-48.product-icons-cdn {
    background-position: 0 -200px
}

.product-icons-48.product-icons-ots {
    background-position: 0 -250px
}

.product-icons-48.product-icons-ocs {
    background-position: 0 -300px
}

.product-icons-48.product-icons-odps {
    background-position: 0 -350px
}

.product-icons-48.product-icons-ace {
    background-position: 0 -400px
}

.product-icons-48.product-icons-yundun {
    background-position: 0 -450px
}

.product-icons-48.product-icons-yunjiankong, .product-icons-48.product-icons-jiankong {
    background-position: 0 -500px
}

.product-icons-48.product-icons-toolsimage {
    background-position: 0 -550px
}

.product-icons-48.product-icons-sls {
    background-position: 0 -1200px
}

.product-icons-48.product-icons-oas {
    background-position: 0 -1300px
}

.product-icons-48.product-icons-ess {
    background-position: 0 -1400px
}

.product-icons-48.product-icons-mqs {
    background-position: 0 -1500px
}

.product-icons-48.product-icons-vpc {
    background-position: 0 -1600px
}

.product-icons-48.product-icons-lightcloud {
    background-position: 0 -1700px
}

.product-icons-48.product-icons-opensearch {
    background-position: 0 -1800px
}

.product-icons-48.product-icons-dpc {
    background-position: 0 -1900px
}

.product-icons-48.product-icons-ons {
    background-position: 0 -2000px
}

.product-icons-48.product-icons-pts {
    background-position: 0 -2100px
}

.product-icons-48.product-icons-ram {
    background-position: 0 -2200px
}

.product-icons-48.product-icons-ads {
    background-position: 0 -2300px
}

.product-icons-48.product-icons-mts {
    background-position: 0 -2400px
}

.product-icons-48.product-icons-drds {
    background-position: 0 -2500px
}

.product-icons-48.product-icons-cdp {
    background-position: 0 -2600px
}

.product-icons-48.product-icons-ddos {
    background-position: 0 -2700px
}

.product-icons-48.product-icons-kvstore, .product-icons-48.product-icons-redisa {
    background-position: 0 -2800px
}

.product-icons-48.product-icons-dfs {
    background-position: 0 -2900px
}

.product-icons-48.product-icons-edas {
    background-position: 0 -3000px
}

.product-icons-48.product-icons-cps {
    background-position: 0 -3100px
}

.product-icons-48.product-icons-mas {
    background-position: 0 -3200px
}

.product-icons-48.product-icons-api {
    background-position: 0 -3300px
}

.product-icons-48.product-icons-dpa {
    background-position: 0 -3400px
}

.product-icons-48.product-icons-ecs-grey {
    background-position: 0 -600px
}

.product-icons-48.product-icons-slb-grey {
    background-position: 0 -650px
}

.product-icons-48.product-icons-rds-grey {
    background-position: 0 -700px
}

.product-icons-48.product-icons-oss-grey {
    background-position: 0 -750px
}

.product-icons-48.product-icons-cdn-grey {
    background-position: 0 -800px
}

.product-icons-48.product-icons-ots-grey {
    background-position: 0 -850px
}

.product-icons-48.product-icons-ocs-grey {
    background-position: 0 -900px
}

.product-icons-48.product-icons-odps-grey {
    background-position: 0 -950px
}

.product-icons-48.product-icons-ace-grey {
    background-position: 0 -1000px
}

.product-icons-48.product-icons-yundun-grey {
    background-position: 0 -1050px
}

.product-icons-48.product-icons-yunjiankong-grey, .product-icons-48.product-icons-jiankong-grey {
    background-position: 0 -1100px
}

.product-icons-48.product-icons-toolsimage-grey {
    background-position: 0 -1150px
}

.product-icons-48.product-icons-sls-grey {
    background-position: 0 -1250px
}

.product-icons-48.product-icons-oas-grey {
    background-position: 0 -1350px
}

.product-icons-48.product-icons-ess-grey {
    background-position: 0 -1450px
}

.product-icons-48.product-icons-mqs-grey {
    background-position: 0 -1550px
}

.product-icons-48.product-icons-vpc-grey {
    background-position: 0 -1650px
}

.product-icons-48.product-icons-lightcloud-grey {
    background-position: 0 -1750px
}

.product-icons-48.product-icons-opensearch-grey {
    background-position: 0 -1850px
}

.product-icons-48.product-icons-dpc-grey {
    background-position: 0 -1950px
}

.product-icons-48.product-icons-ons-grey {
    background-position: 0 -2050px
}

.product-icons-48.product-icons-pts-grey {
    background-position: 0 -2150px
}

.product-icons-48.product-icons-ram-grey {
    background-position: 0 -2250px
}

.product-icons-48.product-icons-ads-grey {
    background-position: 0 -2350px
}

.product-icons-48.product-icons-mts-grey {
    background-position: 0 -2450px
}

.product-icons-48.product-icons-drds-grey {
    background-position: 0 -2550px
}

.product-icons-48.product-icons-cdp-grey {
    background-position: 0 -2650px
}

.product-icons-48.product-icons-ddos-grey {
    background-position: 0 -2750px
}

.product-icons-48.product-icons-kvstore-grey, .product-icons-48.product-icons-redisa-grey {
    background-position: 0 -2850px
}

.product-icons-48.product-icons-dfs-grey {
    background-position: 0 -2950px
}

.product-icons-48.product-icons-edas-grey {
    background-position: 0 -3050px
}

.product-icons-48.product-icons-cps-grey {
    background-position: 0 -3150px
}

.product-icons-48.product-icons-mas-grey {
    background-position: 0 -3250px
}

.product-icons-48.product-icons-api-grey {
    background-position: 0 -3350px
}

.product-icons-48.product-icons-dpa-grey {
    background-position: 0 -3450px
}

.product-icons-64.product-icons-ecs {
    background-position: 0 -0px
}

.product-icons-64.product-icons-slb {
    background-position: 0 -80px
}

.product-icons-64.product-icons-rds {
    background-position: 0 -160px
}

.product-icons-64.product-icons-oss {
    background-position: 0 -240px
}

.product-icons-64.product-icons-cdn {
    background-position: 0 -320px
}

.product-icons-64.product-icons-ots {
    background-position: 0 -400px
}

.product-icons-64.product-icons-ocs {
    background-position: 0 -480px
}

.product-icons-64.product-icons-odps {
    background-position: 0 -560px
}

.product-icons-64.product-icons-ace {
    background-position: 0 -640px
}

.product-icons-64.product-icons-yundun {
    background-position: 0 -720px
}

.product-icons-64.product-icons-yunjiankong, .product-icons-64.product-icons-jiankong {
    background-position: 0 -800px
}

.product-icons-64.product-icons-toolsimage {
    background-position: 0 -880px
}

.product-icons-64.product-icons-sls {
    background-position: 0 -1920px
}

.product-icons-64.product-icons-oas {
    background-position: 0 -2080px
}

.product-icons-64.product-icons-ess {
    background-position: 0 -2240px
}

.product-icons-64.product-icons-mqs {
    background-position: 0 -2400px
}

.product-icons-64.product-icons-vpc {
    background-position: 0 -2560px
}

.product-icons-64.product-icons-lightcloud {
    background-position: 0 -2720px
}

.product-icons-64.product-icons-opensearch {
    background-position: 0 -2880px
}

.product-icons-64.product-icons-dpc {
    background-position: 0 -3040px
}

.product-icons-64.product-icons-ons {
    background-position: 0 -3200px
}

.product-icons-64.product-icons-pts {
    background-position: 0 -3360px
}

.product-icons-64.product-icons-ram {
    background-position: 0 -3520px
}

.product-icons-64.product-icons-ads {
    background-position: 0 -3680px
}

.product-icons-64.product-icons-mts {
    background-position: 0 -3840px
}

.product-icons-64.product-icons-drds {
    background-position: 0 -4000px
}

.product-icons-64.product-icons-cdp {
    background-position: 0 -4160px
}

.product-icons-64.product-icons-ddos {
    background-position: 0 -4320px
}

.product-icons-64.product-icons-kvstore, .product-icons-64.product-icons-redisa {
    background-position: 0 -4480px
}

.product-icons-64.product-icons-dfs {
    background-position: 0 -4640px
}

.product-icons-64.product-icons-edas {
    background-position: 0 -4800px
}

.product-icons-64.product-icons-cps {
    background-position: 0 -4960px
}

.product-icons-64.product-icons-mas {
    background-position: 0 -5120px
}

.product-icons-64.product-icons-api {
    background-position: 0 -5280px
}

.product-icons-64.product-icons-dpa {
    background-position: 0 -5440px
}

.product-icons-64.product-icons-ecs-grey {
    background-position: 0 -960px
}

.product-icons-64.product-icons-slb-grey {
    background-position: 0 -1040px
}

.product-icons-64.product-icons-rds-grey {
    background-position: 0 -1120px
}

.product-icons-64.product-icons-oss-grey {
    background-position: 0 -1200px
}

.product-icons-64.product-icons-cdn-grey {
    background-position: 0 -1280px
}

.product-icons-64.product-icons-ots-grey {
    background-position: 0 -1360px
}

.product-icons-64.product-icons-ocs-grey {
    background-position: 0 -1440px
}

.product-icons-64.product-icons-odps-grey {
    background-position: 0 -1520px
}

.product-icons-64.product-icons-ace-grey {
    background-position: 0 -1600px
}

.product-icons-64.product-icons-yundun-grey {
    background-position: 0 -1680px
}

.product-icons-64.product-icons-yunjiankong-grey, .product-icons-64.product-icons-jiankong-grey {
    background-position: 0 -1760px
}

.product-icons-64.product-icons-toolsimage-grey {
    background-position: 0 -1840px
}

.product-icons-64.product-icons-sls-grey {
    background-position: 0 -2000px
}

.product-icons-64.product-icons-oas-grey {
    background-position: 0 -2160px
}

.product-icons-64.product-icons-ess-grey {
    background-position: 0 -2320px
}

.product-icons-64.product-icons-mqs-grey {
    background-position: 0 -2480px
}

.product-icons-64.product-icons-vpc-grey {
    background-position: 0 -2640px
}

.product-icons-64.product-icons-lightcloud-grey {
    background-position: 0 -2800px
}

.product-icons-64.product-icons-opensearch-grey {
    background-position: 0 -2960px
}

.product-icons-64.product-icons-dpc-grey {
    background-position: 0 -3120px
}

.product-icons-64.product-icons-ons-grey {
    background-position: 0 -3280px
}

.product-icons-64.product-icons-pts-grey {
    background-position: 0 -3440px
}

.product-icons-64.product-icons-ram-grey {
    background-position: 0 -3600px
}

.product-icons-64.product-icons-ads-grey {
    background-position: 0 -3760px
}

.product-icons-64.product-icons-mts-grey {
    background-position: 0 -3920px
}

.product-icons-64.product-icons-drds-grey {
    background-position: 0 -4080px
}

.product-icons-64.product-icons-cdp-grey {
    background-position: 0 -4240px
}

.product-icons-64.product-icons-ddos-grey {
    background-position: 0 -4400px
}

.product-icons-64.product-icons-kvstore-grey, .product-icons-64.product-icons-redisa-grey {
    background-position: 0 -4560px
}

.product-icons-64.product-icons-dfs-grey {
    background-position: 0 -4720px
}

.product-icons-64.product-icons-edas-grey {
    background-position: 0 -4880px
}

.product-icons-64.product-icons-cps-grey {
    background-position: 0 -5040px
}

.product-icons-64.product-icons-mas-grey {
    background-position: 0 -5200px
}

.product-icons-64.product-icons-api-grey {
    background-position: 0 -5360px
}

.product-icons-64.product-icons-dpa-grey {
    background-position: 0 -5520px
}

.product-icons-96.product-icons-ecs {
    background-position: 0 -0px
}

.product-icons-96.product-icons-slb {
    background-position: 0 -100px
}

.product-icons-96.product-icons-rds {
    background-position: 0 -200px
}

.product-icons-96.product-icons-oss {
    background-position: 0 -300px
}

.product-icons-96.product-icons-cdn {
    background-position: 0 -400px
}

.product-icons-96.product-icons-ots {
    background-position: 0 -500px
}

.product-icons-96.product-icons-ocs {
    background-position: 0 -600px
}

.product-icons-96.product-icons-odps {
    background-position: 0 -700px
}

.product-icons-96.product-icons-ace {
    background-position: 0 -800px
}

.product-icons-96.product-icons-yundun {
    background-position: 0 -900px
}

.product-icons-96.product-icons-yunjiankong, .product-icons-96.product-icons-jiankong {
    background-position: 0 -1000px
}

.product-icons-96.product-icons-toolsimage {
    background-position: 0 -1100px
}

.product-icons-96.product-icons-sls {
    background-position: 0 -2400px
}

.product-icons-96.product-icons-oas {
    background-position: 0 -2600px
}

.product-icons-96.product-icons-ess {
    background-position: 0 -2800px
}

.product-icons-96.product-icons-mqs {
    background-position: 0 -3000px
}

.product-icons-96.product-icons-vpc {
    background-position: 0 -3200px
}

.product-icons-96.product-icons-lightcloud {
    background-position: 0 -3400px
}

.product-icons-96.product-icons-opensearch {
    background-position: 0 -3600px
}

.product-icons-96.product-icons-dpc {
    background-position: 0 -3800px
}

.product-icons-96.product-icons-ons {
    background-position: 0 -4000px
}

.product-icons-96.product-icons-pts {
    background-position: 0 -4200px
}

.product-icons-96.product-icons-ram {
    background-position: 0 -4400px
}

.product-icons-96.product-icons-ads {
    background-position: 0 -4600px
}

.product-icons-96.product-icons-mts {
    background-position: 0 -4800px
}

.product-icons-96.product-icons-drds {
    background-position: 0 -5000px
}

.product-icons-96.product-icons-cdp {
    background-position: 0 -5200px
}

.product-icons-96.product-icons-ddos {
    background-position: 0 -5400px
}

.product-icons-96.product-icons-kvstore, .product-icons-96.product-icons-redisa {
    background-position: 0 -5600px
}

.product-icons-96.product-icons-dfs {
    background-position: 0 -5800px
}

.product-icons-96.product-icons-edas {
    background-position: 0 -6000px
}

.product-icons-96.product-icons-cps {
    background-position: 0 -6200px
}

.product-icons-96.product-icons-mas {
    background-position: 0 -6400px
}

.product-icons-96.product-icons-api {
    background-position: 0 -6600px
}

.product-icons-96.product-icons-dpa {
    background-position: 0 -6800px
}

.product-icons-96.product-icons-ecs-grey {
    background-position: 0 -1200px
}

.product-icons-96.product-icons-slb-grey {
    background-position: 0 -1300px
}

.product-icons-96.product-icons-rds-grey {
    background-position: 0 -1400px
}

.product-icons-96.product-icons-oss-grey {
    background-position: 0 -1500px
}

.product-icons-96.product-icons-cdn-grey {
    background-position: 0 -1600px
}

.product-icons-96.product-icons-ots-grey {
    background-position: 0 -1700px
}

.product-icons-96.product-icons-ocs-grey {
    background-position: 0 -1800px
}

.product-icons-96.product-icons-odps-grey {
    background-position: 0 -1900px
}

.product-icons-96.product-icons-ace-grey {
    background-position: 0 -2000px
}

.product-icons-96.product-icons-yundun-grey {
    background-position: 0 -2100px
}

.product-icons-96.product-icons-yunjiankong-grey, .product-icons-96.product-icons-jiankong-grey {
    background-position: 0 -2200px
}

.product-icons-96.product-icons-toolsimage-grey {
    background-position: 0 -2300px
}

.product-icons-96.product-icons-sls-grey {
    background-position: 0 -2500px
}

.product-icons-96.product-icons-oas-grey {
    background-position: 0 -2700px
}

.product-icons-96.product-icons-ess-grey {
    background-position: 0 -2900px
}

.product-icons-96.product-icons-mqs-grey {
    background-position: 0 -3100px
}

.product-icons-96.product-icons-vpc-grey {
    background-position: 0 -3300px
}

.product-icons-96.product-icons-lightcloud-grey {
    background-position: 0 -3500px
}

.product-icons-96.product-icons-opensearch-grey {
    background-position: 0 -3700px
}

.product-icons-96.product-icons-dpc-grey {
    background-position: 0 -3900px
}

.product-icons-96.product-icons-ons-grey {
    background-position: 0 -4100px
}

.product-icons-96.product-icons-pts-grey {
    background-position: 0 -4300px
}

.product-icons-96.product-icons-ram-grey {
    background-position: 0 -4500px
}

.product-icons-96.product-icons-ads-grey {
    background-position: 0 -4700px
}

.product-icons-96.product-icons-mts-grey {
    background-position: 0 -4900px
}

.product-icons-96.product-icons-drds-grey {
    background-position: 0 -5100px
}

.product-icons-96.product-icons-cdp-grey {
    background-position: 0 -5300px
}

.product-icons-96.product-icons-ddos-grey {
    background-position: 0 -5500px
}

.product-icons-96.product-icons-kvstore-grey, .product-icons-96.product-icons-redisa-grey {
    background-position: 0 -5700px
}

.product-icons-96.product-icons-dfs-grey {
    background-position: 0 -5900px
}

.product-icons-96.product-icons-edas-grey {
    background-position: 0 -6100px
}

.product-icons-96.product-icons-cps-grey {
    background-position: 0 -6300px
}

.product-icons-96.product-icons-mas-grey {
    background-position: 0 -6500px
}

.product-icons-96.product-icons-api-grey {
    background-position: 0 -6700px
}

.product-icons-96.product-icons-dpa-grey {
    background-position: 0 -6900px
}

.product-icons-128.product-icons-ecs {
    background-position: 0 -0px
}

.product-icons-128.product-icons-slb {
    background-position: 0 -160px
}

.product-icons-128.product-icons-rds {
    background-position: 0 -320px
}

.product-icons-128.product-icons-oss {
    background-position: 0 -480px
}

.product-icons-128.product-icons-cdn {
    background-position: 0 -640px
}

.product-icons-128.product-icons-ots {
    background-position: 0 -800px
}

.product-icons-128.product-icons-ocs {
    background-position: 0 -960px
}

.product-icons-128.product-icons-odps {
    background-position: 0 -1120px
}

.product-icons-128.product-icons-ace {
    background-position: 0 -1280px
}

.product-icons-128.product-icons-yundun {
    background-position: 0 -1440px
}

.product-icons-128.product-icons-yunjiankong, .product-icons-128.product-icons-jiankong {
    background-position: 0 -1600px
}

.product-icons-128.product-icons-toolsimage {
    background-position: 0 -1760px
}

.product-icons-128.product-icons-sls {
    background-position: 0 -3840px
}

.product-icons-128.product-icons-oas {
    background-position: 0 -4160px
}

.product-icons-128.product-icons-ess {
    background-position: 0 -4480px
}

.product-icons-128.product-icons-mqs {
    background-position: 0 -4800px
}

.product-icons-128.product-icons-vpc {
    background-position: 0 -5120px
}

.product-icons-128.product-icons-lightcloud {
    background-position: 0 -5440px
}

.product-icons-128.product-icons-opensearch {
    background-position: 0 -5760px
}

.product-icons-128.product-icons-dpc {
    background-position: 0 -6080px
}

.product-icons-128.product-icons-ons {
    background-position: 0 -6400px
}

.product-icons-128.product-icons-pts {
    background-position: 0 -6720px
}

.product-icons-128.product-icons-ram {
    background-position: 0 -7040px
}

.product-icons-128.product-icons-ads {
    background-position: 0 -7360px
}

.product-icons-128.product-icons-mts {
    background-position: 0 -7680px
}

.product-icons-128.product-icons-drds {
    background-position: 0 -8000px
}

.product-icons-128.product-icons-cdp {
    background-position: 0 -8320px
}

.product-icons-128.product-icons-ddos {
    background-position: 0 -8640px
}

.product-icons-128.product-icons-kvstore, .product-icons-128.product-icons-redisa {
    background-position: 0 -8960px
}

.product-icons-128.product-icons-dfs {
    background-position: 0 -9280px
}

.product-icons-128.product-icons-edas {
    background-position: 0 -9600px
}

.product-icons-128.product-icons-cps {
    background-position: 0 -9920px
}

.product-icons-128.product-icons-mas {
    background-position: 0 -10240px
}

.product-icons-128.product-icons-api {
    background-position: 0 -10560px
}

.product-icons-128.product-icons-dpa {
    background-position: 0 -10880px
}

.product-icons-128.product-icons-ecs-grey {
    background-position: 0 -1920px
}

.product-icons-128.product-icons-slb-grey {
    background-position: 0 -2080px
}

.product-icons-128.product-icons-rds-grey {
    background-position: 0 -2240px
}

.product-icons-128.product-icons-oss-grey {
    background-position: 0 -2400px
}

.product-icons-128.product-icons-cdn-grey {
    background-position: 0 -2560px
}

.product-icons-128.product-icons-ots-grey {
    background-position: 0 -2720px
}

.product-icons-128.product-icons-ocs-grey {
    background-position: 0 -2880px
}

.product-icons-128.product-icons-odps-grey {
    background-position: 0 -3040px
}

.product-icons-128.product-icons-ace-grey {
    background-position: 0 -3200px
}

.product-icons-128.product-icons-yundun-grey {
    background-position: 0 -3360px
}

.product-icons-128.product-icons-yunjiankong-grey, .product-icons-128.product-icons-jiankong-grey {
    background-position: 0 -3520px
}

.product-icons-128.product-icons-toolsimage-grey {
    background-position: 0 -3680px
}

.product-icons-128.product-icons-sls-grey {
    background-position: 0 -4000px
}

.product-icons-128.product-icons-oas-grey {
    background-position: 0 -4320px
}

.product-icons-128.product-icons-ess-grey {
    background-position: 0 -4640px
}

.product-icons-128.product-icons-mqs-grey {
    background-position: 0 -4960px
}

.product-icons-128.product-icons-vpc-grey {
    background-position: 0 -5280px
}

.product-icons-128.product-icons-lightcloud-grey {
    background-position: 0 -5600px
}

.product-icons-128.product-icons-opensearch-grey {
    background-position: 0 -5920px
}

.product-icons-128.product-icons-dpc-grey {
    background-position: 0 -6240px
}

.product-icons-128.product-icons-ons-grey {
    background-position: 0 -6560px
}

.product-icons-128.product-icons-pts-grey {
    background-position: 0 -6880px
}

.product-icons-128.product-icons-ram-grey {
    background-position: 0 -7200px
}

.product-icons-128.product-icons-ads-grey {
    background-position: 0 -7520px
}

.product-icons-128.product-icons-mts-grey {
    background-position: 0 -7840px
}

.product-icons-128.product-icons-drds-grey {
    background-position: 0 -8160px
}

.product-icons-128.product-icons-cdp-grey {
    background-position: 0 -8480px
}

.product-icons-128.product-icons-ddos-grey {
    background-position: 0 -8800px
}

.product-icons-128.product-icons-kvstore-grey, .product-icons-128.product-icons-redisa-grey {
    background-position: 0 -9120px
}

.product-icons-128.product-icons-dfs-grey {
    background-position: 0 -9440px
}

.product-icons-128.product-icons-edas-grey {
    background-position: 0 -9760px
}

.product-icons-128.product-icons-cps-grey {
    background-position: 0 -10080px
}

.product-icons-128.product-icons-mas-grey {
    background-position: 0 -10400px
}

.product-icons-128.product-icons-api-grey {
    background-position: 0 -10720px
}

.product-icons-128.product-icons-dpa-grey {
    background-position: 0 -11040px
}

.product-icons-32 {
    width: 32px;
    height: 32px;
    background-image: url(images/icons-32.png);
    background-image: -webkit-image-set(url(images/icons-32.png) 1x, url(images/icons-64.png) 2x);
    background-image: -moz-image-set(url(images/icons-32.png) 1x, url(images/icons-64.png) 2x);
    background-image: -ms-image-set(url(images/icons-32.png) 1x, url(images/icons-64.png) 2x);
    background-image: -o-image-set(url(images/icons-32.png) 1x, url(images/icons-64.png) 2x)
}

.product-icons-48 {
    width: 48px;
    height: 48px;
    background-image: url(images/icons-48.png);
    background-image: -webkit-image-set(url(images/icons-48.png) 1x, url(images/icons-96.png) 2x);
    background-image: -moz-image-set(url(images/icons-48.png) 1x, url(images/icons-96.png) 2x);
    background-image: -ms-image-set(url(images/icons-48.png) 1x, url(images/icons-96.png) 2x);
    background-image: -o-image-set(url(images/icons-48.png) 1x, url(images/icons-96.png) 2x)
}

.product-icons-64 {
    width: 64px;
    height: 64px;
    background-image: url(images/icons-64.png);
    background-image: -webkit-image-set(url(images/icons-64.png) 1x, url(images/icons-128.png) 2x);
    background-image: -moz-image-set(url(images/icons-64.png) 1x, url(images/icons-128.png) 2x);
    background-image: -ms-image-set(url(images/icons-64.png) 1x, url(images/icons-128.png) 2x);
    background-image: -o-image-set(url(images/icons-64.png) 1x, url(images/icons-128.png) 2x)
}

.product-icons-96 {
    width: 96px;
    height: 96px;
    background-image: url(images/icons-96.png)
}

.product-icons-128 {
    width: 128px;
    height: 128px;
    background-image: url(images/icons-128.png)
}

.product-icons-32, .product-icons-48, .product-icons-64, .product-icons-96, .product-icons-128 {
    background-repeat: no-repeat;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

.console-search {
    box-sizing: border-box;
    float: left;
    margin-right: 1px;
    position: relative;
    z-index: 11
}

.console-search * {
    box-sizing: border-box
}

.console-search .console-search-ask {
    position: relative
}

.console-search .console-search-ask .console-search-ask-input {
    width: 200px;
    height: 40px;
    background: #2a2e31;
    border: 0;
    padding: 12px 30px 12px 10px;
    display: inline-block;
    color: #999;
    -webkit-border-radius: 1px 1px;
    -moz-border-radius: 1px / 1px;
    border-radius: 1px / 1px;
    -o-transition: all 0.3s, 0.3s;
    -ms-transition: all 0.3s, 0.3s;
    -moz-transition: all 0.3s, 0.3s;
    -webkit-transition: all 0.3s, 0.3s
}

.console-search .console-search-ask .console-search-ask-input:focus {
    outline: none
}

.console-search .console-search-ask .console-search-mark {
    font-size: 16px;
    line-height: 30px;
    position: absolute;
    height: 100%;
    width: 40px;
    color: #eee;
    padding: 5px;
    text-decoration: none;
    display: block
}

.console-search .console-search-ask .console-search-questionmark {
    right: 0;
    top: 0
}

.console-search .console-search-ask-active .console-search-ask-input {
    width: 320px;
    height: 40px;
    background: #f2f2f2;
    border: 0;
    color: #000
}

.console-search .console-search-ask-active .console-search-questionmark {
    color: #1caf9a
}

.console-search .console-search-answer {
    width: 402px;
    margin-top: 2px;
    left: -1px;
    border: 1px solid #d4d4d4;
    border-top: none;
    background: #fff;
    position: absolute;
    -webkit-border-radius: 2px 2px;
    -moz-border-radius: 2px / 2px;
    border-radius: 2px / 2px;
    text-shadow: 1px
}

.console-search .console-search-answer .console-search-answer-head {
    background: #f8f8f8;
    border-bottom: 1px solid #eee;
    height: 42px
}

.console-search .console-search-answer .console-search-answer-head ul {
    list-style: none;
    margin: 0;
    padding: 0 24px
}

.console-search .console-search-answer .console-search-answer-head ul li {
    float: left;
    margin-right: 14px;
    height: 42px;
    line-height: 42px
}

.console-search .console-search-answer .console-search-answer-head ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #666;
    text-decoration: none
}

.console-search .console-search-answer .console-search-answer-head ul li a:hover {
    color: #ff6500;
    border-bottom: 2px solid #ff6500
}

.console-search .console-search-answer .console-search-answer-head ul li.console-search-tab-active a {
    color: #ff6500;
    border-bottom: 2px solid #ff6500
}

.console-search .console-search-answer .console-search-answer-body {
    padding: 0 24px
}

.console-search .console-search-answer .console-search-answer-body .console-search-answer-list .console-search-answer-item {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee
}

.console-search .console-search-answer .console-search-answer-body .console-search-answer-list .console-search-answer-item a {
    color: #1caf9a
}

.console-search .console-search-answer .console-search-answer-body .console-search-answer-more {
    height: 40px;
    line-height: 40px;
    text-align: right
}

.console-search .console-search-answer .console-search-answer-body .console-search-answer-more a {
    color: #1caf9a
}

.selector {
    width: 100%;
    height: 140px;
    border: 1px solid #999;
    background-color: #FFF;
    overflow-x: hidden;
    overflow-y: auto
}

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

.selector .selector-list .selector-item {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    border-bottom: 1px solid #DDD;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 8px
}

.selector .selector-list .selector-item:hover {
    color: #1caf9a;
    background-color: #FAFCFF;
    cursor: pointer
}

.selector .selector-list .selector-item.active {
    background-color: #37C;
    color: #FFF
}

.selector .selector-list .selector-item.disabled {
    color: #AAA;
    cursor: not-allowed;
    background-color: #FAFAFA
}

.selector .selector-msg {
    text-align: center;
    color: #999;
    height: 32px;
    line-height: 32px
}

.selector.selector-status-error .selector-msg {
    cursor: pointer
}

.selector.selector-status-hasmore .selector-msg {
    cursor: pointer
}

.list-selector .selector-box {
    width: 45%;
    float: left
}

.list-selector .selector-box .inner-wrap {
    border: 1px solid #bbb;
    height: 200px;
    overflow: hidden
}

.list-selector .selector-box .inner-wrap .inner-head {
    border: 1px solid #eee;
    margin: 6px;
    position: relative
}

.list-selector .selector-box .inner-wrap .inner-head input {
    border: 0;
    width: 90%
}

.list-selector .selector-box .inner-wrap .inner-head input:focus {
    outline: 0
}

.list-selector .selector-box .inner-wrap .inner-head .search {
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

.list-selector .selector-box .inner-wrap .inner-body {
    height: 160px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 0
}

.list-selector .selector-box .inner-wrap .inner-body2 {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 0
}

.list-selector .selector-mid {
    width: 10%;
    text-align: center;
    float: left
}

.list-selector .selector-mid .mid-box {
    margin: 10px auto;
    height: 40px;
    width: 40px;
    font-weight: bold;
    border: 1px solid #bbb;
    background: #f7f7f7;
    display: block;
    cursor: pointer
}

.list-selector .selector-mid .mid-margin {
    margin-top: 80px;
    margin-bottom: 10px
}

.lufax-console-table-search-list {
    min-width: 100px
}

.console-global-notice {
    position: relative;
    margin-top: -1px;
    z-index: 1
}

.console-global-notice .console-global-notice-nav {
    position: absolute;
    top: 13px;
    right: 100px;
    z-index: 2
}

.console-global-notice .console-global-notice-nav span {
    width: 12px;
    height: 12px;
    display: block;
    float: left;
    background: #e8e8e8;
    border-radius: 12px;
    margin-right: 3px;
    cursor: pointer
}

.console-global-notice .console-global-notice-nav span.active {
    background: #999999
}

.console-global-notice .console-global-notice-list {
    height: 50px;
    position: relative
}

.console-global-notice .console-global-notice-list .console-global-notice-item {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 10px 12px;
    border-radius: 2px;
    margin-bottom: 0px;
    text-align: left
}

.console-global-notice .console-global-notice-list .console-global-notice-item .console-global-notice-nomore {
    position: absolute;
    top: 8px;
    right: 12px
}

.console-global-notice .console-global-notice-list .console-global-notice-item .console-global-notice-content {
    padding-right: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.console-clip-copy {
    background: rgba(0, 0, 0, 0.75);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000, endColorstr=#bf000000);
    position: absolute;
    color: #fff;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    padding: 0px 12px 0px 30px
}

.console-clip-copy .rectangle1, .console-clip-copy .rectangle2 {
    position: absolute;
    top: 8px;
    left: 13px;
    border: 1px solid #fff;
    width: 10px;
    height: 12px;
    background: #404040;
    z-index: 2
}

.console-clip-copy .rectangle2 {
    left: 15px;
    z-index: 1;
    top: 5px
}

.console-clip-copyed {
    padding-left: 12px
}

.console-clip-copyed .rectangle1, .console-clip-copyed .rectangle2 {
    display: none
}

.console-aside-wrap {
    position: fixed;
    z-index: 105
}

.console-aside-wrap .console-aside {
    position: absolute;
    display: none
}

.console-aside-wrap .console-aside.console-aside-transform {
    -o-transition: all 0.3s, 0.3s;
    -ms-transition: all 0.3s, 0.3s;
    -moz-transition: all 0.3s, 0.3s;
    -webkit-transition: all 0.3s, 0.3s
}

.console-aside-wrap.top {
    top: 0;
    width: 100%
}

.console-aside-wrap.top .console-aside {
    top: 0;
    width: 100%
}

.console-aside-wrap.right {
    right: 0;
    height: 100%;
    top: 0
}

.console-aside-wrap.right .console-aside {
    right: 0;
    height: 100%
}

.console-aside-wrap.left {
    left: 0;
    height: 100%;
    top: 0
}

.console-aside-wrap.left .console-aside {
    left: 0;
    height: 100%
}

.console-aside-wrap.bottom {
    bottom: 0;
    width: 100%
}

.console-aside-wrap.bottom .console-aside {
    bottom: 0;
    width: 100%
}

.table-default-viewer {
    width: 100%;
    background-color: #FFF
}

.table-default-viewer td {
    padding: 11px 20px;
    border: 1px solid #eeeeee
}

.table-default-viewer.off {
    display: none
}

.table-viewer-topbar-content {
    padding: 0px;
    margin: 0px;
    margin-right: 8px
}

.table-viewer-header {
    margin-top: 10px;
    margin-bottom: -1px;
    height: 40px;
    background: #F5f6FA;
    line-height: 38px;
    border: 1px solid #e1e6eb;
    position: relative;
    border-left: 4px solid #6d7781
}

.table-viewer-header .table-viewer-topbar-title {
    font-size: 14px;
    color: #333333;
    display: inline-block;
    margin-left: 16px
}

.table-viewer-header .table-viewer-topbar-content {
    margin-right: 60px
}

.table-viewer-header .toggle-drop-down-icon {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    position: absolute;
    width: 40px;
    height: 39px;
    right: 0;
    top: 0;
    border-left: 1px solid #e1e6eb
}

.table-viewer-header .table-viewer-dropdown {
    display: inline-block;
    margin: 10px;
    font-size: 20px
}

.simple-chart {
    height: 100%;
    border: 1px solid #ccd6e0;
    position: relative;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1)
}

.simple-chart .simple-chart-head {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 10px;
    background: #f8f9fb
}

.simple-chart .simple-chart-head-title {
    float: left
}

.simple-chart .simple-chart-operations {
    float: right
}

.simple-chart .simple-chart-operations .simple-chart-btn {
    display: inline-block;
    border-left: 1px solid #e1e6eb;
    width: 40px;
    text-align: center;
    cursor: pointer
}

.simple-chart .simple-chart-operations .simple-chart-btn span {
    font-size: 14px;
    font-weight: bold;
    vertical-align: text-bottom
}

.simple-chart .simple-chart-body {
    border-top: 1px solid #ccd6e0;
    padding: 0px 2px 2px 0px
}

.simple-chart .simple-chart-body .highcharts-container {
    float: left
}

.simple-chart .simple-chart-body-inner {
    height: 100%
}

.simple-chart .simple-chart-annulus-center {
    position: absolute;
    text-align: center
}

.simple-chart .simple-chart-annulus-center .simple-chart-annulus-number {
    color: #1caf9a;
    font-size: 32px
}

.simple-chart.simple-chart-nowrap {
    border: none;
    -webkit-box-shadow: 0px 0px 0px;
    -moz-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px
}

.simple-chart.simple-chart-nowrap .simple-chart-head {
    display: none
}

.simple-chart.simple-chart-nowrap .simple-chart-body {
    border: none;
    height: 100% !important
}

.console-middle-page {
    margin-top: 80px
}

.console-middle-page .console-middle-page-icon {
    text-align: right
}

.console-middle-page .console-middle-page-title {
    font-size: 20px;
    margin: 0;
    line-height: 48px
}

.console-middle-page .console-middle-page-text {
    font-size: 12px;
    color: #666
}

.console-middle-page .console-middle-page-link {
    border-top: 1px solid #EEE;
    margin-top: 16px;
    padding-top: 16px
}

.console-middle-page .console-middle-page-link > a {
    padding-right: 14px
}

.console-rank-select {
    height: 32px;
    padding: 8px 0px;
    overflow: hidden
}

.console-rank-select .rank-item {
    width: 20px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    display: block;
    float: left;
    font-size: 16px;
    color: #CCC;
    cursor: pointer;
    zoom: 1
}

.console-rank-select .rank-active {
    color: #1caf9a
}

.console-rank-select .rank-hover {
    color: #3CF
}

.simple-loading {
    position: relative
}

.simple-loading .simple-loading-inner {
    margin-left: auto;
    margin-right: auto
}

.simple-loading-1:before, .simple-loading-1:after, .simple-loading-1 {
    border-radius: 50%;
    width: 14px;
    height: 14px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: simple-loading-1 1.8s infinite ease-in-out;
    animation: simple-loading-1 1.8s infinite ease-in-out
}

.simple-loading-1 {
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    -webkit-animation-delay: 0.16s;
    animation-delay: 0.16s
}

.simple-loading-1:before {
    left: -30px
}

.simple-loading-1:after {
    left: 30px;
    -webkit-animation-delay: 0.32s;
    animation-delay: 0.32s
}

.simple-loading-1:before, .simple-loading-1:after {
    content: '';
    position: absolute;
    top: 0
}

@-webkit-keyframes simple-loading-1 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em #ddd
    }
    40% {
        box-shadow: 0 2.5em 0 0 #ddd
    }
}

@keyframes simple-loading-1 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em #ddd
    }
    40% {
        box-shadow: 0 2.5em 0 0 #ddd
    }
}

body {
    font-size: 12px;
    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei"
}

a {
    color: #21b384;
    cursor: pointer
}

a:hover {
    color: #198764
}

label {
    font-size: 100%
}

.nowrap {
    white-space: nowrap
}

.breakall {
    word-break: break-all;
    word-wrap: break-word
}

input::-ms-clear {
    display: none
}

input[type="radio"], input[type="checkbox"] {
    margin-top: 2px;
    margin-top: 1px \9

}

.console-container {
    padding: 0 15px;
    min-width: 800px;
    background: #fff;
}

.console-sidebar {
    border-right: 1px solid #DDD
}

.console-sidebar .nav {
    margin-right: 4px
}

.console-sidebar .nav li {
    border-bottom: 1px solid #DDD;
    padding: 4px 0px;
    position: relative
}

.console-sidebar .nav li a {
    color: #333;
    padding: 6px 16px;
    border-left: 2px solid #FFF
}

.console-sidebar .nav li a:hover {
    background-color: #FFF;
    border-left: 2px solid #F90
}

.console-sidebar .nav li a span[class^="icon-"] {
    position: absolute;
    left: 0px;
    top: 8px;
    color: #999;
    font-size: 14px
}

.console-sidebar .nav li.active a {
    color: #fff;
    border-left: 2px solid #F90;
    background-color: #313844
}

.console-sidebar .nav .nav {
    margin-right: 0px
}

.console-sidebar .nav .nav li {
    border-bottom: 0px
}

.console-sidebar .nav .nav li a {
    text-indent: 12px;
    background: #FFF;
    border-left-color: #FFF;
    color: #333
}

.console-sidebar .nav .nav li a:hover {
    background-color: #FFF;
    border-left: 2px solid #F90
}

.console-sidebar .nav .nav li.active a {
    color: #fff;
    border-left: 2px solid #F90;
    background-color: #313844
}

.console-instance-head {
    padding: 3px 0px;
    border-bottom: 1px solid #DDD
}

.console-instance-head h3.instance-id {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle
}

.console-instance-head .pull-right {
    padding: 16px 0px 10px
}

.dropdown-menu {
    font-size: 12px;
    border-radius: 0px;
    padding: 0px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2)
}

.dropdown-menu li a {
    padding: 7px 16px
}

.dropdown-menu .divider {
    margin: 0px 0px
}

.console-chart {
    width: 100%
}

.tooltip {
    word-break: break-all
}

.popover .popover-inner {
    padding: 8px
}

.popover .popover-inner .popover-content {
    padding: 0px
}

.console-not-service {
    margin-top: 80px
}

.console-not-service .console-not-service-icon {
    text-align: right;
    padding-top: 8px
}

.console-not-service .console-not-service-title {
    font-size: 20px
}

.console-not-service .console-not-service-text {
    font-size: 12px;
    color: #666
}

.console-not-service .console-not-service-link {
    border-top: 1px solid #EEE;
    margin-top: 16px;
    padding-top: 16px
}

.console-step {
    height: 24px;
    position: relative;
    margin-left: 0px;
    margin-right: 0px
}

.console-step .step {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    color: #FFF;
    background: #cacaca;
    z-index: 1;
    text-align: center
}

.console-step .step:before {
    content: '';
    display: block;
    position: absolute;
    left: -12px;
    z-index: 8;
    top: 0px;
    border-top: 12px solid #cacaca;
    border-left: 12px solid transparent !important;
    border-bottom: 12px solid #cacaca
}

.console-step .step:after {
    content: '';
    display: block;
    width: 16px;
    height: 24px;
    position: absolute;
    right: 0px;
    z-index: 9;
    top: 0px;
    border-top: 12px solid transparent !important;
    border-left: 12px solid #cacaca;
    border-bottom: 12px solid transparent !important;
    background-color: #FFF
}

.console-step .step-first:before {
    display: none
}

.console-step .step-end:after {
    display: none
}

.console-step .step-pass {
    background-color: #99dcf3
}

.console-step .step-pass:after {
    border-color: #99dcf3
}

.console-step .step-pass:before {
    border-color: #99dcf3
}

.console-step .step-active {
    background-color: #00a0c7
}

.console-step .step-active:after {
    border-color: #00a0c7
}

.console-step .step-active:before {
    border-color: #00a0c7
}

.bank-abchina-enterprise, .bank-abchina, .bank-alipay, .bank-wzcb, .bank-bankcomm, .bank-bankofbeijing, .bank-bankofshanghai, .bank-bjrcb, .bank-boc-enterprise, .bank-boc, .bank-ccb-enterprise, .bank-ccb, .bank-cgbchina, .bank-cib, .bank-cmbc, .bank-cmbchina-enterprise, .bank-cmbchina, .bank-ecitic, .bank-fudian-bank, .bank-hccb, .bank-icbc-enterprise, .bank-icbc, .bank-nbcb, .bank-pingan, .bank-psbc, .bank-spdb-enterprise, .bank-spdb, .bank-srcb {
    display: inline-block;
    background: url("../images/banks.png") no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    border: 1px solid #ddd
}

.bank-abchina-enterprise {
    background-position: -0px -0px;
    width: 190px;
    height: 35px
}

.bank-abchina {
    background-position: -190px -0px;
    width: 190px;
    height: 35px
}

.bank-alipay {
    background-position: -380px -0px;
    width: 190px;
    height: 35px
}

.bank-wzcb {
    background-position: -570px -0px;
    width: 190px;
    height: 35px
}

.bank-bankcomm {
    background-position: -760px -0px;
    width: 190px;
    height: 35px
}

.bank-bankofbeijing {
    background-position: -0px -35px;
    width: 190px;
    height: 35px
}

.bank-bankofshanghai {
    background-position: -190px -35px;
    width: 190px;
    height: 35px
}

.bank-bjrcb {
    background-position: -380px -35px;
    width: 190px;
    height: 35px
}

.bank-boc-enterprise {
    background-position: -570px -35px;
    width: 190px;
    height: 35px
}

.bank-boc {
    background-position: -760px -35px;
    width: 190px;
    height: 35px
}

.bank-ccb-enterprise {
    background-position: -0px -70px;
    width: 190px;
    height: 35px
}

.bank-ccb {
    background-position: -190px -70px;
    width: 190px;
    height: 35px
}

.bank-cgbchina {
    background-position: -380px -70px;
    width: 190px;
    height: 35px
}

.bank-cib {
    background-position: -570px -70px;
    width: 190px;
    height: 35px
}

.bank-cmbc {
    background-position: -760px -70px;
    width: 190px;
    height: 35px
}

.bank-cmbchina-enterprise {
    background-position: -0px -105px;
    width: 190px;
    height: 35px
}

.bank-cmbchina {
    background-position: -190px -105px;
    width: 190px;
    height: 35px
}

.bank-ecitic {
    background-position: -380px -105px;
    width: 190px;
    height: 35px
}

.bank-fudian-bank {
    background-position: -570px -105px;
    width: 190px;
    height: 35px
}

.bank-hccb {
    background-position: -760px -105px;
    width: 190px;
    height: 35px
}

.bank-icbc-enterprise {
    background-position: -0px -140px;
    width: 190px;
    height: 35px
}

.bank-icbc {
    background-position: -190px -140px;
    width: 190px;
    height: 35px
}

.bank-nbcb {
    background-position: -380px -140px;
    width: 190px;
    height: 35px
}

.bank-pingan {
    background-position: -570px -140px;
    width: 190px;
    height: 35px
}

.bank-psbc {
    background-position: -760px -140px;
    width: 190px;
    height: 35px
}

.bank-spdb-enterprise {
    background-position: -0px -175px;
    width: 190px;
    height: 35px
}

.bank-spdb {
    background-position: -190px -175px;
    width: 190px;
    height: 35px
}

.bank-srcb {
    background-position: -380px -175px;
    width: 190px;
    height: 35px
}

.rechargeMoneyLabel {
    float: left;
    width: 84px
}

.recharge input[type="radio"] {
    height: 32px
}

.radio-inline {
    margin-right: 10px
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-left: 0
}

.line-height-24 {
    line-height: 24px
}

.line-height-32 {
    line-height: 32px
}

.custom-amount-input-field .help-block {
    display: inline
}

.text-black-bold {
    color: #000 !important;
    font-weight: bold !important
}

.text-size-18 {
    font-size: 18px !important
}

.account-block {
    border: solid 1px #ccd6e0
}

.account-home-left-title {
    display: inline-block;
    width: 94px;
    text-align: right
}

.account-home-cash {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: dashed 1px #bcbcbc
}

.account-home-cash.error {
    border-bottom: none
}

.account-home-credit {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: dashed 1px #bcbcbc
}

.account-home-threshold {
    padding-top: 20px;
    padding-bottom: 20px
}

.account-home-sum-item {
    border-left: solid 1px #ccd6e0;
    border-bottom: solid 1px #ccd6e0;
    border-right: solid 1px #ccd6e0;
    border-top-width: 0;
    padding: 20px 40px;
    height: 80px
}

.account-home-sum-item .item-title {
    font-size: 18px;
    line-height: 18px
}

.account-home-sum-item .item-title .sub {
    font-size: 13px
}

.account-home-sum-item .item-content {
    font-size: 13px;
    line-height: 13px;
    margin-top: 7px
}

.account-home-sum-item.no-border {
    border-left: none;
    border-right: none
}

.account-home-sum-item.error {
    font-size: 12px;
    line-height: 38px
}

.account-alipay {
    padding-top: 25px;
    padding-bottom: 25px
}

.account-aliay-icon {
    font-size: 16px;
    color: #546377
}

.account-alipay-title {
    font-size: 14px;
    line-height: 24px;
    margin-left: -4px;
    font-weight: bold
}

.account-alipay-subtitle {
    font-size: 12px;
    line-height: 24px;
    font-weight: bold
}

.account-alipay-subtitle a {
    font-weight: normal
}

.account-alipay-content {
    margin-top: 5px;
    font-size: 12px;
    line-height: 24px;
    color: #999
}

.account-encash-label {
    display: inline-block;
    text-align: right;
    width: 112px
}

.account .encashment .table-content {
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 0
}

.account .encashment .form-horizontal .control-label {
    margin-top: 5px
}

.coupon-tooltip .tooltip .tooltip-inner {
    max-width: 280px
}

.truncate-dialog-height {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto
}

.remit-help td {
    vertical-align: top;
    padding: 8px 0px
}

.remit-help .banklist label {
    font-weight: normal;
    height: 40px
}

.remit-help .banklist label .bank-select {
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    float: left
}

.remit-help .banklist label .bank-img {
    float: left;
    height: 36px;
    padding-top: 0px;
    padding-left: 12px
}

.remit-help .banklist label .bank-img div {
    margin-top: 0px
}

.remit-help .banklist label .bank-text {
    height: 32px;
    padding: 2px 8px;
    line-height: 16px;
    float: left
}

.consumption .total-row {
    border: none
}

.consumption .total-row td {
    background: #f5f6fa !important
}

.consumption .detail-row {
    border-top: none
}

.consumption .parent-summary-text {
    font-weight: bold;
    font-size: 14px
}

.consumption .sub-summary-text {
    font-size: 12px;
    padding-left: 10px
}

.consumption-flow-fee-column {
    width: 240px;
    padding-right: 100px !important
}

.consumption-export-from .help-block {
    color: #999
}

.month-selector-area {
    padding: 10px 16px !important
}

.text-muted-cc {
    color: #ccc
}

.region-list-area .table {
    margin-bottom: 0px !important
}

.region-list-area .table .icon-down {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    cursor: pointer
}

.region-list-area .table .icon-up {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    cursor: pointer
}

.region-list-area .region-table tr th {
    font-size: 14px;
    color: black !important
}

.region-list-area .region-item-list .table {
    margin-top: -1px
}

.region-list-area .region-item-list .table thead {
    display: none
}

.region-list-area .region-item-list .region-item-list-detail .grid-row-extend-action {
    width: 30px
}

.list-summary-panel {
    height: 72px;
    background: #f5f6fa
}

.list-summary-panel .total-money {
    font-weight: bold
}

.list-summary-panel .main-row {
    font-size: 14px !important;
    color: #000 !important
}

.list-summary-panel .summary-row {
    color: #666;
    font-size: 12px
}

.grid-row-extend-action {
    width: 40px
}

.bill-region-money-column {
    width: 180px;
    text-align: right
}

.bill-region-extend-column {
    width: 40px
}

.consumption-searchbar .date-picker-unit {
    width: 80px !important
}

.region-detail .region-detail-item-origin-pay {
    text-decoration: line-through
}

.subOrder-table {
    margin-bottom: 0px !important
}

.tab-with-popover .popover {
    width: 220px
}

.resource-detail-table table th:first-child {
    padding-left: 19px !important
}

.resource-detail-table table td:first-child {
    padding-left: 19px !important
}

.margin-left-8 {
    margin-left: -8px !important
}

.ordernet-ul {
    line-height: 40px;
    padding: 0
}

.ordernet-ul li {
    float: left;
    list-style: none;
    height: 40px;
    margin: 0 4px
}

.ordernet-ul li a {
    height: 40px;
    border-bottom: 1px solid #fff;
    display: block;
    color: #333;
    text-decoration: none
}

.ordernet-ul li a:hover {
    color: #1caf9a;
    border-bottom: 1px solid #1caf9a;
    text-decoration: none
}

.ordernet-ul .active a {
    color: #1caf9a;
    border-bottom: 1px solid #1caf9a;
    text-decoration: none
}

.clearfix:after {
    clear: both
}

.clearfix:before, .clearfix:after {
    display: table;
    content: " "
}

.select-cluster-disabled {
    color: #999 !important
}

.select-cluster-disabled .more {
    display: none !important
}

.create-cluster-step, .create-table-step {
    margin-top: 14px
}

.create-cluster-step .create-cluster-region-select, .create-table-step .create-cluster-region-select {
    position: relative;
    top: -4px
}

.create-cluster-step .text-muted:hover, .create-table-step .text-muted:hover {
    cursor: default;
    text-decoration: none
}

.create-cluster-step .panel, .create-table-step .panel {
    margin-top: -1px;
    background: #f9f9fa
}

.create-cluster-step .step-body, .create-table-step .step-body {
    padding: 32px 24px 50px;
    border: 1px solid #ddd
}

.create-cluster-step .list-selector .selector-l-box, .create-table-step .list-selector .selector-l-box {
    width: 70%;
    float: left
}

.create-cluster-step .list-selector .selector-r-box, .create-table-step .list-selector .selector-r-box {
    width: 24%;
    float: left
}

.create-cluster-step .list-selector .selector-mid, .create-table-step .list-selector .selector-mid {
    width: 6%;
    float: left
}

.create-cluster-step .already-selected table, .create-table-step .already-selected table {
    margin-top: -1px
}

.create-cluster-step .list-selector .selector-box .inner-wrap, .create-table-step .list-selector .selector-box .inner-wrap {
    height: 260px
}

.create-cluster-step .nav-preview, .create-table-step .nav-preview {
    width: 54px;
    height: 28px;
    border: 1px solid #dddddd;
    border-radius: 4px
}

.create-cluster-step .nav-preview li, .create-table-step .nav-preview li {
    float: left;
    width: 26px;
    height: 26px;
    background: #f7f7f7
}

.create-cluster-step .nav-preview li a, .create-table-step .nav-preview li a {
    padding: 6px 7px;
    color: #c5c5c5
}

.create-cluster-step .nav-preview li.active, .create-table-step .nav-preview li.active {
    background: #fff
}

.create-cluster-step .nav-preview li.active a, .create-table-step .nav-preview li.active a {
    color: #888
}

.create-cluster-step .nav-preview li:hover a, .create-table-step .nav-preview li:hover a {
    text-decoration: none
}

.create-cluster-step .nav-preview li.grid-view, .create-table-step .nav-preview li.grid-view {
    border-left: 1px solid #ddd
}

.create-cluster-step .thumbnails-view-list, .create-table-step .thumbnails-view-list {
    border: 1px solid #ddd
}

.create-cluster-step .thumbnails-view-list .panel-hd, .create-table-step .thumbnails-view-list .panel-hd {
    background: #f0f0f0;
    border-bottom: 1px solid #ddd;
    height: 42px;
    line-height: 42px;
    padding-left: 10px
}

.create-cluster-step .thumbnails-view-list .panel-bd, .create-table-step .thumbnails-view-list .panel-bd {
    padding: 0 20px 20px 0
}

.create-cluster-step .thumbnails-view-list .panel-bd li, .create-table-step .thumbnails-view-list .panel-bd li {
    margin-top: 20px;
    padding-left: 20px;
    float: left;
    width: 50%
}

.create-cluster-step .thumbnails-view-list .panel-bd li .db_box, .create-table-step .thumbnails-view-list .panel-bd li .db_box {
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.create-cluster-step .grid-view .table tbody tr td, .create-table-step .grid-view .table tbody tr td {
    padding-top: 2px
}

.create-cluster-step .grid-view .panel-bd, .create-table-step .grid-view .panel-bd {
    padding: 0
}

.create-cluster-step .grid-view .panel-bd li, .create-table-step .grid-view .panel-bd li {
    margin-top: 10px;
    padding-left: 20px;
    float: left;
    width: 16%
}

.create-cluster-step .grid-view .panel-bd li .db_box, .create-table-step .grid-view .panel-bd li .db_box {
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.create-cluster-step .success-step h3, .create-table-step .success-step h3 {
    margin-bottom: 22px
}

.create-cluster-step .success-step p, .create-table-step .success-step p {
    margin-bottom: 22px
}

.create-cluster-step .success-step .icon-yes-1, .create-table-step .success-step .icon-yes-1 {
    position: absolute;
    top: 18px;
    left: -30px
}

.contract-color-1ba4d1 {
    color: #1ba4d1
}

.contract-apply-order .more-orderlist {
    background: #EAEDF1;
    height: 30px;
    line-height: 30px;
    margin-bottom: 30px
}

.contract-apply-order .order-confirm {
    background: #F5F6FA;
    border: 1px solid #dddddd;
    padding: 28px 30px 15px;
    font-weight: bold;
    font-size: 14px
}

.contract-apply-order .party-form-label {
    width: 85px;
    float: left
}

.contract-apply-order .not-certified {
    margin-top: -21px;
    padding: 70px 0;
    border: 1px solid #e1e6eb
}

.contract-manage .manage-list-col-1 {
    width: 190px
}

.contract-manage .manage-list-col-2 {
    width: 150px
}

.contract-manage .manage-list-col-3 {
    width: 50px
}

.contract-manage .contract-modify-info a {
    text-decoration: none;
    color: #333
}

.contract-manage .contract-modify-info a:hover {
    color: #1caf9a
}

.contract-manage .relative-order-id p {
    line-height: 28px
}

.contract-grid-none-data {
    padding: 60px 0;
    border: 1px solid #e1e6eb;
    margin-top: -20px;
    border-top: 0
}

.transfer-to-official-dialog .modal-dialog {
    width: 650px
}

.glyphicon-download-alt:hover {
    color: #06c !important
}

.contract-list-table .popover {
    width: 286px !important
}

.toggle-show-other-orders {
    color: #333;
    cursor: pointer
}

.uc-process {
    width: 100%;
    height: 26px;
    zoom: 1
}

.uc-process:after {
    display: block;
    clear: both;
    height: 0;
    content: "\0020"
}

.uc-process .unit, .uc-process .current, .uc-process .past {
    float: left;
    display: inline;
    height: 30px;
    width: 250px;
    background: #ccc;
    color: #fff;
    padding-left: 20px;
    font-size: 12px;
    line-height: 30px;
    cursor: default;
}

.uc-process .current {
    background: yellowgreen
}

.uc-process .unit-spec {
    background: chocolate !important;
}

.uc-process .arrow-current .arrow-spec {
    border-left-color: chocolate !important;
}

.product {
    height: 32px;
    overflow: hidden;
    background: lightgrey !important;
}

.uc-process .past {
    background: #9cddf5;
    color: #fff
}

.uc-process .arrow, .uc-process .arrow-current, .uc-process .arrow-complete, .uc-process .arrow-past {
    position: relative;
    float: left;
    display: inline;
    width: 2%;
    height: 32px;
    overflow: hidden;
}

.uc-process .ac-bg {
    background: #1caf9a;
}

.uc-process .next {
    position: absolute;
    display: block;
    left: 0;
    top: -3px;
    height: 0;
    width: 0;
    overflow: hidden;
    border: solid 10px transparent;
    border-width: 19px 11px;
    _border-color: black;
    _filter: chroma(color=#000);
    border-left-color: #fff
}

.uc-process .prev {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    border: solid 10px transparent;
    border-width: 15px 8px;
    _border-color: black;
    _filter: chroma(color=#000);
    border-left-color: #ccc
}

.uc-process .arrow-current .prev {
    border-left-color: yellowgreen
}

.uc-process .arrow-complete {
    background: yellowgreen
}

.uc-process .arrow-complete .prev {
    border-left-color: #9cddf5
}

.uc-process .arrow-past {
    background: #9cddf5
}

.uc-process .arrow-past .prev {
    border-left-color: #9cddf5
}

.refund-info .info-box {
    line-height: 2;
    color: #000
}

.refund-info .info-text {
    color: #666
}

.meg-done span {
    float: left;
    margin-right: 10px
}

.meg-done h1 {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold
}

.meg-done {
    text-align: left;
    width: 100%;
    margin: 0 15px
}

.refund_done {
    width: 50%;
    margin: 80px auto
}

.refund_done_info {
    margin-left: 62px;
    line-height: 30px
}

.refund_done_btn {
    margin-left: 62px
}

.refundReason-border {
    border: 1px solid #E4E4E4;
    border-top: none
}

.refund-button-background {
    background: #F5F6FA;
    margin-top: -20px;
    padding: 10px 12px
}

.refund-button-background2 {
    background: #F5F6FA;
    padding: 10px 12px
}

.refund-border {
    border: 1px solid #E4E4E4
}

.tooltip {
    z-index: 1050
}

.text-question {
    color: #ccc !important
}

td.text-gray {
    color: #666 !important
}

.dialog-icon-color {
    color: #1caf9a
}

.no-data-info {
    height: 200px;
    font-size: 18px;
    padding-top: 90px;
    margin-top: -21px
}

.no-data-info .icon-info-1 {
    color: #1caf9a;
    font-size: 20px
}

.grid-no-data-sm {
    height: auto;
    font-size: 16px;
    padding: 10px;
    margin-top: -21px
}

.grid-no-data-sm .icon-info-1 {
    color: #1caf9a;
    font-size: 16px
}

.search-bar .simple-form-field {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    width: 33%
}

.search-bar .simple-form-field .form-group {
    clear: both
}

.search-bar .simple-form-field .form-group label {
    text-align: right;
    line-height: 28px
}

.previewImgInFormField {
    height: 50px;
    width: 50px
}

.form-inline .simple-form-field {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
}

.form-inline .simple-form-field {
    margin: 4px 8px 4px 0px;
    display: inline-block;
    vertical-align: middle
}

.form-inline .form-control-wrap {
    display: inline-block;
    vertical-align: middle
}

.date-step-unit .date-step-span {
    display: inline-block;
    width: 32px;
    float: left;
    text-align: center;
    line-height: 32px
}

.date-step-unit .date-unit {
    float: left
}

.date-unit .date-picker-unit {
    display: inline-block;
    float: left;
    width: 112px
}

.date-unit .console-timepicker {
    margin-left: 8px
}

.date-unit .hour-only .console-number-spinner {
    display: none
}

.date-unit .hour-only strong {
    display: none
}

.hour-only .console-number-spinner:first-child {
    display: block
}

.console-dash-line {
    border-top: 1px #999 dashed
}

.visibility-hidden {
    visibility: hidden
}

.visibility-show {
    visibility: visible
}

.table-content {
    border: 1px solid #ddd;
    padding: 20px
}

.width-100 {
    width: 100px !important
}

.width-140 {
    width: 140px !important
}

.width-155 {
    width: 155px !important
}

.width-60 {
    width: 60px !important
}

.padding-none {
    padding: 0px !important
}

.line-height-16 {
    line-height: 16px
}

.margin-horizon-15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.margin-top-20 {
    margin-top: 20px
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.text-size-12 {
    font-size: 12px !important
}

.inline-block {
    display: inline-block !important
}

.popover {
    max-width: 500px
}

.captcha-code-style {
    cursor: pointer
}

.light-title {
    height: 34px;
    line-height: 24px;
    margin-bottom: -10px;
    background: #f5f6fa;
    padding: 5px 10px
}

.no-text-select {
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn-expense-file-upload {
    position: relative;
    overflow: hidden
}

.btn-expense-file-upload input {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden
}

.label {
    background-color: #d1dade;
    color: #5e5e5e;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 9px;
    text-shadow: none;
}

.badge {
    background-color: #d1dade;
    color: #5e5e5e;
    font-size: 11px;
    font-weight: 300;
    padding: 2px 5px 4px 5px;
    text-shadow: none;
}

.label-success, .badge-success {
    background-color: #0aa699;
    color: #fff;
}

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

.label-important, .badge-important {
    background-color: #f35958 !important;
    color: #fff;
}

.label-info, .badge-info {
    background-color: #1caf9a;
    color: #fff;
}

.label-inverse, .badge-inverse {
    background-color: #1f3853;
    color: #fff;
}

.label-white, .badge-white {
    background-color: #fff;
    color: #5e5e5e;
}

.label-white, .badge-disable {
    background-color: #2a2e36;
    color: #8b91a0;
}

.nav-badge {
    margin-top: 13px;
    margin-right: 10px;
}

.table-responsive {
    border: 0
}

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

.muted {
    color: #b6bfc5;
}

@media screen and (max-width: 1300px) {
    .table-responsive {
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 13.5px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

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

    .table-responsive p {
        white-space: nowrap
    }

}

.semi-bold {
    font-weight: 600;
}

.tooltip-inner {
    background-color: #666;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #666;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #666;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #666;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #666;
}

/***
Tiles(new in v1.1.1)
***/
.tiles {
    margin-right: -10px;
}

.tiles:before, .tiles:after {
    display: table;
    content: " ";
}

.tiles:after {
    clear: both;
}

.tiles .tile {
    display: block;
    letter-spacing: 0.02em;
    float: left;
    height: 135px;
    width: 135px !important;
    cursor: pointer;
    text-decoration: none;
    color: #ffffff;
    position: relative;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.02em;
    line-height: 20px;
    overflow: hidden;
    border: 4px solid transparent;
    margin: 0 10px 10px 0;
}

.tiles .tile:after, .tiles .tile:before {
    content: "";
    float: left;
}

.tiles .tile.double {
    width: 280px !important;
}

.tiles .tile.double-down {
    height: 280px !important;
}

.tiles .tile.double-down i {
    margin-top: 95px;
}

.tiles .tile:hover {
    border-color: #aaa !important;
}

.tiles .tile:active, .tiles .tile.selected {
    border-color: #ccc !important;
}

.tiles .tile.selected .corner:after {
    content: "";
    display: inline-block;
    border-left: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-right: 40px solid #ccc;
    position: absolute;
    top: -3px;
    right: -3px;
}

.tiles .tile.selected .check:after {
    content: "";
    font-family: FontAwesome;
    font-size: 13px;
    content: "\f00c";
    display: inline-block;
    position: absolute;
    top: 2px;
    right: 2px;
}

.tiles .tile.icon {
    padding: 0;
}

.tiles .tile.image .tile-body {
    padding: 0 !important;
}

.tiles .tile.image .tile-body > img {
    width: 100%;
    height: auto;
    min-height: 100%;
    max-width: 100%;
}

.tiles .tile.image .tile-body h3 {
    display: inline-block;
}

.tiles .tile .tile-body {
    height: 100%;
    vertical-align: top;
    padding: 10px 10px;
    overflow: hidden;
    position: relative;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    color: #ffffff;
    margin-bottom: 10px;
}

.tiles .tile .tile-body p {
    font-weight: 400;
    font-size: 13px;
    color: #000000;
    color: #ffffff;
    line-height: 20px;
    overflow: hidden;
}

.tiles .tile .tile-body p:hover {
    color: rgba(0, 0, 0, 0.8);
}

.tiles .tile .tile-body p:active {
    color: rgba(0, 0, 0, 0.4);
}

.tiles .tile .tile-body p:hover {
    color: #ffffff;
}

.tiles .tile .tile-body img {
    float: left;
    margin-right: 10px;
}

.tiles .tile .tile-body img.pull-right {
    float: right !important;
    margin-left: 10px;
    margin-right: 0px;
}

.tiles .tile .tile-body > .content {
    display: inline-block;
}

.tiles .tile .tile-body > i {
    margin-top: 17px;
    display: block;
    font-size: 56px;
    line-height: 56px;
    text-align: center;
}

.tiles .tile .tile-body h1,
.tiles .tile .tile-body h2,
.tiles .tile .tile-body h3,
.tiles .tile .tile-body h4,
.tiles .tile .tile-body h5,
.tiles .tile .tile-body h6,
.tiles .tile .tile-body p {
    padding: 0;
    margin: 0;
    line-height: 14px;
}

.tiles .tile .tile-body h1:hover,
.tiles .tile .tile-body h2:hover,
.tiles .tile .tile-body h3:hover,
.tiles .tile .tile-body h4:hover,
.tiles .tile .tile-body h5:hover,
.tiles .tile .tile-body h6:hover,
.tiles .tile .tile-body p:hover {
    color: #ffffff;
}

.tiles .tile .tile-body h3,
.tiles .tile .tile-body h4 {
    margin-bottom: 5px;
}

.tiles .tile .tile-object {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 30px;
    background-color: transparent;
    *zoom: 1;
}

.tiles .tile .tile-object:before, .tiles .tile .tile-object:after {
    display: table;
    content: "";
}

.tiles .tile .tile-object:after {
    clear: both;
}

.tiles .tile .tile-object > .name {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 15px;
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
}

.tiles .tile .tile-object > .name > i {
    vertical-align: middle;
    display: block;
    font-size: 24px;
    height: 18px;
    width: 24px;
}

.tiles .tile .tile-object > .number {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.01em;
    line-height: 14px;
    margin-bottom: 8px;
    margin-right: 10px;
}

.tiles .tiles-body {
    padding: 19px 18px 15px 24px;
}

.tiles.blue {
    background-color: #0090d9;
}

.tiles.added-margin {
    margin-right: -10px;
}

.tiles {
    color: #fff;
    margin-right: -10px;
    position: relative;
}

.tiles {
    margin-right: -10px;
}

/*** Progress bars **/
.progress {
    height: 12px;
    background-color: #ebeef1;
    background-image: none;
    box-shadow: none;
}

.progress.no-radius {
    border-radius: 0px;
}

.progress.no-radius .progress-bar {
    border-radius: 0px;
}

.progress.transparent {
    background-color: rgba(0, 0, 0, 0.28);
}

.progress.progress-small {
    height: 4px;
}

.progress.progress-large {
    height: 20px;
}

.progress-bar {
    box-shadow: none;
    border-radius: 3px;
    background-color: #0090D9;
    background-image: none;
    -webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -ms-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860); /* easeInOutCirc */

    -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); /* easeInOutCirc */
}

.progress-bar-success {
    background-color: #0AA699;
    background-image: none;
}

.progress-bar-info {
    background-color: #0090D9;
    background-image: none;
}

.progress-bar-warning {
    background-color: #FDD01C;
    background-image: none;
}

.progress-bar-danger {
    background-color: #F35958;
    background-image: none;
}

.progress-bar-white {
    background-color: #fff;
    background-image: none;
}

.progress-info .bar, .progress .bar-info {
    background-color: #0090D9;
    background-image: none;
}

.progress-warning .bar, .progress .bar-warning {
    background-color: #FDD01C;
    background-image: none;
}

.progress-danger .bar, .progress .bar-danger {
    background-color: #F35958;
    background-image: none;
}

.progress-white .bar, .progress .bar-white {
    background-color: #fff;
    background-image: none;
}

.progress-success.progress-striped .bar, .progress-striped .bar-success {
    background-color: #0AA699;
}

.progress-info.progress-striped .bar, .progress-striped .bar-info {
    background-color: #0090D9;
}

ul.progress-list {
    list-style: none;
    width: 100%;
    margin: 0px 5px 23px 0;
    padding: 5px;
    background: #efeff0;
}

ul.progress-list li .details-wrapper {
    display: inline-block;
    float: left;

}

ul.progress-list li .details-wrapper .name {
    display: block;
    color: #000;
    font-size: 13px
}

ul.progress-list li .details-wrapper .description {
    display: block;
    color: #9a9a9a;
    font-size: 12px
}

ul.progress-list li .details-status {
    display: inline-block;
    background-color: #ff6600;
    color: #fff;
    font-size: 11px;
    padding: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

ul.progress-list li .progress {
    margin-top: 10px;
}

.details-status-single {
    display: inline-block;
    background-color: #e5e9ec;
    color: #5c6370;
    font-size: 11px;
    padding: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tiles-pool-list {
    margin-top: 0px;
}

.tiles-pool-list ul {
    list-style: none outside none;
    width: 100%;
    height: 30px;
    padding: 0;
    margin-bottom: 5px;
}

.tiles-pool-list ul li {
    height: 30px;
    width: 33.3%;
    float: left;
}

.p-33 {
    width: 33.3% !important;
}

.p-50 {
    width: 50% !important;
}

/***
Customized Bootstrap Labels
***/
.label {
    text-shadow: none !important;
    font-size: 13px;
    font-weight: 300;
    padding: 3px 6px 3px 6px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
}

.label.label-sm {
    font-size: 12px;
    padding: 1px 4px 1px 4px;
}

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

/* Labels variants */
.label-default {
    background-color: #c6c6c6;
}

.label-default[href]:hover, .label-default[href]:focus {
    background-color: #adadad;
}

.label-primary {
    background-color: #428bca;
}

.label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #3071a9;
}

.label-success {
    background-color: #45b6af;
}

.label-success[href]:hover, .label-success[href]:focus {
    background-color: #37918b;
}

.label-info {
    background-color: #89c4f4;
}

.label-info[href]:hover, .label-info[href]:focus {
    background-color: #5aadf0;
}

.label-warning {
    background-color: #ecbc29;
}

.label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #d0a112;
}

.label-danger {
    background-color: #f3565d;
}

.label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #f0262f;
}

/***
Iconic labels
***/
.label.label-icon {
    padding: 4px 0px 4px 4px;
    margin-right: 2px;
    text-align: center !important;
}

.label.label-icon > i {
    font-size: 12px;
    text-align: center !important;
}

.ie8 .label.label-icon, .ie9 .label.label-icon {
    padding: 3px 0px 3px 3px;
}

.tiles-pool-list ul li span {
    display: inline-block;
    height: 30px;
    line-height: 25px;
    width: 100%;
}

.tiles-pool-list-color {
    width: 160px;
    margin-right: 5px;
    float: right;
}

.tiles-pool-list-color ul {
    list-style: none outside none;
    width: 160px;
    height: 20px;
    padding: 0;
}

.tiles-pool-list-color ul li {
    height: 22px;
    width: 33.3%;
    border: 1px #fff solid;
    float: left;
}

.tiles-pool-list-color ul li span {
    display: inline-block;
    height: 20px;
    width: 100%;
}

.spacing-bottom {
    margin-bottom: 15px;
}