.dui-indexed-trend .ant-table-tbody>tr>td,.dui-indexed-trend .ant-table-thead>tr>th{border-bottom:1px solid #f4f4f4}.dui-indexed-trend .ant-table-tbody>tr:last-child>td{border-bottom:none}.dui-indexed-trend .ant-table-placeholder{border-bottom:none}.dui-indexed-trend .ant-table-tbody>tr:hover>td{background:rgba(173,210,255,.11)}.dui-indexed-trend .oui-dt-message-content-icon-error{color:#f04134}.dui-indexed-trend-card-hide{position:relative}.dui-indexed-trend-card-hide.oui-card{background:none;box-shadow:none;margin-bottom:0}.dui-indexed-trend-card-hide .oui-card-header-wrapper{border:none;position:absolute;width:100%;height:50px;padding-top:50px}.dui-indexed-trend-card-hide .oui-card-header-wrapper .oui-card-header,.dui-indexed-trend-card-hide .oui-card-header-wrapper .oui-card-title{display:none}.dui-indexed-trend-card-hide .oui-card-content{padding:0}.dui-indexed-trend-index-container{display:flex;margin-bottom:15px}.dui-indexed-trend-index-container:hover .dui-indexed-trend-index-page-arrow-container{box-shadow:0 1px 6px rgba(0,0,0,.15);color:#0b63e6}.dui-indexed-trend-hide-index-value .oui-index-cell-indexValue{visibility:hidden;height:0}.dui-indexed-trend-index-content-container{flex-grow:1;display:flex}.dui-indexed-trend-index-item-selectable{position:relative;overflow:hidden;padding:20px 8px;border-left:1px solid #dbe5ed;border-bottom:1px solid #dbe5ed;cursor:pointer}.dui-indexed-trend-index-item-selectable:last-child{border-right:1px solid #dbe5ed}.dui-indexed-trend-index-item-selectable:hover .index-item-check-icon{color:rgba(32,98,230,.6)}.dui-indexed-trend-index-item-selectable.active:before{content:" ";position:absolute;top:0;left:0;width:100%;height:4px;background-color:#0b63e6}.dui-indexed-trend-index-item-selectable.active .index-item-check-icon{color:#0b63e6}.dui-indexed-trend-index-item-selectable .index-area-actionLink-wrapper{position:absolute;top:18px;right:30px}.dui-indexed-trend-index-item-multiple-line-selectable{overflow:hidden;padding:20px 8px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #dbe5ed #dbe5ed;border-style:solid;border-width:1px;cursor:pointer;z-index:0}.dui-indexed-trend-index-item-multiple-line-selectable:last-child{border-right:1px solid #dbe5ed}.dui-indexed-trend-index-item-multiple-line-selectable:hover{border-color:#86a8ec}.dui-indexed-trend-index-item-multiple-line-selectable.active{border-color:#0b63e6;outline:1px solid #0b63e6;z-index:1}.dui-indexed-trend .index-item-check-icon{position:absolute;right:6px;top:9px;font-size:16px;color:#999}.dui-indexed-trend-index-page-arrow-container{position:absolute;top:46px;font-size:18px;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.dui-indexed-trend-index-page-arrow-container.left{left:0}.dui-indexed-trend-index-page-arrow-container.right{right:0}.dui-indexed-trend .index-area-multiple-root-container{display:flex;flex-grow:1;flex-direction:column}.dui-indexed-trend-index-item-multiple-line-selectable{position:relative}.dui-indexed-trend-index-item-multiple-line-selectable .index-area-detailLink-wrapper{position:absolute;top:20px;right:10px}.dui-indexed-trend .index-area-multiple-container{flex-grow:1;display:flex}.dui-indexed-trend .reset-button-container{position:absolute;top:5px;right:0;z-index:10}.dui-indexed-trend .reset-button-label{color:#999}.dui-indexed-trend .reset-button-reset{margin-left:10px;color:#0b63e6;cursor:pointer}.dui-indexed-trend .reset-button-reset:hover{color:#33a0ff}.dui-indexed-trend-chart-table{width:100%}.dui-indexed-trend-chart-container{position:relative;min-height:300px;margin-top:20px}.dui-indexed-trend-chart-container-trend{height:300px}.dui-indexed-trend-chart-container .oui-table-td{height:22px}.dui-indexed-trend-chart-container .activity-container{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:66px;overflow:hidden}.dui-indexed-trend-chart-container .activity-container .activity-list{position:absolute;top:66px}.dui-indexed-trend-chart-container .activity-container .activity-list .activity{line-height:22px}.dui-indexed-trend-chart-container .activity-container .activity-list .activity .legend{display:inline-block;width:8px;height:4px;margin-top:-3px;background-color:#c0cbe3;margin-right:4px;vertical-align:middle}.dui-indexed-trend-chart-container .activity-container.activity-month .activity-list .activity{padding-right:10px}.dui-indexed-trend-chart-container .activity-container.activity-day .activity{position:absolute}.dui-indexed-trend-chart-container .activity-container.activity-day .activity .activity-name{width:100%;height:20px;line-height:20px;overflow:hidden}.dui-indexed-trend-chart-container .activity-container.activity-day .activity .activity-bar{width:100%;height:4px;background-color:#c0cbe3}.dui-indexed-trend-addition{color:#999;margin:10px 0}.dui-indexed-trend-card-switch-content-table,.dui-indexed-trend-card-switch-content-trend{display:block;float:none;text-align:right;z-index:10}.dui-indexed-trend-fold-chart-action{text-align:right;cursor:pointer}.dui-index-cell-ratioTrendIcon .anticon-caret-down{color:#00a854}.dui-index-cell-ratioTrendIcon .anticon-caret-up{color:#f04134}.ratio-metric-panel{display:flex;align-items:center;width:100%}.ratio-metric-panel .panel-wrap{width:100%;height:108px;position:relative;border:1px solid #e6e6e6}.ratio-metric-panel .panel-wrap:last-child{border-right:1px solid #e6e6e6}.ratio-metric-panel .panel-wrap.cursor{cursor:pointer}.ratio-metric-panel .ratio-panel-wrap{width:calc((100% - 360px)/4);height:108px;text-align:center;font-size:24px}.ratio-metric-panel .ratio-panel-wrap .bgContent{background:#fff}.ratio-metric-panel .ratio-panel-wrap .bgActive{position:absolute;left:-1px;bottom:0;background:rgba(32,98,230,.4);width:calc(100% + 2px)}.ratio-metric-panel .ratio-panel-wrap .ratio-panel-head{position:absolute;font-size:16px;left:0;top:10px;width:100%;text-align:center}.ratio-metric-panel .ratio-panel-wrap .ratio-panel-head .iconFont{padding-right:5px}.ratio-metric-panel .ratio-panel-wrap .ratio-panel-content{position:absolute;left:0;top:30%;width:100%;text-align:center}.ratio-metric-panel .ratio-panel-wrap.active{border:2px solid #2062e6;box-shadow:0 0 5px 0 rgba(32,98,230,.5)}.ratio-warp{width:120px;height:108px;text-align:center;vertical-align:middle;font-size:14px;padding-top:36px;position:relative;opacity:.7}.shadowWrap{z-index:-1;position:absolute;top:0;left:0}.shadowWrap .rectangle{width:100%;background:#fff}.shadowWrap .triangle{width:0;height:0;border-top-style:solid;border-top-color:#fff;border-right:0 solid rgba(0,0,0,0);border-bottom:0 solid rgba(0,0,0,0);border-left:120px solid rgba(0,0,0,0)}.ratio-indexed-panel .cusLine{padding-top:28px}.data-panel-simple{border:1px solid #e6e6e6;border-right:0;padding:20px}.data-panel-simple .linkItem{width:100%;display:block}.data-panel-simple .panel-title{font-size:14px;color:#333}.data-panel-simple .panel-header{font-size:14px;display:flex;justify-content:space-between;align-items:center;padding-bottom:5px}.data-panel-simple .panel-header .anticon{cursor:pointer;padding:0 5px}.data-panel-simple .panel-value{font-family:PingFangSC-Semibold;color:#06f;font-size:32px;line-height:32px}.data-panel-simple .panel-content{display:flex;justify-content:space-between}.data-panel-simple .panel-content .subs-wrap{display:flex;justify-content:space-between;color:#333}.data-panel-simple .panel-content .subs-name{color:#333}.data-panel-simple:last-child{border-right:1px solid #e6e6e6}.screen-link{font-size:16px;color:#2062e6;padding:0 20px}.screen-link .iconFont{padding-right:5px}.titleMetric-panel-list .panel-wrap{border:1px solid #2062e6;color:#fff}.titleMetric-panel-list .panel-wrap .panel-head{background:#2062e6}.timingLevel{display:flex;justify-content:space-between}.left-con{width:45%;display:flex;align-items:center;position:relative}.left-con .gauge-wrap{position:relative;width:50%}.left-con .gauge-wrap .gauge-metrics{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:14px}.left-con .gauge-wrap .gauge-metrics .gauge-metricValue{font-size:38px;color:#000}.left-con .gauge-wrap .level{font-size:20px}.left-con .metric-panel-list{padding-top:10px;width:50%;display:flex;justify-content:space-around}.main-content .right-con{width:calc(55% - 40px);position:relative}.send-city-card .panel-wrap{background:#fafafa;padding-bottom:20px;border:none;margin-right:5px}.send-city-card .panel-head{height:46px;padding-top:12px;font-family:PingFangSC-Semibold;font-size:24px;color:#333;background:linear-gradient(rgba(0,102,255,.1),rgba(0,102,255,0))}.send-city-card .panel-head span{display:block;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-size:contain}.send-city-card .subs-name{color:#666}.send-city-card .page-arrow-container-right{top:70px;right:-8px}.send-city-card .page-arrow-container-left{top:70px;left:-8px}.cp-pie{width:60%}#cp-table,.cp-pie{display:inline-block}#cp-table{width:40%;height:290px}.map-card .oui-card-content{padding:0}.map-card #map-container{height:300px}.ex-card .metric-title-list{justify-content:space-between;background:#e5ecf2}.ex-card .metric-title-list .panel-wrap{border:none}.tab-item{cursor:pointer}.tab-item.active{color:#33a0fe}.aging-list{display:flex;align-items:center}.aging-list .aging-item,.aging-list .data-panel-simple{width:100%}.aging-list .data-panel-simple .subs-name{margin-right:10px}.dui-cbd-nav{width:66px;height:100%;background:#1e202d;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#fff}.dui-cbd-nav .logo{height:25px;margin-top:50px}.dui-cbd-nav .icon{width:16px;height:16px;display:block;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;margin:0 auto}.dui-cbd-nav .top-part,.dui-cbd-nav .user-info{display:flex;width:100%;flex-direction:column;align-items:center}.dui-cbd-nav .user-info{height:68px;margin-top:60px}.dui-cbd-nav .user-info a{text-align:center;font-size:14px;color:#0b63e6}.dui-cbd-nav .user-info a:hover{text-decoration:underline}.dui-cbd-nav .user-info .avatar{width:100%;display:flex;flex-direction:column;align-items:center;padding:0}.dui-cbd-nav .user-info img{border-radius:50%;width:45px;height:45px;background:#ddd}.dui-cbd-nav .user-info p{font-size:13px;color:#ccc;margin-top:10px;text-align:center;line-height:13px}.dui-cbd-nav .main-nav{flex:1;padding-top:20px;width:100%}.dui-cbd-nav .main-nav ul{width:100%;padding:0}.dui-cbd-nav .main-nav li{width:100%;margin-top:25px;font-size:12px;position:relative;cursor:pointer}.dui-cbd-nav .main-nav li,.dui-cbd-nav .main-nav li>.nav-item{display:flex;align-items:center;flex-direction:column}.dui-cbd-nav .main-nav li span{margin-top:3px;width:50%;line-height:15px;color:#fff}.dui-cbd-nav .main-nav li .icon{width:20px;height:20px}.dui-cbd-nav .main-nav li:hover .float-box{display:block}.dui-cbd-nav .other-fun{width:100%;text-align:center;padding-bottom:60px}.dui-cbd-nav .other-fun p{text-align:center}.dui-cbd-nav .other-fun .question-btn{position:relative}.dui-cbd-nav .other-fun .question-btn .icon{cursor:pointer;margin-top:40px;background-image:url(https://img.alicdn.com/tfs/TB19E_.orY1gK0jSZTEXXXDQVXa-16-16.png)}.dui-cbd-nav .other-fun .question-btn .part4{position:absolute;width:100px;height:100px;padding:10px;left:-105px}.dui-cbd-nav .other-fun .question-btn .part4 img{width:80px}.dui-cbd-nav .float-box{position:absolute;background:#2c2f40;top:0;display:none;transform:translateY(-50%);z-index:9999}.dui-cbd-nav .float-box a{color:#fff}.dui-cbd-nav .float-box li{margin:0}.dui-cbd-nav .float-box dl{overflow-y:auto}.dui-cbd-nav .float-box.part2{width:100px;left:-100px;padding:20px}.dui-cbd-nav .float-box.part2 p{padding:5px 0;display:block}.dui-cbd-nav .float-box.part2 p a{text-align:left;font-size:14px}.dui-cbd-nav .float-box.part2 p:hover{text-decoration:underline}.dui-cbd-nav .float-box.part3{position:fixed;width:270px;top:0;right:66px;transform:translate(0);padding:30px 20px}.dui-cbd-nav .float-box.part3 dl{width:100%}.dui-cbd-nav .float-box.part3 dl dt{font-size:16px;font-weight:600;text-align:center;padding:5px 0;border-bottom:1px solid #ddd}.dui-cbd-nav .float-box.part3 dl div{padding:10px 0}.dui-cbd-nav .float-box.part3 dl dd{font-size:14px;line-height:25px;cursor:pointer}.dui-cbd-nav .float-box.part3 dl dd:hover{text-decoration:underline}.dui-cbd-nav .fast-entry:hover .float-box,.dui-cbd-nav .question-btn:hover .float-box{display:block}.dui-cbd-nav .fast-entry{cursor:pointer;font-size:12px;width:100%;margin-top:38px}.dui-cbd-nav .fast-entry p{text-align:center}.dui-cbd-nav .fast-entry .part3 dl dd{font-size:14px;padding:10px 0}.dui-cbd-nav .fast-entry .icon{width:25px;height:25px;background-image:url(https://img.alicdn.com/tfs/TB1YYhAn1bviK0jSZFNXXaApXXa-128-128.png)}.dui-cbd-nav .user-info{cursor:pointer;position:relative}.dui-cbd-nav .user-info .part5{font-size:14px;padding:10px 15px;left:-83px;top:38px}.dui-cbd-nav .user-info .part5 a:hover{text-decoration:underline}.dui-cbd-nav .user-info:hover .float-box{display:block}.dui-pull-left{float:left!important}.dui-pull-right{float:right!important}.dui-index-cell{line-height:normal;padding:20px 40px 20px 0}.dui-index-cell-indexName{color:#333;font-size:14px;display:inline-block}.dui-index-cell-indexName .oui-n-icon{margin-left:10px}.dui-index-cell-sub-indexName{color:#999;font-size:12px;display:inline-block;margin-left:10px}.dui-index-cell-unit{font-size:12px;color:#333}.dui-index-cell-indexValue{color:#333;font-size:24px;margin-bottom:11px}.dui-index-cell-descIcon{font-size:14px;margin-left:4px;color:#d8d8d8}.dui-index-cell-indexChange{color:#999;font-size:12px;max-width:150px}.dui-index-cell-indexChange:after,.dui-index-cell-indexChange:before{content:" ";display:table}.dui-index-cell-indexChange:after{clear:both}.dui-index-cell-less-warning,.dui-index-cell-trend-down{color:#00a854}.dui-index-cell-greater-warning,.dui-index-cell-trend-up{color:#f04134}.dui-index-cell-ratioTrendIcon{margin-left:5px;display:inline-block;width:12px;position:relative;bottom:0}.dui-index-cell-ratioTrendIcon .anticon-arrow-down{color:#00a854}.dui-index-cell-ratioTrendIcon .anticon-arrow-up{color:#f04134}.dui-index-cell-errorIcon{color:#f04134;position:absolute;right:-16px;bottom:1px}.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hide-text,.text-hide{font:0/0 a;color:rgba(0,0,0,0);text-shadow:none;background-color:rgba(0,0,0,0);border:0}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.dui-index-picker{min-width:140px;position:relative}.dui-index-picker .ant-checkbox,.dui-index-picker .ant-checkbox-wrapper,.dui-index-picker .ant-radio,.dui-index-picker .ant-radio-wrapper{font-size:12px}.dui-index-picker-group{width:100%;margin:12px 0}.dui-index-picker-label{font-size:12px;color:#999}.dui-index-picker-content{@include clearfix();position:relative;width:100%}.dui-index-picker-list{@include clearfix();overflow:hidden;zoom:1;display:block;padding:0;margin:0}.dui-index-picker-list.with-action{width:calc(100% - 100px)}.dui-index-picker-reset{color:#0b63e6}.dui-index-picker-item{box-sizing:border-box;padding-right:10px;float:left;overflow:hidden;display:block;width:14.28571429%;min-width:140px;height:26px;line-height:26px;font-size:12px}.dui-index-picker-longItem{width:28.57142857%;min-width:280px}.dui-index-picker-text{color:#333}.dui-index-picker-text-tooltip{word-wrap:break-word}.dui-index-picker-comment{color:#333}.dui-index-picker-blank{width:100px;height:1px;float:right}.dui-index-picker-action{text-align:right;width:100px;position:absolute;top:0;left:100%;margin-left:-100px;line-height:26px;vertical-align:middle;font-size:12px}.dui-index-picker-count{margin-right:6px;color:#333}