.scatter_bgbody{background:#f3f3f3;}
.clear:after{visibility:hidden;clear:both;display:block;height:0px;content:" ";}
.clear{*zoom:1;}
.wBR3,.wUl01 span{border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;}
.wBR5{border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;}
.wBox{width:auto;padding:10px 0 20px;}
.wLay01{width:auto;padding:10px 0 0 5px;height:36px;margin-bottom: 10px;}
.wBigTitle{font-size:22px;color:#333333;font-family:"黑体"!important;}
.wLay01 em{font-style:normal;font-size:12px;line-height:20px;margin-left:10px;color:#666;font-family:"黑体"!important;}
.wTitle02{height:36px;line-height:36px;text-indent:12px;border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-ms-border-radius:3px 3px 0 0;-o-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;background: #48B8EF;font-size:16px;color:#fefefe;font-family:"黑体"!important;margin-bottom:8px;}
.wLay02{background:#ffffff;padding-bottom:8px;margin-bottom:15px;}
.wTable01{font-family:"黑体"!important;}
.wTable01 td{padding-left:12px;height:34px;}
.wLay03{width:auto;padding:0 12px 60px;background:#ffffff;}
.wUl01{width:70%;/* height:90px;float:right;text-align:right; */padding:10px 0 15px;}
.wUl01 li{min-width:40px;height:30px;line-height:30px;padding-left:35px;display:inline-block;*display:inline;*zoom:1;position:relative;}
.wUl01 span{width:22px;height:14px;display:block;position:absolute;top:8px;left:10px;}

.wBluePurple{background:#ebebeb;}
.wBlue{background:#81d4fa;}
.wLightPurple{background:#c1a0f9;}
.wLightOrange{background:#976dde;}
.wLightYellow{background:#1bbc9b;}
.wGreen{background:#58edee;}
.wLightGreen{background:#3a64ff;}
.wPurple{background:#ff6663;}
.wOrange{background:#ffa04c;}
.wYellow{background:#f9e171;}

.wUl02{width:100%;}
.wUl02>li{border-bottom:1px solid #dddddd;}
/*.wUl02>li.wFirstLi{border-top:1px solid #dddddd;}*/
.wUl02 .closeDiv.clear{height:30px;padding-top:7px;}
.wUl02 .closeDiv.clear:hover{background:#d5eeff;}
.wUl02 .closeDiv.clear>div{float:left;height:16px;line-height:16px;}
/* .wUl02 .closeDiv.clear .wIcon01{width:9px;height:9px;border:1px solid #999999;margin:2px 13px 0 13px;cursor:pointer;background:url(../images/waterfall_icon01.png) no-repeat;} */
.wUl02 .closeDiv.clear .wIcon01{height:7px;cursor:pointer;}
.wUl02 .closeDiv.clear .wIconClose{background-position:-1px -1px;}
.wUl02 .closeDiv.clear .wIconOpen{background-position:-1px -24px;}
.wUl02 .closeDiv.clear .wIconNone{background:none;border:0;width:11px;}
.wUl02 .closeDiv.clear .wUrl{width:16.5%;height:23px;position:relative;padding-left:25px;}
.wUrlDiv01{width:100%;height:16px;line-height:16px;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111111;}
.wUrlDiv02{width:26%;height:16px;line-height:16px;float:left;text-align:right;overflow:hidden;color:#111111;}
.wUrl02{line-height:20px;padding:0 2px; padding-left:25px; white-space:nowrap;position:absolute;top:-2px;left:0;background:#d5eeff;color:#111111;z-index:100;display:none;}
.wUrl:hover .wUrl02{display:block;}
.wIP{width:11%;position:relative;}
.wIPDiv01{width:100%;height:16px;line-height:16px;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111111;}
.wIP02{line-height:20px;padding:0 2px; white-space:nowrap;position:absolute;top:-2px;left:0;z-index:100;display:none;padding-left:0px;background: #d5eeff;color:#111111;}
.wIP:hover .wIP02{display:block;}
.wStyle{width:5%;}
.wLen{width:3%;}
.wIconDiv{width:5%;}

.wIcon02,.wIcon03{width:26px;height:16px;display:inline-block;*display:inline;*zoom:1;position:relative;}
.wIcon02 a{width:26px;height:16px;display:inline-block;*display:inline;*zoom:1;background:url(../images/server_action.svg) no-repeat;}
.wIconApm a{width:26px;height:16px;display:inline-block;*display:inline;*zoom:1;background:url(../images/tingyun-report-apm-icon-on.svg) no-repeat;}
.wIcon03 a{width:26px;height:16px;display:inline-block;*display:inline;*zoom:1;background:url(../images/server_trace.svg) no-repeat;}
.wIcon02 a:hover{background:url(../images/server_action_hover.svg) no-repeat;}
.wIcon03 a:hover{background:url(../images/server_trace_hover.svg) no-repeat;}

.wIconDiv span{min-width:50px;padding:0 10px;display:block;line-height:24px;color:#f3f3f3;background:#333333;white-space:nowrap;position:absolute;top:26px;left:-10px;z-index:100;display:none;}
.wIconDiv em{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #333333;position:absolute;top:20px;left:3px;z-index:50;display:none;}
.wIcon02:hover span,.wIcon02:hover em,.wIcon03:hover span,.wIcon03:hover em{display:block;}
.wProgressbar{width:52%;height:16px;position:relative;}
.wProgressbar ul{width:100%;height:16px;white-space:normal;overflow: hidden;position: relative;}
.wProgressbar li{position:relative;float:left;height:16px;}
.wTimeLi{min-width:20px;line-height:16px;margin-left:2px;}
.freen_line{width:1px;height:31px;background:#ea625f;position:absolute;top:-7px;}
.onload_line{width:1px;height:31px;background:#00a0e8;position:absolute;top:-7px;}
.freen_time_line{width:1px;height:14px;background:#ea625f;position:absolute;bottom:-13px;}
.onload_time_line{width:1px;height:14px;background:#00a0e8;position:absolute;bottom:-13px;}
.calibra_time_line{width:1px;height:14px;background:#ddd;position:absolute;bottom:-15px;margin-left:-0.5px;}
.calibra_time_line span{position:relative;top:-14px;left:-5px;}
.li_time_line {height: 32px;border-top:1px solid #dddddd;}
.wUrl_time_line {width:16.5%;position:relative;top:3px;}
.wIP_time_line{width:11%;position:relative;top:3px;}
.wStyle_time_line{width:5%;position:relative;top:3px;}
.wLen_time_line {width:3%;position:relative;top:3px;}
.hijack_flag{width:3%;}
.wLineDiv01,.wLineDiv02{min-width:50px;padding:0 0px 0 12px;height:30px;line-height:30px;white-space:nowrap;border:1px solid #dddddd;background:#f9f9f9;box-shadow:1px 2px 2px #eeeeee;position:absolute;top:-45px;}
.wLineDiv01 span,.wLineDiv02 span{margin-right:20px;}
.wDivTab{min-width:270px;height:auto;padding:10px 5px 15px 15px;border:1px solid #dddddd;background:#f9f9f9;position:absolute;top:-15px;z-index:100;}
.wDivTab td{height:30px;text-align:center;padding:0 10px;}
.wDivTab .td01{text-align:left;padding:0;}
.wDivTab .td01 div{width:8px;height:14px;border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;}
.wDivTab .td02,.wDivTab .td03{text-align:right;}
.wDivTab .wUl01 .clear .td02 span{padding-right:17px;}
.wDivTab .wUl01 .clear .td03 span{padding-right:5px;}
.wOpenLi{width:auto;padding:0 37px;border:1px solid #dddddd;border-bottom:0;background:#f7f7f7;}
.wTitle03{font-weight:bold;line-height:38px;border-bottom:1px solid #dddddd;margin-bottom:3px;}
.wUl03{padding-bottom:20px;}
.wUl03 li{/** height:24px;*/line-height:24px;}
.wUl03 span{width:115px;display:inline-block;*display:inline;*zoom:1;}



/*151202 ����tab*/
.wTabDiv .div01{width:auto;padding-left:15px;height:45px;margin-top: 20px;}
.wTabDiv .div01>div{float:left;width:200px;height:44px;line-height:44px;text-align:center;margin-left:5px;border-radius:3px 3px 0 0;cursor:pointer;font-size:16px;color:#333333;border:1px solid #f3f3f3;border-bottom:0;font-family: "黑体"!important;}
.wTabDiv .div01>div:hover{border:1px solid #e6e6e6;border-bottom:0;background:#f7f7f7;}
.wTabDiv .div01>div.current{border:1px solid #e6e6e6;border-bottom:0;background:#ffffff;}
.wTabDiv .div02{width:auto;background:#ffffff;border-radius:5px;padding:10px 10px 50px;}
 .wTabDiv .div02>div{width:1000px;/*display:none;*/}
.wTabDiv .div02>.wWidthAuto{width:auto;}
.wTabDiv .div02>div.current{display:block;}
.wTabDiv .imgDiv img{max-width:100%;}
.wTabDiv .hide_elem{display:none;}

.legend_conent_freen_time_red{line-height:30px;display:inline-block;*display:inline;*zoom:1;color: #ea625f;}
.legend_conent_onload_time_blue{line-height:30px;display:inline-block;*display:inline;*zoom:1;color: #00a0e8;}

.pmap_div{margin-top:15px;}
.pmap_div p{text-indent:10px;height:25px;line-height:25px;background:#868686;border:1px solid #d3d3d3;border-right:0;margin-bottom:1px;color:#FFFFFF;}
.pmap_divcon{padding:5px;background:#E4E4E4;overflow:hidden;color:#000000;line-height:16px;overflow:auto;}

.elem_type_icon_css{background:url("../../../images/icon-css.svg") no-repeat left top;background-size:5%;}
.elem_type_icon_docs{background:url("../../../images/icon-docs.svg") no-repeat 2% 22% ;background-size:4%;}
.elem_type_icon_fonts{background:url("../../../images/icon-fonts.svg") no-repeat left top;background-size:5%;}
.elem_type_icon_images{background:url("../../../images/icon-images.svg") no-repeat left top;background-size:5%;}
.elem_type_icon_redirect{background:url("../../../images/icon-redirect.svg") no-repeat 2% 22% ;background-size:4%;}
.elem_type_icon_scripts{background:url("../../../images/icon-scripts.svg") no-repeat left top;background-size:5%;}
.elem_type_icon_xhr{background:url("../../../images/icon-xhr.svg") no-repeat left top;background-size:5%;}
.elem_type_icon_quic{background:url("../../../images/icon-quic.svg") no-repeat left top;background-size:5%;}

.elem_header_icon_open{background:url("../../../images/header_icon_open.svg") no-repeat left top;background-size:80%;width: 25px;height: 25px;margin-top: -2px;}
.elem_header_icon_close{background:url("../../../images/header_icon_close.svg") no-repeat left top;background-size:80%;width: 25px;height: 25px;margin-top: -2px;}

.heared-data-tip{width: 90%;min-width: 300px;position:absolute;display: none;}
.heared_data_head{width: 80%;margin-left: 35px;margin-top: 15px;}
.heared_data_content{float: left;width: 50%;}
.scatter-waterfall-error{position: absolute;color: red;right:80px;top:0;margin-left:2px;white-space: nowrap;}
.scatter-waterfall-error-left{position: absolute;color: red;right:80px;top:0;margin-left:2px;white-space: nowrap;}
.scatter-waterfall-error-right{position: absolute;color: red;left:100%;top:0;margin-left:2px;white-space: nowrap;}
/**详情图错误码标识**/
.annotationWarning-1{
    background: url(../images/annotationWarning-1.png) no-repeat center;
    width: 15px;
    height: 16px;
    display: block;
  }
  .annotationWarning-3{
    background: url(../images/annotationWarning-3.png) no-repeat center;
    width: 15px;
    height: 16px;
    display: block;
  }
  .hijackWarning-1{
    background: url(../images/hijack_icon.svg) no-repeat center;
    width: 15px;
    height: 16px;
    display: block;
  }
  .black-list-icon{
    background: url(../images/black_list.svg) no-repeat center;
    display: block;
    width: 16px;
    height: 16px;
  }