@charset "UTF-8";.viewFramework-topbar {
    position: fixed;
    width: 100%;
    height: 50px;
    background: #09C;
    z-index: 101
}

input,button,select,textarea{outline:none}
textarea{resize:none}

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

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

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

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

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

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

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

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

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

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

.viewFramework-sidebar .sidebar-fold {
    height: 30px;
    width: 180px;
    background: #394555;
    color: #aeb9c2;
    text-align: center;
    line-height: 30px !important;
    font-size: 12px;
    user-select: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none
}

.viewFramework-sidebar .sidebar-fold:hover {
    background: #37424f
}

.viewFramework-sidebar .sidebar-nav {
    width: 180px
}

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

.viewFramework-sidebar .sidebar-nav li a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden
}

.viewFramework-sidebar .sidebar-nav li a:hover {
    background: #37424f
}

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

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

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

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

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

.viewFramework-sidebar .sidebar-nav .sidebar-title {
    height: 40px;
    background: #22282e;
    color: #fff;
    line-height: 40px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none
}

.viewFramework-sidebar .sidebar-nav .sidebar-title:hover {
    background: #414d5c
}

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

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

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

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

.viewFramework-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)
}

.viewFramework-sidebar .sidebar-nav-fold .sidebar-title {
    background: #37424f;
    border-bottom: 1px solid #414d5c
}

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

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

.viewFramework-sidebar .sidebar-nav .nav-icon {
    width: 50px;
    text-align: center;
    font-size: 16px;
    float: left;
    color: #aeb9c2
}

.viewFramework-sidebar .sidebar-nav .nav-title {
    float: left;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 130px
}

.viewFramework-sidebar .entrance-nav .nav-title {
    width: auto
}

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

.viewFramework-sidebar .sidebar-nav li.consolehome a {
    height: 70px;
    line-height: 70px;
    background: #293038
}

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

.viewFramework-sidebar .sidebar-nav li.consolehome.active a {
    background: #293038
}

.viewFramework-sidebar .sidebar-nav li.active a {
    background: #0099cc
}

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

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

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

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

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

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

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

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

.viewFramework-sidebar .sidebar-nav .more-nav.open .more-nav-switch {
    background: #09c
}

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

.viewFramework-sidebar .sidebar-nav .more-nav.open .more-nav-switch:hover {
    background: #09c
}

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

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

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

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

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

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

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

.viewFramework-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%
}

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

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

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

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

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

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

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item.active .more-nav-item-icon {
    color: #0099cc
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-close {
    height: 20px;
    background: #09c;
    text-align: right;
    line-height: 20px;
    cursor: pointer
}

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

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

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-content,.viewFramework-sidebar.sidebar-mini .sidebar-content {
    width: 70px
}

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

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav,.viewFramework-sidebar.sidebar-mini .sidebar-nav {
    width: 50px
}

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

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .nav-title,.viewFramework-sidebar.sidebar-mini .sidebar-nav .nav-title {
    display: none
}

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

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

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

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

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

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

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

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-title .sidebar-title-text,.viewFramework-sidebar.sidebar-mini .sidebar-title .sidebar-title-text {
    display: none
}

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

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-manage,.viewFramework-sidebar.sidebar-mini .sidebar-manage {
    display: none
}

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

.viewFramework-sidebar-full .viewFramework-sidebar,.viewFramework-sidebar.sidebar-full {
    width: 180px;
    display: block
}

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

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

.viewFramework-sidebar-full .viewFramework-product {
    left: 180px
}

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

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

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

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

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

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

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

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

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

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

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

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

.viewFramework-sidebar-manage .sidebar-item .sidebar-item-icon {
    color: #aeb9c2;
    font-size: 14px;
    margin: 0 2px;
    position: relative;
    top: 1px
}

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

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

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

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

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

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

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

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

.viewFramework-product {
    min-width: 1050px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
    background: #FFF
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.viewFramework-product-navbar .product-nav-sub-scene .product-nav-title a:hover {
    color: #09C
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.viewFramework-product-body {
    position: absolute;
    width: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    overflow-y: auto;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease
}

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

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

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

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

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

.viewFramework-product-col-1 .viewFramework-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
}

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

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

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

.viewFramework-product-col-1 .viewFramework-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
}

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

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

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

.viewFramework-fadeIn {
    -webkit-animation-name: viewFrameworkFadeIn;
    animation-name: viewFrameworkFadeIn
}

@-webkit-keyframes viewFrameworkFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes viewFrameworkFadeIn {
    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: #09C !important
}

.text-primary:hover {
    color: #09C !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 !important
}

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 {
    border-radius: 0px;
    padding: 8px 25px;
    height: 32px;
    line-height: 14px
}


.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 #09c;
    background-color: #09c
}

