.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带提示文字*/
.bubble-visible{
    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 .left{
  left: -230%;
  top: auto;
}
.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 .left:after{
  top:auto;
  left: 107%; /* 提示工具右侧 */
  border-bottom-color:rgba(0,0,0,0);
  border-left-color:rgba(0,0,0,.8);
}
.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;
}
.table>tbody>tr>td{
  border-top-color:transparent;
  border-bottom-color:#ededed;
  min-width: 100px;
  max-width: 500px;
  word-break: break-all;
}
/*首列宽度*/
.table>thead>tr>th.dim, .table>tbody>tr>td.dim, .overview-table thead tr th:first-child,.overview-table tbody tr td:first-child{
    text-align: center;
    vertical-align: middle;
    padding-right:40px;
    max-width: 200px;
    word-break: break-word;
}
/*表格边框颜色*/
.overview-table.table>thead:first-child>tr:first-child>th{
    border-color:#f9f9f9;
}

.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;
    margin-left:4px;
}
/*设置按钮菜单位置调整*/
.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{
    margin-bottom:20px;
}
.time-box ul li{
    float:left;
    width:18%;
    min-width:250px;
    height:88px;
    padding:12px;
    margin:20px 20px 0 0;
    border:1px solid;
    border-radius:8px;
    color:#fff;
}

.time-box h1{
	margin:0;
}
.time-box h1 span{
    margin:6px 0 0 0;
    color:#fff;
    font-size:36px;

}
.time-box p{
    margin: 0;
    font-size:14px;
}
.totle-time{
    border-color:#2E65DB;
    background:linear-gradient(90deg,rgba(87,135,231,1),rgba(43,99,217,1));
}
.totle-time div{
	background:url("../images/totle.svg") no-repeat right bottom;
}
.white-screen-time{
    border-color:#F58A73;
    background:linear-gradient(90deg,rgba(253,183,127,1),rgba(244,117,90,1));
}
.white-screen-time div{
	background:url("../images/whitescreen.svg") no-repeat right bottom;
}
.first-screen-time{
    border-color:#8E56EA;
    background:linear-gradient(90deg,rgba(177,102,230,1),rgba(129,82,206,1));
}
.first-screen-time div{
	background:url("../images/firstscreen.svg") no-repeat right bottom;
}
.totle-byte-num{
 border-color:#26B5E3;
 background:linear-gradient(90deg,rgba(107,222,254,1),rgba(5,175,230,1));
}
.totle-byte-num div{
	background:url("../images/totlebyte.svg") no-repeat right bottom;
}
.page-object-num{
    border-color:#4AE25A;
    background:linear-gradient(90deg,rgba(110,232,122,1),rgba(83,198,95,1));
}
.page-object-num div{
	background:url("../images/pageobject.svg") no-repeat right bottom;
}
/*详情表格1*/
.details-table{
    color:#666;
}
.details-table td font{
  margin-right: 4px;
}
.details-table td span{
  display: inline-block;
  vertical-align: top;
}
.details-table.table>tbody>tr>td{
	padding:5px 16px;
}
.details-header h3{
	font-size:24px;
}
.details-header h3 small{
	padding-left:5px;
}
.pt10{
	padding-top:10px;
}
.time-line div{
	position:relative;
}
.time-line div:after{
	content:"";
	width:1px;
	height:12px;
	background:#ddd;
	position:absolute;
	left:50%;
	bottom:-14px;
	margin-left:-0.5px;
}
.border-bottom{
	border-bottom:1px solid #ddd;
}
.nav-tabs-w70.nav-tabs-line li{
	width:70px;
}
/*
.nav-tabs-w90.nav-tabs-line li{
	width:90px;
}
*/

/* 2020/11/27 */
table.smsContent {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    color:#333333;
    border-width: 1px;
    border-color: #696969;
    border-collapse: collapse;
}
table.smsContent th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #696969;
    background-color: #dedede;
}
table.smsContent td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #696969;
    background-color: #ffffff;
}