/*主按钮*/
 .btn{
    position: relative;
 }
.main-btn{
    display: inline-block;
    width: 100px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #00A0E8;
    border-radius: 4px;
    cursor: pointer;
    transition: background .1s linear;
    -moz-transition: background .1s linear;
    -webkit-transition: background .1s linear;
    -o-transition: background .1s linear;
}
.main-btn:link{
    background: #00A0E8;
}
.main-btn:visited{background: #0097dc;}
.main-btn:hover{background: #33B3ED;}
.main-btn:active{background: #0097dc;}
.main-btn:focus{background: #0097dc;}
.main-btn-link{
    display: inline-block;
    width: 100px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #00A0E8;
    border-radius: 4px;
    cursor: pointer;
    background: #00A0E8;
}
.main-btn-hover,.main-btn-buffer{background: #7AC7F8;}
.main-btn-focus{background: #0097DC;}
.main-btn-disable{
    width: 98px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    background: #f3f3f3;
    color: #ccc;
    border: 1px solid #d9d9d9;
}
.main-btn-disable:hover{
    cursor:not-allowed;
}
.color-span{
   margin-left: 20px;
   width: 17px;
   height: 9px;
   background-color: #00a0e8;
   font-size: 12px;
 }
.status-span{width: 64px;}
.hover-color-span{background-color: #7AC7F8;}
.click-color-span{background-color: #0097DC;}
.buffer-color-span{background-color: #7AC7F8;}
.disable-color-span{
  background-color: #f3f3f3;
  border: solid 1px #d9d9d9;
  width: 15px;
  height: 7px;
}

.disable-right{float: right;width: 90px;}
.disable-right .color-span{margin-left: 0;}
.txt-span{width: 19px;text-align: center;}
.txt-span-color,.txt-span{position: relative;top: -16px;}
.disable-right .color-span,.color-value{position: relative;top: -28px;}
.color-solid{position: relative;top: -40px;left: 20px;}
.tyue-btn-source{
   border-radius: 4px;
   border: solid 1px #d9d9d9;
   width:346px;
   margin-top: 16px;
   width:90% ;
   transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
 }
 .tyue-btn-source:hover{
   /* border: 0;*/
    border:1px solid #fff;
    box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.25);
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
}


.main-btn-display{padding: 25px 20px 46px 25px;}
.main-btn-code{
   border-top: solid 1px #d9d9d9;

   font-size: 14px;
}
.main-btn-title{float: left;padding-left: 15px;}
.main-btn-arrow{float: right;padding-right: 20px;}



.tyue-radio-group{margin: 20px 0 10px 0;}
.tyue-radio-wrapper{
   margin-right: 8px;
   vertical-align: middle;
   display: inline-block;
   position: relative;
   white-space: nowrap;
   line-height: 14px;
}
.tyue-radio{
   vertical-align: middle;
   display: inline-block;
   position: relative;
   white-space: nowrap;
}
.tyue-radio-txt{margin-left: 4px;margin-right: 4px;}
.tyue-radio-input{
   position:absolute;
   top:0;
   left:0;
   z-index:10;
   visibility:visible;
   opacity:0;
   filter:alpha(opacity=0);
   outline:none;
   cursor: pointer;
 }
.tyue-radio-circle{
   width:12px;
   height:12px;
   display:inline-block;
   border:1px solid #d7d7d7;
   border-radius:50%;
   position:relative;
   top:0;
   left:0;
   z-index:2;
   cursor: pointer;
 }
.tyue-radio:hover .tyue-radio-circle{border:1px solid #b3b3b3;}

.tyue-radio-circle:after{
   content:"";
   width:6px;
   height:6px;
   border-radius:50%;
   display:block;
   background:#00a0e8;
   position:absolute;
   top:3px;
   left:3px;
   z-index:2;
   display:none;
 }
.tyue-radio-input[type=radio]:checked+span:after{display:block;}
.tyue-radio-input[type=radio][disabled],
.tyue-radio-wrapper-disabled .tyue-radio-circle{cursor: not-allowed;}
.tyue-radio-wrapper-disabled .tyue-radio-circle{
   border-color: #d9d9d9;
   background-color: #f3f3f3;
 }
.tyue-radio-wrapper-disabled .tyue-radio-checked .tyue-radio-circle:after{background: #ccc;display: block;}
.tyue-radio-wrapper-disabled .tyue-radio:hover .tyue-radio-circle{border:1px solid #d7d7d7;}


.tyue-checkbox-group{margin: 20px 0 30px 0;}
.tyue-checkbox-wrapper{
   margin-right: 8px;
   vertical-align: middle;
   display: inline-block;
   position: relative;
   white-space: nowrap;
   cursor: pointer;
   line-height: 14px;
}
.tyue-checkbox{
   vertical-align: middle;
   display: inline-block;
   position: relative;
   white-space: nowrap;
}
.tyue-checkbox-txt{margin-left: 6px;margin-right: 8px;}
.tyue-checkbox-input{
   position:absolute;
   top:0;
   left:0;
   z-index:10;
   visibility:visible;
   opacity:0;
   filter:alpha(opacity=0);
   outline:none;
   cursor: pointer;
 }
.tyue-checkbox-circle{
   width:12px;
   height:12px;
   display:inline-block;
   border:1px solid #d7d7d7;
   border-radius:2px;
   position:relative;
   top:0;
   left:0;
   z-index:2;
   cursor: pointer;
 }
.tyue-checkbox:hover .tyue-checkbox-circle{border:1px solid #b3b3b3;}
.tyue-checkbox-wrapper-disabled .tyue-checkbox:hover .tyue-checkbox-circle{border:1px solid #d7d7d7;}
.tyue-checkbox-circle:after{
   content:"";
   width:14px;
   height:14px;
   border-radius:2px;
   display:block;
   background:url(../images/members-icon01.png) no-repeat center -2511px #00a0e8;
   position:absolute;
   top:-1px;
   left:-1px;
   z-index:2;
   display:none;
 }
.tyue-checkbox-input[type=checkbox]:checked+span:after{display:block;}
.tyue-checkbox-input[type=checkbox][disabled],
.tyue-checkbox-wrapper-disabled .tyue-checkbox-circle{cursor: not-allowed;}
.tyue-checkbox-wrapper-disabled .tyue-checkbox-circle{
   border-color: #d9d9d9;
   background-color: #f3f3f3;
 }
.tyue-checkbox-wrapper-disabled .tyue-checkbox-checked .tyue-checkbox-circle:after{
  width: 12px;
  height: 12px;
  border: 1px solid  #d9d9d9;
  border-radius: 2px;
  background:url(../images/members-icon01.png) no-repeat center -5021px #f3f3f3;
  display: block;
}
/* 按钮 end */

/**输入框**/
.tyue-input-wrapper{width: 100%;}
.tyue-input-box{margin: 20px 0 15px 0;}
.tyue-input{
   position:relative;
   display:inline-block;
   padding:4px 8px;
    width:285px;
   min-height: 25px;
   height:auto;
   border:1px solid #d9d9d9;
   border-radius:6px;
   background-color:#fff;
   background-image:none;
   color:#666;
   font-size:12px;
   line-height:2;
   cursor:text;
   -webkit-transition:border .2s cubic-bezier(.645,.045,.355,1),background .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1);
   transition:border .2s cubic-bezier(.645,.045,.355,1),background .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1)}
.dropdown-tyue-input{
   width: 100% !important;
}
.form-input{width: 165px}
.cscader-input{width: 205px}
.tyue-input::-moz-placeholder{color:#ccc;opacity:1}
.tyue-input:-ms-input-placeholder{color:#ccc}
.tyue-input::-webkit-input-placeholder{color:#ccc}
.tyue-input:focus,.tyue-input:hover{border-color:#57c5f7}
.tyue-input:focus{outline:0;box-shadow:0 0 0 2px rgba(45,183,245,.2)}
.tyue-input-warning{border:solid 1px #ff4a25}
.tyue-input-lg{padding:6px 8px;height:32px}
.tyue-input-sm{padding:1px 8px;height:22px;border-radius:4px}
.tyue-input-group{
    position: relative;
    display: table;
    border-collapse: separate;
}
.tyue-input-group .tyue-input {
    position: relative;
    z-index: 2;
    float: left;
    width: 80%;
    margin-bottom: 0;
}
.example-input .tyue-input{width: 200px;margin: 0 8px 8px 0;}
.dropdown-tags{
    display: block;
    position: relative;
    margin-top: -24px;
}
.tyue-input-warning:hover{
    border-color: #ff4a25;
}
.tyue-input-warning:focus{
    border-color: #ff4a25;
    box-shadow: 0 0 0 2px rgba(255, 99, 0, 0.2);;
}
.tyue-input-disable,.tyue-input-disable:hover,.tyue-input-disable:focus{
    color:#ccc;
    border: 1px solid #d9d9d9;
    background: #f3f3f3;
    cursor:not-allowed;
    box-shadow : none;
}
/**输入框 end**/


/**搜索框**/
.tyue-search-input{position: relative;width: 208px;}
.tyue-search-input .tyue-input{width: 100%;}
.tyue-input-btn{
  position: absolute;
  display: block;
  width: 35px;
  height: 33px;
  border-radius: 3px;
  background:url(../images/table-icon.png) no-repeat 8px -155px #eee;
  border-left: solid 1px #d9d9d9;
  top: 1px;
  left: 187px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  z-index: 3;
}
.ued-tyue-search{
    background:url(../images/ued-search-icon.svg) no-repeat 8px center  ;
}

/**数字输入框**/
.tyue-input-number-input {
  padding: 0 8px;
  width: 100%;
  height: 28px;
  outline: 0;
  border: 0;
  border-radius: 6px;
  color: #666;
  text-align: left;
  line-height: 28px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  -moz-appearance: textfield
}
.tyue-input-number{position:relative;display:inline-block;overflow:hidden;margin:0;padding:4px 7px;padding:0;width:100%;width:80px;height:28px;border:1px solid #d9d9d9;border-radius:6px;background-color:#fff;background-image:none;color:#666;vertical-align:middle;font-size:12px;line-height:1.5;line-height:28px;cursor:text;-webkit-transition:border .2s cubic-bezier(.645,.045,.355,1),background .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1);transition:border .2s cubic-bezier(.645,.045,.355,1),background .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1)}
.tyue-input-number::-moz-placeholder{color:#ccc;opacity:1}
.tyue-input-number:-ms-input-placeholder{color:#ccc}
.tyue-input-number::-webkit-input-placeholder{color:#ccc}
.tyue-input-number:focus{outline:0;border-color:#57c5f7;box-shadow:0 0 0 2px rgba(45,183,245,.2)}
.tyue-input-number-handler{position:relative;display:block;overflow:hidden;width:100%;height:14px;color:#999;text-align:center;font-weight:700;line-height:0;-webkit-transition:all .1s linear;transition:all .1s linear}
.tyue-input-number-handler:active{background:#f4f4f4}

.tyue-input-number-handler-down-inner,.tyue-input-number-handler-up-inner{position:absolute;right:4px;display:inline-block;width:12px;height:12px;color:#999;vertical-align:baseline;text-align:center;text-transform:none;font-style:normal;font-size:12px;font-size:7px\9;line-height:1;line-height:12px;-webkit-transition:all .1s linear;transition:all .1s linear;-webkit-transform:scale(.58333333) rotate(0);transform:scale(.58333333) rotate(0);zoom:1;text-rendering:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)"}

:root .tyue-input-number-handler-down-inner,:root .tyue-input-number-handler-up-inner{font-size:12px;-webkit-filter:none;filter:none}
.tyue-input-number:hover{border-color:#57c5f7}
.tyue-input-number-handler-wrap{position:absolute;top:0;right:0;width:22px;height:100%;border-left:1px solid #d9d9d9;background:0 0;opacity:0;-webkit-transition:opacity .24s linear .1s;transition:opacity .24s linear .1s}
.tyue-input-number:hover .tyue-input-number-handler-wrap{opacity:1}
.tyue-input-number-handler-up{cursor:pointer}
.tyue-input-number-handler-up-inner{top:1px}
.tyue-input-number-handler-up-inner:before{
   content:url(../images/up-arrow.png);
   text-align:center;

 }
.tyue-input-number-handler-up:hover{height:16px}
.tyue-input-number-handler-up:hover .tyue-input-number-handler-up-inner{margin-top:2px}
.tyue-input-number-handler:hover .tyue-input-number-handler-up-inner:before
{content:url(../images/up-arrow-hover.png);}
.tyue-input-number-handler-down{top:-1px;border-top:1px solid #d9d9d9;cursor:pointer}
.tyue-input-number-handler-down-inner:before{
  content:url(../images/down-arrow.png);
  text-align: center
}
.tyue-input-number-handler-down-inner:before:hover{content:url(../images/down-arrow-hover.png);}
.tyue-input-number-handler-down:hover{margin-top:-2px;height:16px}
.tyue-input-number-handler:hover .tyue-input-number-handler-down-inner:before
 {content:url(../images/down-arrow-hover.png);}

.input-number-disable .tyue-input-number-handler-up,.input-number-disable .tyue-input-number-handler-down,.input-number-disable .tyue-input-number-input{
    cursor: not-allowed;
}
.input-number-disable:hover {
     border-color: #ccc;
}
.input-number-disable .tyue-input-number-input{
    color: #ccc
}



 /*线性按钮*/
 .tyue-btn-active{
   border: solid 1px #00a0e8;
   color: #00a0e8;
 }

 .tyue-btn-group a:first-child:hover{color: currentColor;}
 .tyue-btn-group a.tyue-btn-active,.tyue-btn-group a:active,.tyue-btn-group a:focus,.tyue-btn-group a:hover {
  z-index: 2
}


.linear-btn.disabled, .linear-btn[disabled] {
    cursor: not-allowed;
}
.linear-btn[disabled],
.linear-btn[disabled]:active,
.linear-btn[disabled]:focus,
.linear-btn[disabled]:hover,
fieldset[disabled] .linear-btn,
fieldset[disabled] .linear-btn.active,
fieldset[disabled] .linear-btn:active,
fieldset[disabled] .linear-btn:focus,
fieldset[disabled] .linear-btn:hover{
   border-color: #d9d9d9;
   background-color: #f7f7f7;
   color: #ccc
}
.tyue-btn-default,
.tyue-btn-default:active,
.tyue-btn-default:focus,
.tyue-btn-default:hover{
  background: #ccc;
  color: #fff;
  border: solid 1px #d9d9d9;
  cursor: not-allowed;
}
.tyue-cascadeselect-wrapper{position: relative;}
.tyue-cascadeselect-detail{
   left: 0;
   top: 44px;
   height: 252px;
   width: 132px;
   overflow-y: auto;
 }
.tyue-cascadeselect-detail ul li{height: 40px;line-height: 40px;}
.tyue-cascadeselect-detail ul li a{color: #666;font-size: 12px;}
.tyue-cascadeselect-detail ul li a:hover{color: #666;}
.tyue-cascadeselect-detail ul li:hover{background-color: #f0f9ff;cursor: pointer;}
.tyue-cascadeselect-detail ul .active{background-color: #f0f9ff;cursor: pointer;}
.tyue-cascadeselect-detail ul .tyue-cascadeselect-current,
.tyue-cascadeselect-detail ul .tyue-cascadeselect-current:hover{
  background-color: #f5f5f5;
  color: #666;
}
.tyue-cascadeselect-detail-two{
    left: 130px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.tyue-cascadeselect-detail-three{
  left: 260px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}



.tyue-form-wrapper{padding-bottom: 50px;}
.tyue-form-inline .tyue-form-item{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;
}
.tyue-form-item{
    font-size: 12px;
    margin-bottom: 24px;
    color: #666;
}
.tyue-row{
    position: relative;
    margin-left: 0;
    margin-right: 0;
    height: auto;
    zoom: 1;
    display: block;
}
.tyue-form-inline .tyue-form-item>div{display: inline-block;}
.tyue-form-horizontal .tyue-form-item-label{width: 20%;}
.tyue-form-horizontal .main-btn{margin-left: 20%;}
.tyue-form-item-label{
    text-align: right;
    vertical-align: middle;
    padding: 7px 0;
    display: inline-block;

}
.tyue-form-item-control {
    line-height: 32px;
    position: relative;
    zoom: 1;
}
.tyue-form-wrapper .tyue-form-horizontal{max-width: 540px;}
.tyue-form-horizontal .tyue-form-item-label,
.tyue-form-horizontal .tyue-form-item-control{float: left;}
.tyue-form-text{display: inline-block;padding-right: 8px;}
.tyue-form-item-required:before{
    display: inline-block;
    margin-right: 4px;
    content: "*";
    font-family: SimSun;
    font-size: 12px;
    color: #f50;
}
.tyue-input-group-addon{
    float: left;
    display: inline-block;
    width: 13%;
    /*padding: 0 7px;*/
    font-size: 12px;
    font-weight: 400;
    line-height: 32px;
    color: #666;
    text-align: center;
    background-color: #eee;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    white-space: nowrap;
}
.tyue-input-group-addon:first-child{border-right: 0;}
.tyue-input-group-addon:first-child{border-bottom-right-radius: 0;border-top-right-radius: 0;}
.tyue-input-group>.tyue-input:last-child{border-bottom-left-radius: 0;border-top-left-radius: 0;}
.tyue-input-group-addon:last-child{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.tyue-input-group>.tyue-input:not(:first-child):not(:last-child){border-radius: 0;width: 67%;}
.tyue-form-r{width: 80%;float: left;}
.tyue-input-group-addon:last-child {border-left: 0;}
.tyue-form-horizontal .tyue-form-item-control{width: 80%;}

/*搜索框右侧按钮hover变蓝*/
.tyue-input-btn{
    position: absolute;
    display: block;
    width: 35px;
    height: 33px;
    border-radius: 6px;
    background:url(../images/table-icon.png) no-repeat 8px -155px;
    background-color:  #eee;
    border-left: solid 1px #d9d9d9;
    border-right: solid 1px #d9d9d9;
    top: 1px;
    left: 189px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    z-index: 3;
    transition: background-color .3s cubic-bezier(.645,.045,.355,1),border .3s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: background-color .3s cubic-bezier(.645,.045,.355,1),border .3s cubic-bezier(.645,.045,.355,1);
    -o-transition: background-color .3s cubic-bezier(.645,.045,.355,1),border .3s cubic-bezier(.645,.045,.355,1);
    -moz-transition: background-color .3s cubic-bezier(.645,.045,.355,1),border .3s cubic-bezier(.645,.045,.355,1);
}

.tyue-search-input:hover .tyue-input-btn{
    border-left: solid 1px #00a0e8;
    border-right: solid 1px #00a0e8;
    background: url(../images/table-icon.png) no-repeat 8px -367px;
    background-color:  #00a0e8;
}
.tyue-search-input:hover .tyue-input{
    border-color:#57c5f7;
}
/*下拉选项不可选*/
.dropdown-menu-detail ul li .c-ccc:link,
.dropdown-menu-detail ul li .c-ccc:visited,
.dropdown-menu-detail ul li .c-ccc:hover,
.dropdown-menu-detail ul li .c-ccc:active{
    color: #ccc;
    cursor: not-allowed;

}
.tyue-btn-focus{
    border-right: solid 1px #00a0e8;
    border-left: solid 1px #00a0e8;
    background: url(../images/table-icon.png) no-repeat 8px -367px #00a0e8;
}


/*多选框*/
.tyc-check-blue{margin-left: 5px;width:12px;height:12px;position:relative;}
.tyc-check-blue input{position:absolute;top:0;left:0;z-index:10;visibility:visible;opacity:0;filter:alpha(opacity=0);outline:none;}
.tyc-check-blue span, .tyc-check-blue span:after{border-radius: 2px;}
.tyc-check-blue span{width:10px;height:10px;display:block;border:1px solid #d7d7d7;position:absolute;top:0;left:0;z-index:2;}
.tyc-check-blue span:hover{
    border:1px solid #b3b3b3;
}
.tyc-check-blue span:after{content:"";width:12px;height:12px;border:0;display:block;background:url(../images/members-icon01.png) no-repeat center -2512px #00a0e8;position:absolute;top:-1px;left:-1px;z-index:2;display:none;}
.tyc-check-blue input[type=checkbox]:checked+span:after{display:block;}


/**20161025 间距调整**/
h1{margin-bottom: 5px;}
.tyue-color p{font-size: 14px;color: #999;}


/****  result 结果页面内容 *****/

.nav-arrow {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -7px;
    transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -webkit-transition: transform 0.2s;
    -o-transition: transform 0.2s;
}

.ued-nav-arrow:before {
    border-bottom: 1px #666 solid;
    border-right: 1px #666 solid;
}

.nav-arrow:before {
    content: "";
    width: 5px;
    height: 5px;
    display: block;
    border-bottom: 1px #666 solid;
    border-right: 1px #666 solid;
    margin: 1px 3px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.tyc-monitors{
    font-size: 14px;
    padding: 20px 10px 0 10px;
}
.tyc-monitors-title{
    margin-bottom: 15px;
}
.tyc-monitors-content{
    width: 100%;
}
.tyc-monitor-number .tyc-monitors-content>ul>li{
    display: inline-block;
    margin-right:130px;
    font-size: 14px
}
.tyc-monitors-content em{
    font-size: 14px;
    color: #009FE8;
}
.tyc-monitors-bottom{
    width: 100%;
    margin: 25px 0 30px 0;
}
.tyc-monitors-bottom>ul>li{
    display: inline-block;
    margin-right: 72px
}
.tyc-monitor-time .con-top>ul>li{
    display: inline-block;
    width: 24%;
    line-height: 20px;
    border-right: 1px solid #d9d9d9;
}
.tyc-monitor-time .con-top>ul>li:last-child{
    border-right: 0;
}
.tyc-monitor-time ul>li>span{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #333;
}

.tyc-monitor-time p{
    text-align: center;
}

.tyc-monitors-point{
    width: 100%;
    margin-top:15px;
}
.tyc-monitor-time .list-monitor-res>.dropdown-menu-detail{
    display: none;
}
.tyc-monitor-time .list-monitor-res>.dropdown-menu-detail>ul{
    height: 180px;
    overflow-y: auto;
}
.tyc-monitor-time .list-monitor-res .tyc-dropdown-search{
    border-bottom: 1px solid #d9d9d9;
}
.tyc-monitor-time .list-monitor-res .tyc-dropdown-search>.tyue-input{
    width: 104px;
    border: none;
    box-shadow:none;

}
.tyc-monitor-time .list-monitor-res .tyc-dropdown-search>.tyc-search-btn{
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-top: 5px;
    background: url(../images/ued-search-icon.svg) no-repeat center;
    float: right;
}


/****  conf 配置页面内容 *****/
.tyc-monitors-lists{
    position: relative;
}

.tyc-main-wrap .tyc-hr{
    border-top: none;
    border-right: none;
    border-left: none;
    border-color: #ccc;
    padding-bottom: 12px;
}
.tyc-monitor-type label{
    margin-right: 50px
}
.tyc-con-more-conf{
    margin-top: 25px
}
.tyc-monitors-content>ul>li{
    padding: 5px 0;
}
.tyc-monitor-obj .tyc-monitors-button{
    width: 100%;
}
.tyc-monitors-button>a {
    padding: 0 16px;
    display: inline-block;
    border-radius: 3px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #ccc;
    margin-right: 15px;
}
.tyc-ued-btn.btn-current{
    background-color: #009FE8;
    color: #fff;
    border-color:#fff;
}
.tyc-monitors-obj-list{
    margin-top: 15px;
}
.tyc-monitors-obj-list .tyue-input{
    width: 970px;
    border-radius: 3px;
}
.tyc-monitor-obj .btn-dropdown-menu {
    width: 342px;
    height: 34px;
    line-height: 34px;
}

.btn-dropdown-menu {
    position: relative;
    display: inline-block;
    width: 103px;
    text-align: left;
    height: 28px;
    line-height: 28px;
    border-radius: 4px;
    cursor: pointer;
    color: #666;
    background-color: #fff;
    border: solid 1px #d9d9d9;
    padding: 0 8px;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1);
}

.tyc-monitor-obj .dropdown-menu-detail {
    width: 358px;
}

.tyue-dropdown-menu-wrapper .dropdown-menu-detail {
    top: 28px;
    left: 0;
}
.dropdown-menu-detail {
    width: auto;
    min-width: 119px;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    border: solid 1px #e5e5e5;
    padding: 5px 0px;
    top: 66px;
    z-index: 20000;
    display: none;
    position: absolute;
    margin-top: 10px;
}

.dropdown-menu-detail ul li {
    text-align: left;
    /* width: 100%; */
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
}

.dropdown-menu-detail ul li {
    cursor: pointer;
    padding: 0 8px;
}
.dropdown-menu-detail ul li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tyc-con-config-adv>.tyc-config-title{
    font-size: 14px;
    margin-right: 15px;
}
.tyc-monitor-conf .tyc-config-time-res,.tyc-monitor-conf .tyc-config-custom{
    padding: 15px 0;
}
.tyc-config-time-res>ul>li{
    display: inline-block;
    height: 30px;
    min-width: 156px;
    margin-right:55px;
}
.tyc-monitor-media .tyc-config-time-res>ul>li{
    margin-right:23px;
}
.tyc-monitor-media .tyc-config-time-res .tyue-selector-wrapper>.btn-dropdown-menu{
    width: 280px;
}
.tyc-config-time-res .tyue-input{
    width:62px;
    height: 28px;
    padding: 0 8px;
    margin: 0 10px;
    border-radius: 3px;
}
.tyc-monitor-media .tyc-monitor-media-title{
    margin-bottom: 8px
}
.tyc-monitor-media .tyc-config-time-res .tyue-input{
    width: 100px;
    margin: 0
}
.tyc-monitors-obj-list .tyc-obj-choose .dropdown-menu-detail>ul{
    height: 175px;
    overflow-y: auto;
}
.dropdown-menu-detail>.tyc-check-bot-fix{
    padding: 15px 8px 10px;
}

.tyc-monitor-node .tabbox .content>ul>li{
    padding: 7px 10px;
}
.tyc-obj-choose .tyc-choose-task-sp{
    color: #c01818
}

.tyc-config-custom textarea{
    width: 342px;
    height: 90px;
    margin-top: 8px;
    border-radius: 3px;
}
.tyc-config-custom>ul>li{
    display: inline-block;
    min-width: 360px;
    margin-right: 38px;
}
.tyc-monitor-node-tab .tyc-tab-box{
    float: left;
    display: inline-block;
    width: 650px;
    height: 321px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 10px 15px 0 0 ;
}
.tyc-monitor-node-tab .ty-tabs-nav{
   border-bottom: 1px solid #d9d9d9;
   overflow: auto;
   scrollbar-width: thin;
}
.tyc-monitor-node-tab .ty-tabs-ul {
    padding: 0 10px;
}
.tyc-monitor-node-tab .ty-tabs-ul li{
    font-size: 12px;
    margin-right: 45px;
}
.tyc-monitor-node-tab #buoy{
    left:11px;
}
.tyc-node-box-res{
    float: left;
    width: 300px;
    padding: 15px 0 15px 15px;
    border: 1px solid #ccc;
    height: 291px;
    border-radius: 3px;
    margin-top: 10px;
    /*overflow-y:auto; */
}
.tyc-node-box-res>ul{
    height: 253px;
    overflow-y:auto
}
.tyc-monitor-node-lists>ul>li{
    padding-bottom: 10px;
}
.tyc-node-box-res>.tyc-node-box-bot{
    margin-top: 15px;
}
.tyc-monitor-node-lists>.tyc-node-box-bot>em{font-size: 12px}
.tyc-monitor-node-lists>.tyc-node-box-bot>a{
    color: #009FE8;
    font-size: 12px;
    display: inline-block;
    margin-left: 80px;
}
.tyc-monitor-node-tab .tyc-node-box-right{
    float: left;
    margin: 300px 0 0 20px;
}
.tyc-monitor-node-tab .tyc-node-box-right>em{
    font-size: 12px;
    color: #EB694F;
}
.tyc-con-more-conf>.tyc-monitor-node-radio{
    margin-bottom: 20px;
}
.tyc-con-more-conf>.tyc-monitor-node-radio>div{
    margin-bottom: 10px;
}
.tyc-con-more-conf>.tyc-monitor-node-radio textarea{
    width: 482px;
    height: 50px;
    border-radius: 3px;
}
.tyc-con-more-conf>.tyc-monitor-node-radio>.tyc-monitor-node-sys{
    width: 498px;
    height: 198px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    overflow-x:hidden;
    overflow-y:auto;
}
.tyc-monitor-node-sys>.tyc-monitor-node-head{
    height: 37px;
    line-height: 37px;
    padding-left: 15px;
    border-bottom: 1px solid #d9d9d9;
    background-color: #F2F2F2;
}
.tyc-monitor-node-sys>ul>li{
    height: 30px;
    line-height: 30px;
    padding-left: 15px
}
.tyc-monitor-node-sys>ul>li:nth-child(even){
    background-color: #F3F3F3;
}
.tyc-con-more-conf .tyc-monitor-node-group{
    margin-bottom: 17px;
}
.tyc-con-more-conf .tyc-monitor-node-group>h3{
    font-size: 14px;
    padding-bottom: 20px
}
.tyc-monitor-node-group>.tyc-node-span{color: #999}
.tyc-monitor-node-group .tyc-monitor-node-tit{padding: 15px 0}
.tyc-monitor-node-group .tyc-monitor-opera-g{
    float: left;
    margin-right: 30px;
}
.tyc-monitor-node-group .tyc-input-dns{
    width: 182px;
    min-height: 22px;
    height: 22px;
    border-radius: 3px;
}
.tyc-monitor-opera-g .tyue-input{
    width: 342px;
    min-height: 26px;
    cursor: pointer;
}
.tyc-monitor-opera-g .btn-dropdown-menu{
    width: 342px;
    height: 34px;
    line-height: 34px;
}
.tyc-monitor-opera-g .tyue-selector-wrapper .dropdown-menu-detail, .tyc-monitor-opera-g .dropdown-menu-detail{
    width: 358px;
    max-height: 170px;
    overflow-y:auto;
}
.tyc-monitor-opera-g .dropDown-ul>li{
    height: 34px;
    line-height: 34px;
}
.tyc-monitor-opera-g .ty-tag{
    height: 22px;
    line-height: 22px;
}


.tyc-monitor-opera-ls>.main-btn-active{
    width: 70px;
    height: 32px;
    line-height: 32px;
    margin-top: 15px
}
.tyc-con-show-more{
    width: 100%;
    margin: 0 auto;
    color: #009FE8;
    text-align: center;
    padding: 20px 0px 5px 0;
}
 .tyc-con-show-more>span{
   cursor: pointer;
 }
.tyc-monitor-node .tabbox .content .ty-transfer-list{
    width: 268px;
    height: 218px;
}
.tyc-monitor-node .ty-transfer-list-body {
    height: 210px;
    border-top: none;
    overflow-x: hidden;
}

.tyc-monitor-node .tabbox .content .ty-transfer-list li,.tyc-monitor-sys-node .ty-transfer-list li{
    float: none;
    padding: 0 10px;
    height: 30px;
    line-height: 26px
}
.tyc-monitor-node .tabbox .content .ty-transfer-operation{
    padding: 70px 20px 0;
}
.tyc-monitor-node .tabbox .ty-transfer-titles{
    display: inline-block;
    padding:5px 2px 0 2px;
}
.tyc-monitor-node .tabbox .ty-transfer-titles-m{
    margin-left: 290px
}
.tyc-monitor-node .content .tyc-custom-nodes{
    width: 114px;
    /*height: 218px;*/
    float: left;
    /*overflow-x: hidden;
    overflow-y: auto;*/
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    margin-right: 12px ;
}
.tyc-custom-nodes li:hover, .tyc-monitor-node-lists .ty-transfer>.ty-transfer-list .ty-tree-select>li:hover,.tyc-monitor-sys-node .ty-transfer .ty-tree-select>li:hover{
    background-color:#E9F7FF;
}
.tyc-monitor-node-lists .ty-transfer>.ty-transfer-list .ty-tree-select>li .tyue-checkbox,.tyc-monitor-sys-node .ty-tree-select>li .tyue-checkbox{
    display: none;
}
.tyc-monitor-node-lists .tyc-custom-nodes>ul{
    height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
}
.tyc-monitor-node-lists .tyc-custom-nodes>ul>li{
    padding:7px;
}
.tyc-custom-nodes>.tyc-custom-node-head{
    height: 37px;
    line-height: 37px;
    padding-left: 10px;
    background-color: #f3f3f3;
    border-bottom: 1px solid #d9d9d9;
}
.tyc-monitors-btn-start{
    text-align: center;
    margin: 40px auto;
}
.tyc-monitors-btn-start .main-btn-active{
    width: 200px;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
}
.tyc-monitor-node-group label{
    margin-right: 50px;
}

.tyc-main .tyc-monitor-show{
    display: none;
}
.tyc-obj-choose .dropdown-text{
    height: 30px;
    width: 100%
}
.dropdown-text:focus{
    outline: none;
}
.tyc-monitor-node-lists .content .ty-tree-div{
    height: 30px;
}
.tyc-monitor-node-lists .content .ty-tree-div>label,.tyc-monitor-sys-node .ty-tree-div>label{
    display: inline-block;
    width: 100%;
    line-height: 30px
}
.tyc-transfer-li-current{
    background-color: #f2f2f2;
}
.tyc-monitor-node-lists .tyc-move-nodes>li{
    float: left;
    width: 114px;
    padding: 0;
    margin-right: 12px;
}

.tyc-monitor-sys-node .ty-transfer-list>.ty-transfer-list-head{
    height: 37px;
    line-height: 37px;
    background-color: #F1F1F1;
    padding: 0 14px;
    border-bottom: 1px solid #d9d9d9;
}

.tyc-monitor-sys-node .ty-transfer-list>.ty-transfer-list-body {
    height: 156px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
}

/*新增私有节点*/
.tyc-monitor-sys-node .ty-transfer-list{
    height: 198px;
    width: 298px;
}
.tyc-monitor-sys-node .ty-transfer-list>.ty-transfer-list-body{
    height: 156px;
    overflow-y:auto;
    overflow-x:hidden;
    padding: 0;
}
.tyc-monitor-sys-node .ty-transfer-list>.ty-transfer-list-head{
    height: 37px;
    line-height: 37px;
    background-color: #F1F1F1;
    padding: 0 14px;
    border-bottom: 1px solid #d9d9d9;
}
.ued-transfer-sys>.ty-transfer-operation{
    padding: 63px 20px 0;
}

.tyue-advanced-search {
    width: 100%;
}

.tyue-advanced-search .tyue-advanced-search-con a {
    padding: 5px 25px;
    border-radius: 3px;
    margin-right: 20px;
}

.tyue-advanced-search-con a {
    display: inline-block;
    height: 30px;
    line-height: 25px;
    /* padding: 4px 23px; */
    text-align: left;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    border-radius: 2px;
    margin-bottom: 6px;
    /* margin-right: 12px; */
    /* color: #666; */
    border: 1px solid #d9d9d9;
}

.tyc-main-hd {
    padding: 5px 0px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 40px;
}

.tyue-advanced-search-title {
    height: 100%;
    overflow: hidden;
    margin-top: 5px;
    display: inline;
    padding: 16px 0 16px 0px;
    float: left;
    width: 48px;
    text-align: right;
}



.ued-time-task {
    width: 400px;
    float: left;
    margin-bottom: 25px;
}

.tyc-main-hd .ued-tyue-search {
    left: 56px;
    width: 209px;
}

.tyc-main-hd .tyue-advanced-search-con {
    margin-left: 58px;
}

.tyue-advanced-search-con {
    float: left;
    width: 85%;
    padding-top: 16px;
    padding-bottom: 5px;
}

.tyc-main-hd .ued-search-btn > .btn {
    margin: 13px 43px 0 0;
}

.ued-tyue-search {
    background: url(../images/ued-search-icon.svg) no-repeat 202px center;
    top: 12px;
    padding: 3px 8px;
    border-radius: 3px;
}

.ued-search-btn>.btn {
    float: right;
    width: 50px;
    margin: 13px 35px 0 0;
}
.has-error-input {
    border-color: #eb694f;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

 /* 表格loading */
 /****   list列表页面修改内容  ****/
 .tyc-monitor-number>.tyc-monitors-content .tyc-con-icon{
   width: 24px;
   height: 24px;
   display: inline-block;
   float: left;
   margin-right: 10px;
 }
 .tyc-monitor-number>.tyc-monitors-content .tyc-con-icon.tyc-icon-unfinished{
   /*background: url(/src/assets/images/icon-loading.svg) no-repeat;*/
   background-size: 100% 100%;
 }
 .tyc-monitor-number>.tyc-monitors-content .tyc-con-icon.tyc-icon-finished{
   background: url(../images/icon-success.svg) no-repeat;
   background-size: 100% 100%;
 }
 .tyc-tab-loadEffect{
   width: 20px;
   height: 20px;
   position: relative;
   display: inline-block;
   top: 7px;
   float: left;
   margin-right: 5px;
 }
 .tyc-tab-loadEffect span{
   display: inline-block;
   width: 4px;
   height: 2px;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
   background: #009ee7;
   position: absolute;
   animation: load 1.04s ease infinite;
   -webkit-animation: load 1.04s ease infinite;
 }

 .tab-icon-warning {
   width: 16px;
   height: 16px;
   display: inline-block;
   float: left;
   margin-right: 5px;
   background: url(../images/icon-warning.svg) no-repeat center;
   background-size: 100%;
 }
 @keyframes load{
   0%{
     opacity: 1;
   }
   100%{
     opacity: 0.2;
   }
 }
 @-webkit-keyframes load{
   0%{
     opacity: 1;
   }
   100%{
     opacity: 0.2;
   }
 }
 .tyc-tab-loadEffect span:nth-child(1){
   left: 0px;
   top: 50%;
   margin-top: -8px;
   animation-delay:0.13s;
   -webkit-animation-delay:0.13s;
 }
 .tyc-tab-loadEffect span:nth-child(2){
   left: 1px;
   top: -4px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   animation-delay:0.26s;
   -webkit-animation-delay:0.26s;
 }
 .tyc-tab-loadEffect span:nth-child(3){
   left: 50%;
   top: -5px;
   margin-left: -4px;
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   animation-delay:0.39s;
   -webkit-animation-delay:0.39s;
 }

 .tyc-tab-loadEffect span:nth-child(4){
   top: -4px;
   right: 4px;
   transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
   animation-delay:0.52s;
   -webkit-animation-delay:0.52s;
 }
 .tyc-tab-loadEffect span:nth-child(5){
   right: 3px;
   top: 50%;
   margin-top: -8px;
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   animation-delay:0.65s;
   -webkit-animation-delay:0.65s;
 }
 .tyc-tab-loadEffect span:nth-child(6){
   right: 4px;
   bottom: 11px;
   transform: rotate(225deg);
   -webkit-transform: rotate(225deg);
   animation-delay:0.78s;
   -webkit-animation-delay:0.78s;
 }
 .tyc-tab-loadEffect span:nth-child(7){
   bottom: 10px;
   left: 50%;
   margin-left: -4px;
   transform: rotate(270deg);
   -webkit-transform: rotate(270deg);
   animation-delay:0.91s;
   -webkit-animation-delay:0.91s;
 }
 .tyc-tab-loadEffect span:nth-child(8){
   bottom: 11px;
   left: 1px;
   transform: rotate(315deg);
   -webkit-transform: rotate(315deg);
   animation-delay:1.04s;
   -webkit-animation-delay:1.04s;
 }


 .tyc-loadEffect span{
   display: inline-block;
   width: 6px;
   height: 2px;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
   background: #009ee7;
   position: absolute;
   -webkit-animation: load 1.04s ease infinite;
 }
 @-webkit-keyframes load{
   0%{
     opacity: 1;
   }
   100%{
     opacity: 0.2;
   }
 }
 .tyc-loadEffect span:nth-child(1){
   left: -1px;
   top: 50%;
   margin-top: -12px;
   -webkit-animation-delay:0.13s;
 }
 .tyc-loadEffect span:nth-child(2){
   left: 1px;
   top: -7px;
   -webkit-transform: rotate(45deg);
   -webkit-animation-delay:0.26s;
 }
 .tyc-loadEffect span:nth-child(3){
   left: 50%;
   top: -9px;
   margin-left: -4px;
   -webkit-transform: rotate(90deg);
   -webkit-animation-delay:0.39s;
 }
 .tyc-loadEffect span:nth-child(4){
   top: -7px;
   right: 3px;
   -webkit-transform: rotate(135deg);
   -webkit-animation-delay:0.52s;
 }
 .tyc-loadEffect span:nth-child(5){
   right: 1px;
   top: 50%;
   margin-top: -12px;
   -webkit-transform: rotate(180deg);
   -webkit-animation-delay:0.65s;
 }
 .tyc-loadEffect span:nth-child(6){
   right: 4px;
   bottom: 15px;
   -webkit-transform: rotate(225deg);
   -webkit-animation-delay:0.78s;
 }
 .tyc-loadEffect span:nth-child(7){
   bottom: 13px;
   left: 50%;
   margin-left: -4px;
   -webkit-transform: rotate(270deg);
   -webkit-animation-delay:0.91s;
 }
 .tyc-loadEffect span:nth-child(8){
   bottom: 15px;
   left: 1px;
   -webkit-transform: rotate(315deg);
   -webkit-animation-delay:1.04s;
 }


 /*******************通用样式**********************/
 /* 边框样式 */
 .tyc-border{
   border:1px solid rgba(219,219,219,1);
 }
 /* 文字溢出显示省略号 */
 .tyc-ellipsis{
   white-space: nowrap;
   word-break: break-all;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 label{
   font-weight: normal;
 }
 /* 带图标的按钮 */
 .tyc-btn-sm-icon{
   display: inline-block;
   width:12px;
   height:12px;
   margin-right:8px;
 }
 .icon-download{
   background:url("../images/icon-download.svg") no-repeat center;
 }
 .btn-default:hover .icon-download{
   background: url("../images/icon-download-blue.svg") no-repeat center;
 }
 /*******************通用样式**********************/
 /* 按钮组按钮间距 */
 .btn-grounp .btn{
   margin-right:6px;
 }
 .btn-grounp .btn:last-child{
   margin-right:0;
 }
 .btn-md{
   padding:8px 30px;
 }
 /* 按钮组按钮间距 */
 /* 重置栅格系统间距 */
 .tyc-row .row,.tyc-row .form-horizontal .form-group{
   margin-left:-5px;
   margin-right:-5px;
 }
 .tyc-row [class|=col]{
   padding-right: 5px;
   padding-left: 5px;
 }
 /* 重置栅格系统间距 */
 /* 卡片样式 */
 .task-card{
   height:110px;
   border-radius:3px;
   margin-bottom:16px;
   padding:30px;
   color:#fff;
 }
 .task-card>div{
   height:100%;
   padding-left:90px;
 }
 .task-card h3{
   margin-top:9px;
 }
 .task-time{
   background:url("../images/alert-sxs.svg") no-repeat center left;
 }
 .task-system{
   background:url("../images/alert-yys.svg") no-repeat center left;
 }
 .task-edition{
   background:url("../images/tingyun-report-mym-icon.svg") no-repeat center left;
   background-size:contain;
 }
 .task-model{
   background:url("../images/tingyun-report-hd-mob-icon-new.svg") no-repeat center left;
 }
 .bg-blue{
   background-color:rgba(0,159,232,1);
 }
 .bg-green{
   background-color:rgba(10,166,153,1);
 }
 .bg-purple{
   background-color:rgba(76,111,231,1);
 }
 .bg-brown{
   background-color:rgba(115,95,135,1);
 }

 /* 卡片样式 */
 /* 目录样式 */
 .tyc-catalog{
   position:relative;
   height: 30px;
   margin-bottom:20px;
 }
 .tyc-catalog:before{
   content:"";
   position: absolute;
   top:50%;
   width: 100%;
   border:1px dashed rgba(51,51,51,.3);
 }
 .tyc-catalog>span{
   position: absolute;
   line-height:30px;
   color:rgba(51,51,51,.8);
   background:#fff;
 }
 .tyc-catalog-left{
   left:0;
   padding-right:10px;
 }
 .tyc-catalog-right{
   right:0;
   padding:0 20px 0 10px;
   font-size:14px;
   font-weight: 500;
 }
 /* 目录样式 */
 /* 树形菜单 */
 .tyc-tree-container{
   max-height:800px;
   overflow: auto;
 }
 .tyc-detail-container{
   height:800px;
   overflow: auto;
 }
 .tyc-tree-item{
   position: relative;
   line-height:32px;
   cursor: pointer;
 }
 .tyc-tree-level{
   padding-left:40px;
 }
 .tyc-tree-level2{
   padding-left:80px;
 }
 .tyc-tree-level3{
   padding-left:120px;
 }
 .tyc-tree-level4{
   padding-left:160px;
 }
 .tyc-tree-level5{
   padding-left:200px;
 }
 .tyc-tree-item:hover{
   background:rgba(233,247,255,1);
 }
 .tyc-tree-item.active a{
   color:#009FE8;
 }
 .tyc-badge.badge{
   color:#fff;
   background:rgba(0,159,232,1);
 }
 .tyc-tree-item a{
   color:#666;
   padding-left:10px;
   text-decoration: none;
 }
 .tyc-tree-item .icon{
   vertical-align: middle;
 }
 .tyc-tree-item .badge,.tyc-tree-item .text-icon{
   margin-top: 10px;
   margin-left: 5px;
   float: right;
   transform: translateY(-50%);
 }
 /* 圆形的小图标 */
 .text-icon{
   display: inline-block;
   width:16px;
   height:16px;
   color:#fff;
   text-align: center;
   line-height:14px;
   border-radius:50%;
   background-color: #ccc;
 }
 .text-icon-right{
   background: #77BEAA url("../images/icon-ok.svg") no-repeat center;
 }
 .text-icon-error{
   background: #E77C67 url("../images/icon-remove.svg") no-repeat center;
 }
 .icon-arrow{
   background:url("../images/drop-down.svg") no-repeat center;
   background-size:contain;
 }
 .icon-arrow-close{
   transform: rotate(270deg);
 }
 /* 树形菜单 */
 /* 步骤详情-测试结果页，应设计要求微调 */
 .tyc-border-container-wrap{
   border:1px solid rgba(219,219,219,1);
   border-radius:3px;
 }
 .tyc-border-container-head{
   padding-top:10px;
 }
 /* 状态、名称、耗时、上行流量、下行流量 */
 .tyc-grid{
   margin-bottom:30px;
 }
 .tyc-grid>li{
   position:relative;
   width:20%;
   min-width:130px;
   padding:0 15px 0 40px;
   margin-bottom:10px;
 }
 .tyc-grid>li:after{
   content:"";
   position: absolute;
   top:0;
   right:0;
   bottom:0;
   border-right:1px solid #CBCBCB;
 }
 .tyc-grid>li:last-child:after{
   display:none;
 }
 .text-green{
   color:#0AA699;
 }
 .text-yellow{
   color:#f1c06c;
 }
 .text-red{
   color:#eb694f;
 }
 /* 埋点参数 */
 .burying-point-parameter{
   margin-bottom:30px;
 }
 .burying-point-parameter table tr th,td{
   padding:10px 20px;
 }
 /* 横向表格第一列加背景颜色 */
 .detail_table_vertical tbody tr td:first-child{
   background-color: #F7F7F7;
 }
 /* 执行截图、预期截图 */
 .tyc-screenshot{
   background:rgba(247,247,247,1);
   border:1px solid rgba(205,205,205,1);
 }
 .tyc-screenshot-img{
   height: 455px;
 }
.tyc-tempnode-input{
  margin-top: 5px;
}