.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 #09c;
    background-color: #09c;
    outline: none
}

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

.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: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7
}

.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 {
    color: #333;
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7
}

.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:hover {
    color: #fff;
    border: 1px solid #f25721;
    background-color: #f25721
}

.btn-link {
    color: #06C;
    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 {
    background: #FFF;
    font-size: 12px;
    border-top: 1px solid #c9d4da;
    border-bottom: : 1px solid #c9d4da;
    margin-bottom: 0; 
    box-sizing:content-box;
}

.table thead tr th {
    padding: 8px 8px;
    font-weight: normal;
    color: #666;
    border-bottom: 1px solid #e1e6eb;
    background-color: #F5F6FA
}

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

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

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

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

.table tfoot tr td {
    padding: 12px 8px;
    border-bottom: 1px solid #e1e6eb;
    vertical-align: middle
}

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

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

.table-hover tbody tr:hover td,.table-source tbody tr.active td,.table-clone > tbody > tr.active 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: #28B5D6;
    border-color: #28B5D6
}

.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: #09C;
    border: 1px solid #09C
}

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

.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: 32px;
    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-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: #06C
}

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

.aliyun-console-topbar {
    position: relative;
    z-index: 100;
    clear: both;
    height: 50px;
    background: #6DB33F;
    font-size: 12px;
    min-width: 990px
}

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

.aliyun-console-topbar a:focus {
    outline: none
}

.aliyun-console-topbar .accessibility-ast {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px
}

.aliyun-console-topbar .accessibility-ast:focus {
    position: absolute;
    top: 0;
    left: 310px
}

.aliyun-console-topbar .glyphicon-triangle-bottom {
    display: inline-block;
    width: 18px;
    text-align: center;
    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
}

.aliyun-console-topbar .dropdown .dropdown-menu {
    z-index: 1;
    font-size: 14px;
    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)
}

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

