ul, ol, li, dl, dt, dd {
    padding: 0;
    margin: 0;
    list-style: none;
}
em, i {
    font-style: normal;
}
.hide {
    display: none;
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.scroll {
    overflow: auto;
}
.scroll::-webkit-scrollbar-track {
    border-radius: 6px;
    background-color: rgba(234, 234, 234, 0.2);
}
.mt-8 {
    margin-top: 8px;
}
.mt-10 {
    margin-top: 10px;
}
.mt-12 {
    margin-top: 12px;
}
.mt-16 {
    margin-top: 16px;
}
.mt-24 {
    margin-top: 24px;
}
.mt-32 {
    margin-top: 32px;
}
.ml-8 {
    margin-left: 8px;
}
.disabled {
    color: rgba(0,0,0,.25) !important;
    cursor: not-allowed !important;
    border: 1px solid rgba(0,0,0,.25) !important;
}
.scroll::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: rgba(234, 234, 234, 0.2);
}
.scroll::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: rgba(195, 200, 203, 0.8);
}
.scroll-x {
    overflow-x: auto;
}

.scroll-x::-webkit-scrollbar-track {
    border-radius: 6px;
    background-color: rgba(234, 234, 234, 0.2);
}

.scroll-x::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: rgba(234, 234, 234, 0.2);
}
.scroll-x::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: rgba(195, 200, 203, 0.8);
}
.scroll-y {
    overflow-y: auto;
    overflow-x: hidden;
}
.scroll-y::-webkit-scrollbar-track {
    border-radius: 6px;
    background-color: rgba(234, 234, 234, 0.2);
}
.scroll-y::-webkit-scrollbar {
    width: 12px;
    height: 100%;
    border-radius: 6px;
    background-color: rgba(234, 234, 234, 0.2);
}
.scroll-y::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: rgba(195, 200, 203, 0.8);
}
/* layout内容区域头部样式 */
.content-header-shadow {
    background:rgba(255,255,255,1);
    padding: 16px 24px;
    box-shadow:0px 2px 4px 0px rgba(50,64,77,0.2);
    position: relative;
    z-index: 1;
}
.content-header-noshadow {
    background:rgba(255,255,255,1);
    padding: 16px 32px;
}
.content-header-title {
    color: rgba(96, 96, 96, 1);
    font-size:20px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
    line-height:28px;
}
.content-header-tabs {
    background:rgba(255,255,255,1);
    padding: 16px 32px 0;
}
/* layout内容区域样式 */
.layout-content {
    padding: 24px;
}
.layout-row + .layout-row {
    margin-top: 24px;
}
/* 模板样式 */
.panel {
    border-radius:4px;
    background-color: #fff;
}
.panel-border {
    border: solid 1px #e8e8e8;
}
.panel-border .panel-heading {
    padding: 12px 16px;  
}
.panel-heading {
    border-bottom: solid 1px #e8e8e8;
    padding: 16px 32px;
}
.panel-title {
    font-size:16px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
    line-height:24px;
    margin-bottom: 0;
}
.panel-avg {
    margin-top: 2px;
}
.panel-avg + .panel-avg {
    margin-right: 10px;
}
.panel-body {
    padding: 24px 32px;
}
/* 图表外侧样式 */
.defaultChart {
    height: 280px;
    position: relative;
}
@media (max-width: 1400px) {
    .panel-heading {
        border-bottom: solid 1px #e8e8e8;
        padding: 16px 24px;
    } 
    .panel-body {
        padding: 24px;
    }
}
/* 表格最后一列 修改 | 删除 样式*/
.table-operation-a a + a:before {
    content: ' | ';
    color: rgba(0,0,0,0.15);;
}
.table-operation-a a.update {
    color: #1890FF;
}
.table-operation-a a.delete {
    color: #F5222D;
}
/* 色值 蓝色 绿色 橙色 红色 */
.color-blue {
    color: #1890FF;
}
.color-green {
    color: #52C41A;
}
.color-orange {
    color: #FFA325;
}
.color-red {
    color: #F5222D;
}
.bg-blue {
    background-color: #1890FF;
}
.bg-green {
    background-color: #52C41A;
}
.bg-orange {
    background-color: #FFA325;
}
.bg-red {
    background-color: #F5222D;
}
.bg-purple {
    background-color: #D17BEE;
}
/* 卡片渐变色 */
.gradient-deepblue {
    background:         linear-gradient(180deg,#34C3EE 0%,#1A85F3 100%);
    background:      -o-linear-gradient(180deg,#34C3EE 0%,#1A85F3 100%);;
    background:    -moz-linear-gradient(180deg,#34C3EE 0%,#1A85F3 100%);;
    background: -webkit-linear-gradient(180deg,#34C3EE 0%,#1A85F3 100%);;
}
.gradient-purple {
    background:         linear-gradient(180deg,#6B61F2 0%,#8850E1 100%);
    background:      -o-linear-gradient(180deg,#6B61F2 0%,#8850E1 100%);
    background:    -moz-linear-gradient(180deg,#6B61F2 0%,#8850E1 100%);
    background: -webkit-linear-gradient(180deg,#6B61F2 0%,#8850E1 100%);
}
.gradient-red {
    background:         linear-gradient(180deg,#FF8184 0%,#E7575A 100%);
    background:      -o-linear-gradient(180deg,#FF8184 0%,#E7575A 100%);
    background:    -moz-linear-gradient(180deg,#FF8184 0%,#E7575A 100%);
    background: -webkit-linear-gradient(180deg,#FF8184 0%,#E7575A 100%);
}
.gradient-green {
    background:         linear-gradient(180deg,#28DCA5 0%,#20A8B6 100%);
    background:      -o-linear-gradient(180deg,#28DCA5 0%,#20A8B6 100%);
    background:    -moz-linear-gradient(180deg,#28DCA5 0%,#20A8B6 100%);
    background: -webkit-linear-gradient(180deg,#28DCA5 0%,#20A8B6 100%);
}
.gradient-yellow {
    background:         linear-gradient(180deg,#EEE334 0%,#F3741A 100%);
    background:      -o-linear-gradient(180deg,#EEE334 0%,#F3741A 100%);
    background:    -moz-linear-gradient(180deg,#EEE334 0%,#F3741A 100%);
    background: -webkit-linear-gradient(180deg,#EEE334 0%,#F3741A 100%);
}
.gradient-lightblue {
    background:         linear-gradient(180deg,#50E1DA 0%,#61B4F2 100%);
    background:      -o-linear-gradient(180deg,#50E1DA 0%,#61B4F2 100%);
    background:    -moz-linear-gradient(180deg,#50E1DA 0%,#61B4F2 100%);
    background: -webkit-linear-gradient(180deg,#50E1DA 0%,#61B4F2 100%);
}
/* 表格选中高亮事件 */
.tr-active td {
    background: #c5eaff !important;
}
/* 输入框错误信息 */
.error-hint {
    position: relative;
}
.error-hint em {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #F5222D;
    padding: 0 12px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.error-hint input {
    border: solid 1px #F5222D !important;
    background: transparent;
    position: relative;
    z-index: 2;
}

/* 超出展示... */
.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 卡片hover 与 选中样式 */
.card:hover {
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    transition: all .1s;
}
.card.active {
    border: solid 1px #1890FF;
}
/* 表格禁用状态 */
tr.disabled td {
    background: #ddd !important;
}
/* 外侧请求数据图表暂无数据样式 */
.chart-noData{
    text-align: center;
    line-height: 1.5;
    font-size: 12px;
}
/* top5 横向条形图 + 条形图暂无数据 样式 */
.project-percent-progress-wrap {
    min-height: 254px;
}
.project-percent-progress + .project-percent-progress {
    margin-top: 16px;
}
.project-percent-progress-nodata {
    height: 254px;
    font-size: 12px;
    line-height: 254px;
    text-align: center;
}
/* top5 横向条形图 tab 样式 */
.project-tabs span {
    color:rgba(0,0,0,0.65);
    line-height:20px;
}
.project-tabs span + span {
    margin-left: 24px;
}
.project-tabs span:hover, .project-tabs span.active {
    color:rgba(24,144,255,1);  
    cursor: pointer;
}
/* 详情页信息统一样式 */
.detail-title {
    width: 88px;
    height: 38px;
    float: left;
    line-height: 38px;
    text-align: right;
}
.detail-value {
    width: calc(100% - 88px);
    width: -moz-calc(100% - 88px);
    width: -webkit-calc(100% - 88px);
    padding: 8px 16px;
    height: 38px;
    background-color: #FAFAFA;
    float: left;
}
/* 卡片样式 */
.tyc-card {
    border:1px solid rgba(233,233,233,1);
    cursor: pointer;
    padding: 20px 24px;
}
.tyc-card.active, .tyc-card:hover {
    border:1px solid #1890FF;
    position: relative;
}
.tyc-card.active:after, .tyc-card:hover:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 22px 0 0;
    border-color: transparent #1890FF transparent transparent;
    position: absolute;
    right: 0;
    bottom: 0;
}

/* ============ 一些私有组件必要样式（请将该部分放在最后）公有样式部分接上方写 ============== */

/* 测导航收起时 置顶样式修改 */
.layout-collapsed .suction-top-self-style {
    left: 80px !important;
    width: calc(100% - 80px) !important;
    width: -webkit-calc(100% - 80px) !important;
    width: -moz-calc(100% - 80px) !important;
}