html, body, div, span,  h1, h2, h3, h4, h5, h6, p, img, ins, kbd, q,  dl, dt, dd, ol, ul, li,label,table, legend{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}
body {
    font-family: 'Microsoft YaHei', sans-serif;
    color: #444;
    background-repeat: expand;
    width: 600px;
    height: 100%;
    overflow:hidden;
    /*width:600px;heigth:230px;*/
    border:1px solid #B5BDC7;
    border-top:0px; 
    color: #42B66B;
}

/*导航区*/
#my_top{width: 100%;height:25px;background-color: #42B66B;}
#my_top span{
    display: block;
    position: absolute;
    line-height: 25px;
    left:20px;
    color: white;
    font-size: 15px;
}
#top button {
    display: block;
    width: 25px;
    height: 25px;
    border: 0;
    margin: 0;
    padding: 0;
    transition: blend;
}
.close {
    position: absolute;
    overflow: hidden;
    right: 0px;
    top: -2px;
    width: 25px;
    height: 25px;
    z-index: 1;
    background-image: url("../images/btn_close_normal.png");
    click!: close();
}
.close:hover {
    background-image: url("../images/btn_close_highlight.png");

}
.close:active {
    background-image: url("../images/btn_close_down.png");
}

/*导航结束*/
/*下载事件按钮*/
/*
.ss_thread button {
    display: block;
    width: 25px;
    height: 25px;
    border: 0;
    margin: 0px;
    padding: 0;
    cursor:pointer;
    transition: blend;
}
.ss_stop{
    position: absolute;
    overflow: hidden;
    left: 0px;
    top: 0px;
    width: 25px;
    height: 25px;
    z-index: 1;
    background-image: url("../images/thread2.png");
 
}

.ss_stop1{
    position: absolute;
    overflow: hidden;
    left: 0px;
    top: 0px;
    width: 25px;
    height: 25px;
    z-index: 1;
    background-image: url("../images/thread1.png");
     
}


.ss_delete{
    position: absolute;
    overflow: hidden;
    left: 30px;
    top: 0px;
    width: 25px;
    height: 25px;
    z-index: 1;
    background-image: url("../images/delete1.png");
   
}
.ss_delete:hover{background-image: url("../images/delete2.png");}


.ss_open{
    position: absolute;
    overflow: hidden;
    left: 60px;
    top: 0px;
    width: 25px;
    height: 25px;
    z-index: 1;
    background-image: url("../images/file1.png");
    
}

.ss_open:hover{background-image: url("../images/file2.png");}
*/
/*事件结束*/

/* 内容区 */
#content {
    position: relative;
    width: 100%;
    height: 430px;
    overflow: hidden;
}
/* vertical-scrollbar: mini_scrollbar; */



.my_grogress{
    width:180px;
    height:8px;
    border: none;
}
.grogress_p{
    display: block;
    width:80px;
    height: 8px;
    position: absolute;
    left: 90px;
    top:-5px;
    color:red;
}

#table_1{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  
}

/*table-head*/

table {
    /*设置相邻单元格的边框间的距离*/
    border-spacing: 0;
    /*表格设置合并边框模型*/
    border-collapse: collapse;
   
}
/*关键设置 tbody出现滚动条*/
table tbody {
    display: block;
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}
table thead,
tbody tr {
    display: table;
    width: 100%;
    /* table-layout: fixed; */
}
/*关键设置：滚动条默认宽度是16px 将thead的宽度减16px*/


/*table-head*/
#table_1 table {
    width: 100%;
    height: 100%;
    behavior: grid column-resizer;
    flow: table-fixed;
    border-collapse: collapse;
}

table,th,td {
    margin: 0;
    padding: 0;
}





#table_1 table th {
    background: #f0f0f0;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid white;
    border-bottom: 1px solid #d2d2d2;
    padding: 4px 7px;
    font-weight: normal;
    text-align: center;
}

#table_1 table th:nth-child(1) {
    border-left: 0;
}

#table_1 table th:nth-last-child(1) {
    border-right: 0;
}
#table_1 table tr{width:100%; height: 33px; overflow:hidden;text-align: center;}
#table_1 table td {
    height: 32px;
	width: 150px;
    border-bottom: 1px solid #dcdcdc;
    line-height: 32px;
    padding: 0 8px;
    position: relative;
    /*文本过长处理*/

    white-space:nowrap; 
    overflow:hidden;
    text-overflow:ellipsis;
}


#table_1 tr:hover td {
    background: #E7F3FF;
}

#table_1 tr.best .ping {
    color: @COLOR_GREEN;
}

#table_1 tr.great .ping {
    color: @COLOR_ORANGE;
}

#table_1 tr.soso .ping {
    color: @COLOR_RED;
}

#table_1 .statusdot {
    display: inline-block;
    width: 13px;
    height: 13px;
    position: relative;
    top: 9px;
}

#table_1 tr.best .statusdot {
    background-position: 0 0;
}


/*底部floor*/
#my_floor{
    width:100%;
    height: 100%;
    background-color: #42B66B;
    overflow: hidden;
}

/*进度条*/

#progressbar{
    position: absolute;
    top:50%;
    left:50%;
    margin-left:-90px;
    margin-top:-10px;
    width:180px;
    height:20px;
    border:1px solid darkgray;

}
/*在进度条元素上调用动画*/
#fill{
    animation: move 2s;
    text-align: center;
    background-color: #6caf00;
}
/*实现元素宽度的过渡动画效果*/
@keyframes move {
    0%{
        width:0;

    }
    100%{
        width:100%;
    }
}