.aliyun-console-topbar .dropdown.open .glyphicon-triangle-bottom {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

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

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

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

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

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

.aliyun-console-topbar .topbar-head {
    background: #008fbf;
    height: 50px;
    position: relative;
    z-index: 3
}

.aliyun-console-topbar .topbar-nav {
    position: relative;
    z-index: 2;
    background: #09C
}

.aliyun-console-topbar .topbar-logo,.aliyun-console-topbar .topbar-home {
    display: block;
    width: 50px;
    background: #0099cc;
    font-size: 28px;
    color: #FFF;
    text-align: center;
    line-height: 50px
}

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

.aliyun-console-topbar .topbar-logo {
    background: #0087b4
}

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

.aliyun-console-topbar .topbar-home:hover {
    background: #008fbf
}

.aliyun-console-topbar .topbar-home-link {
    padding: 0 20px;
    margin-right: 1px;
    background: #09c
}

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

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

.aliyun-console-topbar .topbar-btn:hover,.aliyun-console-topbar .topbar-btn.topbar-btn-dark {
    background: #008fbf
}

.aliyun-console-topbar .topbar-nav.open .topbar-nav-btn {
    background: #fff;
    color: #333
}

.aliyun-console-topbar .topbar-nav-btn {
    padding: 0 20px;
    display: inline-block;
    height: 50px
}
.aliyun-console-topbar .topbar-nav-btn .glyphicon{ font-size: 10px; margin-left: 5px;}

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

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

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

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

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

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

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

.aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li a:hover {
    background-color: #f2f2f2
}
.aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li a .glyphicon{ color: #cccccc;}
.aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li a .topbar-nav-item-icon {
    padding-right: 2px;
    font-size: 16px;
    vertical-align: text-bottom;
    display: inline-block
}

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

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

.aliyun-console-topbar .topbar-info {
    background: #008fbf;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0
}

.aliyun-console-topbar .topbar-info .topbar-btn {
    padding: 0 10px;
    height: 50px;
    display: block;
    z-index: 2;
    background: #09c
}
.aliyun-console-topbar .topbar-info .topbar-btn .glyphicon{ font-size: 10px;}

.aliyun-console-topbar .topbar-info .topbar-btn:hover,.aliyun-console-topbar .topbar-info .topbar-btn.topbar-btn-dark {
    background: #008fbf
}

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

.aliyun-console-topbar .topbar-info .topbar-btn-search {
    padding: 0;
    margin-left: 1px
}

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

.aliyun-console-topbar .topbar-info .dropdown .dropdown-menu {
    width: 100%;
    min-width: 0;
    margin: 0;
    border: none
}

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

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

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

.aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu {
    width: 310px;
    left: auto;
    right: 0
}

.aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-identity {
    height: 80px;
    padding: 8px 16px;
    position: relative
}

.aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-identity .user-identity-item {
    height: 32px;
    line-height: 32px;
    display: block
}

.aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-identity .user-identity-colon {
    padding: 0 5px
}

.aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-identity-sign {
    padding: 2px 6px;
    background: #7ecef4;
    color: #fff;
    border-radius: 1px
}

.aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-identity-sign-wrap {
    position: absolute;
    top: 14px;
    right: 30px
}

.aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-btn-link {
    display: inline-block;
    color: #06C
}

.aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-btn-link:hover {
    background: none;
    text-decoration: underline
}

.aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-btn-link.user-btn-link-signout {
    float: right;
    padding: 0 16px
}

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

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

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

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

.aliyun-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)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.aliyun-console-topbar .topbar-btn-notice .topbar-btn-notice-num.topbar-btn-notice-num-zero {
    color: #00ace9;
    background-color: #0087b4
}

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

.aliyun-console-topbar .topbar-qrcode {
    position: relative;
    margin-left: 1px
}

.aliyun-console-topbar .topbar-qrcode:hover .topbar-qrcode-panel {
    display: block
}

.aliyun-console-topbar .topbar-qrcode .topbar-qrcode-panel {
    top: 50px;
    left: 0;
    position: absolute;
    width: 130px;
    padding: 12px 8px;
    background: #fff;
    border: 1px solid #eaedf1;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    display: none
}

.aliyun-console-topbar .topbar-qrcode .topbar-qrcode-image {
    width: 100px;
    margin: 0 auto
}

.aliyun-console-topbar .topbar-qrcode .topbar-qrcode-title {
    text-align: center;
    padding-top: 10px
}

.aliyun-console-topbar .topbar-new-icon {
    position: relative;
    top: -4px;
    padding-left: 2px
}

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

.aliyun-console-topbar-search:hover {
    background: #008fbf
}

.aliyun-console-topbar-search:hover .topbar-search-ask {
    background: #008fbf
}

.aliyun-console-topbar-search .topbar-search-ask {
    width: 200px;
    height: 50px;
    border: 0;
    background: #09c;
    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
}

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

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

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

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

.aliyun-console-topbar-search.topbar-search-active {
    background: #008fbf
}

.aliyun-console-topbar-search.topbar-search-active .topbar-search-ask {
    background: #008fbf
}

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

.aliyun-console-topbar-search-v1_3_21 {
    position: relative
}

.aliyun-console-topbar-search-v1_3_21.topbar-search-dropdown-open .topbar-btn {
    background: #008fbf
}

.aliyun-console-topbar-search-v1_3_21 .icon-search {
    font-size: 16px;
    padding-right: 4px;
    position: relative;
    top: 2px
}

.aliyun-console-topbar-search-v1_3_21 .topbar-search-dropdown {
    height: 38px;
    position: absolute;
    bottom: -38px;
    right: -1px;
    border: 2px solid #008fbf;
    background: #fff
}

.aliyun-console-topbar-search-v1_3_21 .topbar-search-dropdown input {
    display: block;
    height: 34px;
    padding: 4px 6px;
    margin-right: 30px;
    width: 250px;
    border-width: 0;
    outline: 0;
    line-height: 34px;
    color: #546478;
    font-size: 12px
}

.aliyun-console-topbar-search-v1_3_21 .topbar-search-dropdown .topbar-search-mark {
    position: absolute;
    right: 0;
    top: 0;
    height: 34px;
    width: 34px;
    display: block;
    line-height: 34px;
    text-align: center;
    color: #546478
}

.aliyun-console-topbar-help {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0
}

.aliyun-console-topbar-help .topbar-help-inner {
    width: 486px;
    overflow: hidden;
    background: #fff;
    border-left: 1px solid #e1e6eb;
    position: absolute;
    right: -486px;
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.1);
    box-shadow: 0 0px 10px rgba(0,0,0,0.1);
    -o-transition: all 0.2s ease, 0.2s ease;
    -ms-transition: all 0.2s ease, 0.2s ease;
    -moz-transition: all 0.2s ease, 0.2s ease;
    -webkit-transition: all 0.2s ease, 0.2s ease;
    z-index: 1;
    top: 50px;
    bottom: 0
}

