.options-wrap-box .options-wrap:first-child .options-value{
    width: calc(100% - 500px );
}
/*自定义下拉菜单*/
.dropdown-arrow{
    min-width:115px;
    margin-right:16px;
}
.dropdown-arrow .btn{
    width:100%;
    text-align: left;
    background: #EDEEEF;
    border-color:#edeeef;
    color:#828282;
}
.dropdown-arrow.btn-default.active, .dropdown-arrow.btn-default:active, .dropdown-arrow.btn-default:active:focus, .dropdown-arrow.btn-default:focus, .dropdown-arrow .btn-default:hover, .dropdown-arrow.open>.dropdown-toggle.btn-default, .dropdown-arrow.open>.dropdown-toggle.btn-default:focus, .dropdown-arrow.open>.dropdown-toggle.btn-default:hover{
    border-color:#EDEEEF;
    color:#828282;
    background: #EDEEEF;
}
.triangle-box{
    position: absolute;
    top:2px;
    right: 12px;
}
.triangle{
    width:0;
    height:0;
    border:5px solid transparent;
    cursor:pointer;
}
.triangle-up{
    margin-bottom:6px;
    border-bottom-color: #828282;
}
.triangle-down{
    border-top-color: #828282;
}
/*搜索图标在左边的输入框*/
.search-wrap.search-icon-left .form-control{
    padding-left:30px;
    padding-right:12px;
}
.search-wrap.search-icon-left .glyphicon{
    left:6px;
    right: auto;
}
/*自定义图片按钮，鼠标hover带提示文字*/
.options-wrap{
    overflow:visible;/*解决提示文字隐藏问题*/
}
.tyc-btn-icon{
    position: relative;
    display:inline-block;
    width:16px;
    height:20px;
    vertical-align: bottom;
}
/*状态筛选按钮*/
.tyc-btn-filter{
    background: url("../images/filter_off.svg") no-repeat center;
}
.tyc-btn-filter:hover{
    background: url("../images/filter_hover.svg") no-repeat center;
}
.tyc-btn-filter-active{
    background: url("../images/filter_on.svg") no-repeat center;
}
/*帮助按钮*/
.tyc-btn-help{
    background: url("../images/tyc-header-icon.png") no-repeat center -125px;
}
.tyc-btn-help:hover{
    background-position-y: -155px;
}
/*分析按钮*/
.tyc-btn-ysfx{
    background: url("../images/ysfx.svg") no-repeat center;
}
.tyc-btn-ysfx:hover{
    background: url("../images/ysfxhover.svg") no-repeat center;
}
/*设置按钮*/
.tyc-btn-set{
    background: url("../images/set.svg") no-repeat center;
}
.tyc-btn-set:hover{
    background: url("../images/sethover.svg") no-repeat center;
}
.tyc-btn-icon b{
    display: none;
    position: absolute;
    font-weight:normal;
    color:#fff;
    padding:5px 10px;
    background: rgba(0,0,0,.8);
    border-radius:4px;
    white-space: nowrap;
    top:30px;
    left:50%;
    z-index:100;
    transform: translateX(-50%);
}
.tyc-btn-icon b:after{
    position: absolute;
    content:'';
    display:inline-block;
    width:0;
    height:0;
    border:8px solid transparent;
    border-bottom-color:rgba(0,0,0,.8);
    top:-16px;
    left: 50%;
    margin-left:-8px;
}
.tyc-btn-icon:hover b{
    display: block;
}
/*表格样式*/
.overview-table-box{
    padding-bottom:50px;
    min-height:440px;
}
.overview-table{
    color:#666;
    font-size:14px;
}
.overview-table thead tr{
    background:#F9F9F9;
}
/*首列宽度*/
.overview-table thead tr th:first-child,.overview-table tbody tr td:first-child{
    text-align: right;
    padding-right:40px;
}
/*表格边框颜色*/
.overview-table.table>thead:first-child>tr:first-child>th{
    border-color:#f9f9f9;
}
.table>tbody>tr>td{
    border-top-color:transparent;
    border-bottom-color:#ededed;
}
.overview-table tbody tr:hover{
    background: #E8F6FF;
}
/*文字颜色*/
.success{
    color:#73D13D;
}
.normal{
    color:#009FE8;
}
.warning{
    color: #eb694f;
}
.fs12{
    font-size:12px;
}
.text-color-gray{
    color: #B0B0B0;
}
/*设置按钮菜单位置调整*/
.overview-table .dropdown-menu-right{
    right:50px;
    top:30px;
    padding:0;
}
.overview .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
    color:#009fe8;
    background: none;
}
/*散点详情*/
.m0{
    margin:0;
}
/*页头左右切换按钮*/
.tyc-details-tab:after{
    content:'';
    display: block;
    clear:both;
}
.tyc-details-tab >li{
    float: left;
}
.tyc-btn-left{
    width:23px;
    height:23px;
    margin-left:60px;
    background:url("../images/tab-left.svg") no-repeat center;
}
.tyc-btn-left:hover,.tyc-btn-left-active{
    background:url("../images/tab-left-active.svg") no-repeat center;
}
.tyc-btn-left-disabled,.tyc-btn-left-disabled:hover{
    background:url("../images/tab-left-disabled.svg") no-repeat center;
    cursor: not-allowed;
}
.tyc-btn-right{
    width:23px;
    height:23px;
    margin:0 15px;
    background:url("../images/tab-right.svg") no-repeat center;
}
.tyc-btn-right:hover,.tyc-btn-right-active{
    background:url("../images/tab-right-active.svg") no-repeat center;
}
.tyc-btn-right-disabled,.tyc-btn-right-disabled:hover{
    background:url("../images/tab-right-disabled.svg") no-repeat center;
    cursor: not-allowed;
}
/*导出按钮*/
.tyc-btn-export{
    width:23px;
    height:23px;
    background:url("../images/export.svg") no-repeat center;
}
.tyc-btn-export-active,.tyc-btn-export:hover{
    background:url("../images/export-active.svg") no-repeat center;
}
.details-header .dropdown-menu-right{
    right:16px;
}
.details-header .dropdown-menu{
    width:161px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.3);
}
.details-header .dropdown-menu>li>a{
    color:#666;
    font-size:14px;
    padding-left:50px;
}
.tyc-icon-pdf{
    background: url("../images/pdf.svg") no-repeat 20px center;
}
.tyc-icon-word{
    background: url("../images/word.svg") no-repeat 20px center;
}
.tyc-icon-png{
    background: url("../images/png.svg") no-repeat 20px center;
}
.details-header .dropdown-menu>li>a:focus,.details-header .dropdown-menu>li>a:hover{
    color:#009FE8;
}
.details-header .dropdown-menu>li>a.tyc-icon-pdf:focus,.details-header .dropdown-menu>li>a.tyc-icon-pdf:hover{
    background: url("../images/pdfhover.svg") no-repeat 20px center;
    color:#009FE8;
}
.details-header .dropdown-menu>li>a.tyc-icon-word:focus,.details-header .dropdown-menu>li>a.tyc-icon-word:hover{
    background: url("../images/wordhover.svg") no-repeat 20px center;
    color:#009FE8;
}
.details-header .dropdown-menu>li>a.tyc-icon-png:focus,.details-header .dropdown-menu>li>a.tyc-icon-png:hover{
    background: url("../images/pnghover.svg") no-repeat 20px center;
    color:#009FE8;
}
/*时间显示*/
.time-box{}
.time-box ul li{
    float:left;
    width:250px;
    height:88px;
    padding:12px;
    margin:20px 20px 20px 0;
    border:1px solid;
    border-radius:8px;
    color:#fff;
}
.time-box h1{
    margin:6px 0 0 0;
    font-size:36px;

}
.time-box p{
    margin: 0;
    font-size:14px;
}
.totle-time{
    border-color:#2E65DB;
    background:url("../images/totle.svg") no-repeat 183px 23px,linear-gradient(90deg,rgba(87,135,231,1),rgba(43,99,217,1));
}
.white-screen-time{
    border-color:#F58A73;
    background:url("../images/whitescreen.svg") no-repeat 183px 23px,linear-gradient(90deg,rgba(253,183,127,1),rgba(244,117,90,1));
}
.first-screen-time{
    border-color:#8E56EA;
    background:url("../images/firstscreen.svg") no-repeat 183px 23px,linear-gradient(90deg,rgba(177,102,230,1),rgba(129,82,206,1));
}
.totle-byte-num{
 border-color:#26B5E3;
 background:url("../images/totlebyte.svg") no-repeat 183px 23px,linear-gradient(90deg,rgba(107,222,254,1),rgba(5,175,230,1));
}
.page-object-num{
    border-color:#4AE25A;
    background:url("../images/pageobject.svg") no-repeat 183px 23px,linear-gradient(90deg,rgba(110,232,122,1),rgba(83,198,95,1));
}
/*详情表格1*/
.details-table{
    color:#666;
}
.details-table span{
    margin-left:10px;
}
/* 导出按钮下拉菜单 */
.btn-icon{
    position: relative;
    display: inline-block;
    min-width: 42px;
    padding: 5px 10px;
    line-height:1;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 3px;
}
.icon{
    display: inline-block;
    width:20px;
    height:18px;
}
.icon-export{
    background: url('../images/icon-export.svg') no-repeat center;
}
.tyc-dropdown-container{
    position:relative;
}
.tyc-dropdown{
    position: absolute;
    top:calc(100% + 5px);
    right:0;
    padding:15px 20px;
    border-radius:4px;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 4px 0px rgba(0,0,0,0.3);
    display: none;
    z-index: 100;
}
.tyc-dropdown.active{
    display: block;
}
.tyc-dropdown-item{
    line-height: 30px;
    font-size:14px;
    cursor:pointer;
}
.tyc-dropdown-item:hover{
    color:rgba(0,159,232,1);
}
.tyc-dropdown-item .icon{
    vertical-align: text-top;
    margin-right:8px;   
}
.icon-excel{
    background: url('../images/icon-excel-default.svg') no-repeat center;
}
.tyc-dropdown-item:hover .icon-excel{
    background-image: url('../images/icon-excel-active.svg');
}
.icon-image{
    background: url('../images/icon-img-default.svg') no-repeat center;
    background-size:contain;
}
.tyc-dropdown-item:hover .icon-image{
    background-image: url('../images/icon-img-active.svg');
}
.icon-screen{
    background: url('../images/icon-screen-default.svg') no-repeat center;
}
.tyc-dropdown-item:hover .icon-screen{
    background-image: url('../images/icon-screen-active.svg');
}
.icon-report{
    background: url('../images/icon-report-default.svg') no-repeat center;
    background-size:contain;
}
.tyc-dropdown-item:hover .icon-report{
    background-image: url('../images/icon-report-active.svg');
}
/* network文档样式 str */
.tyc-a-icon-doc{
    background:url('../images/network-doc.svg') no-repeat center;
}
.tyc-a-doc.active .tyc-a-icon-doc,.tyc-a-doc:hover .tyc-a-icon-doc{
    background-image:url('../images/network-doc-active.svg');
}
.overflow-hidden{
    overflow:hidden;
}
.tyc-bg-white,.tyc-page-container,.tyc-footer{
    background:#fff;
}
.tyc-page-container{
    border-color:#fff;
    font-size:14px;
}
body,html{
    height:100%;
}
.tyc-doc-container{
    height:calc(100% - 52px);
    overflow: auto;
}
.w256{
    width:256px;
}
.pl256{
    padding-left:256px;
}
.mr200{
    margin-right:200px;
}
.text-overflow-ellipsis{
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}
/* 左侧导航 */
.tyc-doc-sidebar{
    width:256px;
    bottom: 0;
    overflow: hidden;
    border-right:1px solid rgba(232,232,232,1);
}
.tyc-sidebar-hd{
    padding:15px 25px;
}
.tyc-doc-nav{
    height: 100%;
    overflow: auto;
    margin-right: -16px;
}
.tyc-doc-nav-a{
    display: block;    
}
.tyc-doc-nav-a:hover{
    text-decoration:none;
}
.tyc-doc-nav-a.active{
    background:rgba(0,159,232,1);
}
.tyc-doc-text{
    position:relative;
    line-height:50px;
    font-size:14px;
    padding-left:53px;
    padding-right:53px;
    color:rgba(102,102,102,1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tyc-doc-nav-a:hover .tyc-doc-text{
    color:rgba(0,159,232,1);
}
.tyc-doc-nav-a.active .tyc-doc-text{
    color:rgba(255,255,255,1);
}
/* 图标公共样式 */
.tyc-doc-icon{
    display: inline-block;
    width:16px;
    height:16px;
}
.tyc-doc-text .tyc-doc-icon{
    position: absolute;
    left: 25px;
    top:50%;
    transform: translateY(-50%);
}
/* 下拉箭头 */
.tyc-doc-text .tyc-drop-down{
    position: absolute;
    right:12px;
    top:50%;
    transform: translateY(-50%);
}
.tyc-drop-down{
    display: inline-block;
    width:20px;
    height:15px;
    background: url('../images/drop-down.svg') no-repeat center;
    background-size:cover;
}
.tyc-doc-nav-a:hover .tyc-drop-down{
    background-image: url('../images/drop-down-hover.svg');
}
.tyc-doc-nav-a.active .tyc-drop-down{
    transform: translateY(-50%) rotate(180deg);
    background-image: url('../images/drop-down-active.svg');
}
/* 开始前必读 */
.tyc-doc-icon-read{
    background: url('../images/mast-read.svg') no-repeat center;
}
.tyc-doc-nav-a:hover .tyc-doc-icon-read{
    background-image: url('../images/mast-read-hover.svg');
}
.tyc-doc-nav-a.active .tyc-doc-icon-read{
    background-image: url('../images/mast-read-active.svg');
}
/* 开始开发 */
.tyc-doc-icon-dev{
    background: url('../images/start-dev.svg') no-repeat center;
}
.tyc-doc-nav-a:hover .tyc-doc-icon-dev{
    background-image: url('../images/start-dev-hover.svg');
}
.tyc-doc-nav-a.active .tyc-doc-icon-dev{
    background-image: url('../images/start-dev-active.svg');
}
/* 任务管理 */
.tyc-doc-icon-task{
    background: url('../images/task-mag.svg') no-repeat center;
}
.tyc-doc-nav-a:hover .tyc-doc-icon-task{
    background-image: url('../images/task-mag-hover.svg');
}
.tyc-doc-nav-a.active .tyc-doc-icon-task{
    background-image: url('../images/task-mag-active.svg');
}
/* 节点信息 */
.tyc-doc-icon-node{
    background: url('../images/node-info.svg') no-repeat center;
}
.tyc-doc-nav-a:hover .tyc-doc-icon-node{
    background-image: url('../images/node-info-hover.svg');
}
.tyc-doc-nav-a.active .tyc-doc-icon-node{
    background-image: url('../images/node-info-active.svg');
}
/* 警报配置 */
.tyc-doc-icon-alarm{
    background: url('../images/alarm-conf.svg') no-repeat center;
}
.tyc-doc-nav-a:hover .tyc-doc-icon-alarm{
    background-image: url('../images/alarm-conf-hover.svg');
}
.tyc-doc-nav-a.active .tyc-doc-icon-alarm{
    background-image: url('../images/alarm-conf-active.svg');
}
/* 即时监测 */
.tyc-doc-icon-monitor{
    background: url('../images/rtime-monitor.svg') no-repeat center;
}
.tyc-doc-nav-a:hover .tyc-doc-icon-monitor{
    background-image: url('../images/rtime-monitor-hover.svg');
}
.tyc-doc-nav-a.active .tyc-doc-icon-monitor{
    background-image: url('../images/rtime-monitor-active.svg');
}
/* 趋势数据 */
.tyc-doc-icon-trend{
    background: url('../images/trend-data.svg') no-repeat center;
}
.tyc-doc-nav-a:hover .tyc-doc-icon-trend{
    background-image: url('../images/trend-data-hover.svg');
}
.tyc-doc-nav-a.active .tyc-doc-icon-trend{
    background-image: url('../images/trend-data-active.svg');
}
/* 地域数据 */
.tyc-doc-icon-region{
    background: url('../images/region-data.svg') no-repeat center;
}
.tyc-doc-nav-a:hover .tyc-doc-icon-region{
    background-image: url('../images/region-data-hover.svg');
}
.tyc-doc-nav-a.active .tyc-doc-icon-region{
    background-image: url('../images/region-data-active.svg');
}
/* 地图数据 */
.tyc-doc-icon-map{
    background: url('../images/map-data.svg') no-repeat center;
}
.tyc-doc-nav-a:hover .tyc-doc-icon-map{
    background-image: url('../images/map-data-hover.svg');
}
.tyc-doc-nav-a.active .tyc-doc-icon-map{
    background-image: url('../images/map-data-active.svg');
}
/* 主机数据 */
.tyc-doc-icon-host{
    background: url('../images/host-data.svg') no-repeat center;
}
.tyc-doc-nav-a:hover .tyc-doc-icon-host{
    background-image: url('../images/host-data-hover.svg');
}
.tyc-doc-nav-a.active .tyc-doc-icon-host{
    background-image: url('../images/host-data-active.svg');
}
/* 错误数据 */
.tyc-doc-icon-error{
    background: url('../images/error-data.svg') no-repeat center;
}
.tyc-doc-nav-a:hover .tyc-doc-icon-error{
    background-image: url('../images/error-data-hover.svg');
}
.tyc-doc-nav-a.active .tyc-doc-icon-error{
    background-image: url('../images/error-data-active.svg');
}
/* 散点数据 */
.tyc-doc-icon-spoint{
    background: url('../images/spoint-data.svg') no-repeat center;
}
.tyc-doc-nav-a:hover .tyc-doc-icon-spoint{
    background-image: url('../images/spoint-data-hover.svg');
}
.tyc-doc-nav-a.active .tyc-doc-icon-spoint{
    background-image: url('../images/spoint-data-active.svg');
}
/* 元素数据 */
.tyc-doc-icon-element{
    background: url('../images/element-data.svg') no-repeat center;
}
.tyc-doc-nav-a:hover .tyc-doc-icon-element{
    background-image: url('../images/element-data-hover.svg');
}
.tyc-doc-nav-a.active .tyc-doc-icon-element{
    background-image: url('../images/element-data-active.svg');
}
/* 二级菜单 */
.tyc-doc-list{
    margin-top:5px;
    display: none;
}
.tyc-doc-nav-a.active+.tyc-doc-list{
    display: block;
}
.tyc-doc-item{
    display: block;
    padding:0 12px 0 53px;
    line-height:40px;
    color:rgba(155,155,155,1);
    border-right:6px solid transparent;
}
.tyc-doc-item:hover{
    text-decoration: none;
    color:rgba(0,159,232,1);
}
.tyc-doc-item.active{
    color:rgba(0,159,232,1);
    background:rgba(230,247,255,1);
    border-color:rgba(0,159,232,1);
}
/* 面包屑导航 */
.tyc-breadcrumb{
    padding:5px 0;
}
.tyc-breadcrumb li{
    display: inline-block;
    color:rgba(155,155,155,1);
}
.tyc-breadcrumb li+li:before{
    content:'/\00a0';
    padding:0 5px;
}
.tyc-breadcrumb>.active{
    color:rgba(102,102,102,1);
}
/* 页面标题 */
.tyc-page-title{
    font-size:20px;
    color:rgba(13,26,38,0.85);
}
.tyc-sub-title{
    font-size:16px;
    color:rgba(0,0,0,0.85);
}
.tyc-sub-content{
    margin: 15px 0 30px;
}
.tyc-code-content{
    padding:10px 20px;
    color:#314659;
    line-height:2;
    background:rgba(242,244,245,1);
    word-break: break-word;
}
.table.tyc-doc-table>thead:first-child>tr:first-child>th{
    border-top:none;
}
.tyc-text-lightblue{
    color:rgba(0,141,255,1);
}
.tyc-text-blue{
    color:rgba(0,58,140,1);
}
.tyc-text-pink{
    color:rgba(196,29,127,1);
}
.tyc-text-green{
    color:rgba(11,129,53,1);
}
.tyc-text-red{
    color:#F81D22;
}
.tyc-pre{
    padding: 0;
    margin: 0;
    font-size:14px;
    line-height:10px;
    border: none;     
}
/* tab切换模块 */
.tyc-doc-tab{
    border:1px solid rgba(230,230,230,1);
}
.tyc-doc-tab-hd{
    border-bottom:1px solid rgba(230,230,230,1);
}
.tyc-tab-item{
    position: relative;
    display: inline-block;
    width:150px;
    text-align:center;
    padding:15px 15px;
    cursor:pointer;
}
.tyc-tab-item>span{
    display: inline-block;
    width: 100%;
}
.tyc-tab-item.active{
    color:rgba(24,144,255,1);
    background: rgba(242,244,245,1);
}
.tyc-tab-item.active:after{
    content:'';
    position: absolute;
    bottom:-1px;
    left:50%;
    transform: translateX(-50%);
    display: inline-block;
    width:80px;
    height:2px;
    background: rgba(24,144,255,1);
}
/* 遮罩层 */
.tyc-mask{
    position: fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    height: 100%;
    background: rgba(0,0,0,.2);
    z-index:100;
}
/* 弹框 */
.tyc-dialog{
    position: absolute;
    top:0;
    right:0;
    width:528px;
    font-size:14px;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 11px 0px rgba(0,0,0,0.35);
    border-radius:4px 0px 0px 4px;
    z-index:200;
}
.tyc-dialog-hd{
    padding:15px 25px;
    border-bottom:1px solid rgba(0,0,0,0.09);
}
.icon-close{
    cursor:pointer;
    background: url('../images/icon-close.svg') no-repeat center;
}
.tyc-dialog-hd .icon-close{
    vertical-align: text-bottom;
}
.tyc-dialog-bd{
    max-height:600px;
    padding:15px 25px;
    overflow: auto;
}
.icon-date{
    background:url('../images//date-default.svg') no-repeat center;
}
.dropdown .icon-date{
    position: absolute;
    right:5px;
    top:50%;
    transform: translateY(-50%);
}
.dropdown:hover .icon-date{
    background-image:url('../images//date-hover.svg');
}
/* 右侧部分 */
.tyc-doc-right{
    position: absolute;
    top:68px;
    right:15px;
    width:170px;
}
.tyc-target{    
    font-size:14px;
    border-left:1px solid rgba(0,0,0,0.09);
}
.tyc-target>li{
    position: relative;
    padding-left:15px;
}
.tyc-target-a{
    display: block;
    max-width: 100%;
    color:rgba(102,102,102,1);
    line-height:36px;
}
.tyc-target-a:hover,.tyc-target-a.active{
    text-decoration: none;
    color:rgba(0,159,232,1);
}
.tyc-target-a:hover:before,.tyc-target-a.active:before{
    content:'';
    position: absolute;
    left: -1px;
    top:50%;
    transform: translateY(-50%);
    width:1px;
    height:14px;
    background: rgba(0,159,232,1);
}
.tyc-target-a .icon-sending-example{
    vertical-align: text-bottom;
}
.icon-sending-example{
    background:url('../images/sending-example.svg') no-repeat center;
}
.tyc-target-a:hover .icon-sending-example,.icon-sending-example:hover{
    background:url('../images/sending-example-hover.svg') no-repeat center;
}
/* network文档样式 end */