.item_list ul {
    list-style: none;
    width: 100%;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
    color: #fff;
    max-height: 83%;
}

.item_list ul.header {
    font-weight: bolder;
    background-color: #00000024;
}

.item_list ul li {
    float: left;
    width: 25%;
    text-align: center;
    overflow: hidden;
    height: 35px;
    line-height: 35px;
}

.item_list ul.header li {
    background-color: #00000024;
}

.item_list ul.odd li {
    background-color: #00000000;
}

.item_list ul.even li {
    background-color: #00000024;
}

.tools_wrapper a {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #00a5ea;
}

.active {
    color: #fff;
}

.proponew {
    cursor: pointer;
}

.task_report_wrapper {
    overflow: hidden;
    padding: 15px;
    position: absolute;
    top: 10%;
    left: 90px;
    width: 30%;
    height: 85%;
    border: 0px solid #1e8cea;
    background-image: url('../img/box_bg_left.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}

.filter_list {
    overflow: hidden;
    padding: 15px;
    position: absolute;
    top: 10%;
    left: calc(30% + 95px);
    width: 60%;
    height: 172px;
    border: 0px solid #1e8cea;
    background-image: url('../img/box_bg_line.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}

.data_list_wrapper {
    overflow: hidden;
    padding: 15px;
    position: absolute;
    top: calc(10% + 180px);
    left: calc(30% + 95px);
    width: 60%;
    height: calc(85% - 180px);
    border: 0px solid #1e8cea;
    background-image: url('../img/box_bg_big.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}

.item_list ul .proponew {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item_lei a,.item_lei i{
    width: 45px;
    text-align: center;
    display: inline-block;
    margin-left: 6px;
    cursor: pointer;
    color: #00a5ea;
}

.item_lei .active{
    color: #fff;
}

.item_lei{
    margin: 4px auto;
}

.item_lei ol{
    display: inline-block;
}

body{
    overflow: hidden;
}

/*弹窗相关*/
.propobox{
    padding: 10px 30px 20px;
}

.xd_propo{
    display: none;
}

.xd_propo p{
    color: #999999;
    text-align: right;
    margin-top: 10px;
}

body .layui-layer-page .layui-layer-content {
    overflow: visible;
}

.xd_table tr {
    height: 35px;
    line-height: 35px;
    border-spacing: 1px;
    border-bottom: 1px solid #eee;
}

.xd_tabtitlr {
    background: #0F87EE;
    color: #fff;
    font-weight: normal;
}

.xd_table tr td {
    color: #fff;
    cursor: pointer;
    text-align: center;
}
.xd_tbodyder tr td {
    text-align: center;
    color: #333;
}

.propobox input{
    text-align: center;
    color: #333;
}

.xd_checkbtn{
    position: absolute;
    top: -37px;
    right: 30px;
    background-color: #0f87ee;
    width: auto;
    height: auto;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    padding: 5px;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 2000;
}

.shaixuantijiao{
    width: 200px;
    margin: 10px auto 0;
    background-color: #0f87ee;
    height: auto;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    padding: 5px;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
}

.restart{
    color: #0f87ee;
    cursor: pointer;
}