.aliyun-console-topbar-help .topbar-help-inner.topbar-help-show {
    right: 0px
}

.aliyun-console-topbar-help .topbar-help-head {
    height: 68px;
    padding-left: 20px;
    line-height: 68px;
    border-bottom: 1px solid #e1e6eb;
    position: relative;
    color: #333
}

.aliyun-console-topbar-help .topbar-help-body {
    position: absolute;
    top: 68px;
    bottom: 0;
    background: #fff
}

.aliyun-console-topbar-help .topbar-help-iframe {
    height: 100%
}

.aliyun-console-topbar-help .topbar-help-close {
    font-size: 18px;
    float: right;
    height: 68px;
    width: 68px;
    line-height: 68px !important;
    text-align: center;
    color: #546478;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none
}

.aliyun-console-topbar-help .topbar-help-close:hover {
    color: #000
}

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

.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-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: #f9f9f9
}

.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 {
    padding: 16px 0px;
    min-height: 28px;
    box-sizing:content-box;
}

.console-title .nav-pills {
    display: inline-block;
    vertical-align: bottom
}

.console-title .nav-pills li a,.console-title .nav-pills li a:focus,.console-title .nav-pills li button,.console-title .nav-pills li button:focus {
    padding: 6px 6px
}

.console-title h1,.console-title h2,.console-title h3,.console-title h4,.console-title h5,.console-title h6 {
    display: inline-block;
    text-indent: 8px;
    border-left: 2px solid #88B7E0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 8px
}

.console-title h1 {
    margin-top: 0px;
    margin-bottom: 0px
}

.console-title h2 {
    margin-top: 2px;
    margin-bottom: 2px
}

.console-title h3 {
    margin-top: 4px;
    margin-bottom: 4px
}

.console-title h4 {
    margin-top: 6px;
    margin-bottom: 6px
}

.console-title h5 {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 18px;
}

.console-title-border {
     border-bottom: 1px solid #DDD 
}

.console-sub-title {
    position: relative;
    padding-left: 16px;
    margin-bottom: -1px;
    display: table;
    width: 100%;
    z-index: 1;
    height: 40px;
    border: 1px solid #E1E6EB;
    border-left: 3px solid #778;
    background-color: #F4F5F9
}

.console-sub-title h5 {
    color: #666;
    font-size: 14px
}

.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-top-4 {
    margin-top: 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: 'aliyun-console-font';
    src: url("fonts/aliyun-console-font.eot?t91au5");
    src: url("fonts/aliyun-console-font.eot?t91au5#iefix") format("embedded-opentype"),url("fonts/aliyun-console-font.ttf?t91au5") format("truetype"),url("fonts/aliyun-console-font.woff?t91au5") format("woff"),url("fonts/aliyun-console-font.svg?t91au5#aliyun-console-font") format("svg");
    font-weight: normal;
    font-style: normal
}*/

[class^="icon-"],[class*=" icon-"] {
    font-family: 'aliyun-console-font' !important;
    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
}

.modal-content {
    /*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 {
    margin-top: 0px
}

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

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

/*.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;
    border-left: 0px;
    border-right: 0px;
    margin-right: 0px;
    padding: 10px 16px;
    background: #FBFAF8;
    border-bottom: 0px;
    font-size: 14px;
}

.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 #00a2ca;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #FFF;
    color: #333;
}

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

.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: #09C;
    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 #00a2ca;
    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;
    border: 1px solid #D9DEE4;
    background-color: #D9DEE4;
    color: #666;
    line-height: 20px;
    height: 32px;
    margin-left: 2px
}

.nav-pills li a:hover,.nav-pills li a:focus:hover,.nav-pills li button:hover,.nav-pills li button:focus:hover {
    border: 1px solid #D9DEE4;
    background-color: #DCE2E7;
    color: #444
}

.nav-pills li.active a,.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 {
    border: 1px solid #546478;
    background-color: #546478;
    color: #FFFFFF
}

.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: #f5f5f5;
    border-bottom: 1px solid #dddddd
}

.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: #f5f5f5;
    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: #06C;
    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
}


.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: #0099cc
}

.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: #00a2ca
}

.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: #00a2ca
}

.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: #06C;
    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
}

.aliyun-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;
    left: 25px;
    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: #0099cc;
    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: #09C
}

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

.feedback-container {
    position: fixed;
    right: 0px;
    bottom: 100px;
    font-family: 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, 宋体;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    z-index: 100
}

.feedback-container:hover .feedback-trigger .feedback-trigger-text,.feedback-container.active .feedback-trigger .feedback-trigger-text {
    width: 56px;
    padding: 0 0px 0 4px
}

.feedback-container h1,.feedback-container h2,.feedback-container textarea,.feedback-container input {
    margin: 0;
    padding: 0;
    border: 0
}

.feedback-container .feedback {
    position: absolute;
    width: 396px;
    background: rgba(0,162,202,0.5);
    padding: 3px;
    right: 81px;
    bottom: 0
}

.feedback-container .feedback .feedback-panel {
    width: 390px;
    background: #fff;
    padding: 20px
}

.feedback-container .feedback .feedback-title {
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    margin-bottom: 15px
}

.feedback-container .feedback .feedback-title h1 {
    color: #000;
    font-size: 16px;
    display: inline-block
}

.feedback-container .feedback .feedback-title h1 i {
    cursor: pointer;
    margin-top: 6px;
    float: right
}

.feedback-container .feedback .feedback-content {
    position: relative;
    margin-bottom: 15px
}

.feedback-container .feedback .feedback-content h2 {
    font-size: 14px;
    margin-bottom: 5px
}

.feedback-container .feedback .feedback-content .must {
    position: absolute;
    left: -10px;
    top: 3px;
    color: red
}

.feedback-container .feedback textarea,.feedback-container .feedback input {
    font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"
}

.feedback-container .feedback .feedback-content textarea {
    resize: none;
    height: 106px;
    width: 100%;
    padding: 9px 10px;
    margin: 6px 1px 1px 0;
    border: solid 1px #e8e8e8;
    border-radius: 4px;
    line-height: 16px;
    color: #333;
    font-size: 12px;
    outline: 0
}

.feedback-container .feedback .feedback-content .feedback-content-count {
    color: #666;
    margin-top: 5px
}

.feedback-container .feedback .feedback-contact {
    margin-bottom: 25px;
    position: relative
}

.feedback-container .feedback .feedback-contact h2 {
    font-size: 14px;
    margin-bottom: 5px
}

.feedback-container .feedback .feedback-contact input {
    height: 36px;
    margin-bottom: 20px;
    resize: none;
    width: 100%;
    padding: 9px 10px;
    margin: 6px 1px 1px 0;
    border: solid 1px #e8e8e8;
    line-height: 16px;
    color: #333;
    font-size: 12px;
    outline: 0;
    background: #fff;
    border-radius: 4px;
    text-decoration: none;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.feedback-container .feedback .feedback-contact input:focus {
    background: #e9fbfe;
    border: solid 1px #e8e8e8
}

.feedback-container .feedback .feedback-contact .inputError {
    position: absolute;
    bottom: -22px;
    left: 2px;
    color: red
}

.feedback-container .feedback .submit-btn {
    padding: 0;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    display: inline-block;
    min-width: 78px;
    background: #00a2ca;
    color: #fff;
    text-align: center;
    outline: none;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer
}

.feedback-container .feedback .submit-btn:hover {
    background: #33b5d4;
    border-color: #33b5d4;
    text-decoration: none
}

.feedback-container .feedback .feedback-footer {
    text-align: center;
    padding: 5px 0
}

.feedback-container .feedback .submit-btn.disabled {
    background: #efefef;
    border-color: #efefef;
    color: #ccc;
    cursor: default
}

.feedback .thanks {
    font-size: 16px;
    margin-left: 15px;
    color: #000;
    position: relative;
    top: -9px
}

.feedback .feedback-close {
    display: inline-block;
    float: right;
    cursor: pointer;
    font-size: 18px
}

.feedback .feedback-check {
    font-size: 30px;
    color: #65ce00
}

.feedback-container .feedback-trigger {
    display: inline-block;
    background-color: #3d5061;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    padding: 4px 4px 1px 1px
}

.feedback-container .feedback-trigger .feedback-trigger-text {
    padding: 0;
    display: inline-block;
    height: 16px;
    overflow: hidden;
    width: 0;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in
}

.feedback-container .feedback-trigger .feedback-trigger-icon {
    padding: 0;
    display: inline-block;
    font-size: 15px
}

.console-guide-dialog .modal-dialog {
    width: 840px
}

.console-guide-dialog .modal-body {
    margin-bottom: 15px
}

.console-guide-dialog .carousel-control {
    display: none
}

.console-guide-dialog .carousel-indicators {
    bottom: -40px !important
}

.console-guide-dialog .carousel-indicators li {
    background: #e8e8e8;
    width: 16px;
    height: 16px;
    border-radius: 12px;
    margin: 0 0 0 2px
}

.console-guide-dialog .carousel-indicators li.active {
    background: #09c;
    width: 16px;
    height: 16px;
    border-radius: 12px;
    margin: 0 0 0 2px
}

.console-guide-dialog .console-guide-dialog-link {
    position: absolute;
    z-index: 100;
    bottom: 20px;
    right: 20px
}

.console-tag-select {
    position: absolute;
    width: 320px
}

.console-tag-select ul {
    list-style: none;
    box-shadow: none !important;
    display: block;
    margin: 0;
    padding: 0
}

.console-tag-select .console-tag-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    margin-top: 2px;
    width: 326px
}

.console-tag-select .console-tag-dropdown .dropdown-menu {
    position: static;
    border: 1px solid #e1e6eb;
    width: 160px
}

.console-tag-select .console-tag-dropdown .dropdown-menu .console-tag-key-item-block {
    padding: 7px 16px;
    display: block
}

.console-tag-select .console-tag-dropdown .dropdown-menu .console-tag-key-item-empty {
    color: #999;
    font-style: italic
}

.console-tag-select .console-tag-dropdown .dropdown-menu .console-tag-key-item-title .console-tag-key-item-block {
    background: #F5F6FA;
    border-bottom: 1px solid #eee
}

.console-tag-select .console-tag-dropdown .dropdown-menu li a {
    border-bottom: 1px solid #eee;
    white-space: pre-line;
    position: relative
}

.console-tag-select .console-tag-dropdown .dropdown-menu li a:hover,.console-tag-select .console-tag-dropdown .dropdown-menu li a:focus {
    background-color: #F9F9FA
}

.console-tag-select .console-tag-dropdown .dropdown-menu li:last-child a {
    border-bottom: none
}

.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-active a,.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-active a:hover,.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-active a:focus {
    text-decoration: none;
    outline: 0;
    -webkit-transition: backgroud 0.2s ease, 0.2s ease
}

.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-active a .console-tag-selected-icon,.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-active a:hover .console-tag-selected-icon,.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-active a:focus .console-tag-selected-icon {
    display: block
}

.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-key-active {
    border-left: 2px solid #09c;
    margin-left: -1px
}

.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-key-active a,.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-key-active a:hover,.console-tag-select .console-tag-dropdown .dropdown-menu li.tag-key-active a:focus {
    padding-left: 15px
}

.console-tag-select .console-tag-dropdown .dropdown-menu .console-tag-value-item a.tag-active,.console-tag-select .console-tag-dropdown .dropdown-menu .console-tag-value-item a.tag-active:hover,.console-tag-select .console-tag-dropdown .dropdown-menu .console-tag-value-item a.tag-active:focus {
    background-color: #F9F9FA
}

.console-tag-select .console-tag-dropdown .console-tag-value-dropdown {
    margin-left: -1px
}

.console-tag-select .console-tag-pagepick {
    padding: 0 5px
}

.console-tag-select .console-tag-pagepick a {
    display: inline-block !important;
    border-bottom: none !important;
    -webkit-user-select: none
}

.console-tag-select .console-tag-selected-icon {
    display: none;
    float: right;
    font-size: 14px;
    position: absolute;
    right: 8px;
    top: 8px
}

.console-tag-select .console-tag-label-wrap {
    padding-left: 2px
}

.console-tag-select .console-tag-label {
    padding: 5px 20px 5px 5px;
    background: #f1f1f1;
    position: relative;
    margin-left: 2px
}

.console-tag-select .console-tag-label .console-tag-label-remove {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    cursor: pointer
}

.console-tag-select-view .console-tag-label {
    padding: 5px 20px 5px 5px;
    background: #f1f1f1;
    position: relative;
    margin-left: 2px
}

.console-tag-select-view .console-tag-label .console-tag-label-remove {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    cursor: pointer;
    color: #666
}

.console-tag-select-view .console-tag-label .console-tag-label-colon {
    padding: 0 1px
}

.console-tag-edit .tag-panel {
    min-height: 120px;
    border: 2px dashed #ddd;
    padding: 8px
}

.console-tag-edit .tag-panel .console-tag-select-view .console-tag-label {
    margin: 4px
}

.console-tag-edit .tag-edit-tip {
    color: #999;
    font-style: italic;
    margin-top: 8px
}

.console-tag-edit-form {
    display: inline-block
}

.console-tag-edit-form input.form-control {
    width: 80px
}

.console-tag-edit-form.form-inline .form-group {
    margin: 0 8px 0 0px
}

.console-tag-loading-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50)
}

.console-tag-loading-block {
    position: absolute;
    top: 50%;
    left: 50%
}

.console-searchbar-textinput {
    min-width: 180px
}

.console-shuttle .title {
    border-left: 1px solid #e1e6eb;
    border-right: 1px solid #e1e6eb;
    border-top: 1px solid #e1e6eb;
    background-color: #F5F6FA;
    padding-left: 5px;
    line-height: 30px
}

.console-shuttle .search {
    position: relative
}

.console-shuttle .search .icon-search {
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: 12px
}

.console-shuttle .search input {
    width: 100%;
    height: 32px
}

.console-shuttle .selector {
    border: 1px solid #e1e6eb;
    height: 240px
}

.console-shuttle .left-selector {
    height: 220px
}

.console-shuttle .right-selector {
    height: 240px
}

.console-shuttle .search-hidden {
    height: 240px
}

.console-shuttle .btn {
    display: block;
    margin: 12px 45%
}

.console-shuttle .console-selector {
    width: 40%
}

.console-shuttle .console-selector-result {
    width: 40%
}

.console-shuttle .selector-group-options {
    vertical-align: middle;
    width: 20%;
    text-align: center;
    margin-top: 100px
}

.console-shuttle .selector-list .line-head {
    line-height: 12px;
    margin-bottom: 8px;
    color: #000
}

.console-shuttle .selector-list .line-bottom {
    line-height: 12px;
    color: #999
}

.console-shuttle .selector-list .line-column-left {
    display: inline-block
}

.console-shuttle .selector-list .line-column-right {
    display: inline-block;
    float: right;
    padding: 5px 0;
    color: #000
}

.console-shuttle .selector-list .line-yellow-text {
    color: #ff6600
}

.console-shuttle .selector-list .selector-item {
    height: auto;
    line-height: normal;
    padding: 10px;
    text-indent: 0
}

.console-shuttle .selector-list .selector-item:hover {
    color: auto;
    background: #f9f9f9
}

.console-shuttle .selector-list .selector-item.active {
    color: #fff;
    background: #0099cb
}

.console-shuttle .selector-list .selector-item.active .line-head {
    color: #fff
}

.console-shuttle .selector-list .selector-item.active .line-bottom {
    color: #fff
}

.console-shuttle .selector-list .selector-item.active .line-yellow-text {
    color: #fff
}

.console-shuttle .selector-list .selector-item.active .line-column-right {
    color: #fff
}

body,html {
    font-size: 12px;

}

body,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: "Microsoft YaHei"
}

a {
    color: #06C;
    cursor: pointer
}

a:hover {
    color: #039
}

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"] {
    vertical-align: middle;
    margin-top: 2px;
    margin-top: 1px \9;
}

.console-container {
    padding: 0 15px;
    min-width: 693px;
    overflow-x: auto
}

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

/*提示*/
.bid_ico{background:url("../images/about_icon.png") no-repeat; width:20px; height:20px; display:inline-block; vertical-align:middle; margin:0 5px 0 20px; position:relative;}
.pop-con{z-index:1000;font-size:12px;text-align:left;position:absolute; margin:-38px 0 0 0;}
.pop-con .pop-pic{ background:url("../images/con_ico.png") no-repeat 0 -360px; display:block;z-index:1200;position:absolute;width:8px; height:8px;margin-top:27px;left:10px;}
.pop-con .pop-info{background:#fff ;border:1px solid #fd9d34;padding:2px 10px; line-height:24px; top:27px; left:-17px;white-space: nowrap;}

.text-tc{ text-align:right; width:110px;  }