.letterListContainer{width: 1200px;}
 
.searchPanel{
    width: 100%;height: 98px; line-height:98px; box-sizing: border-box;border: 1px solid #dddddd;margin-top: 20px;background-color: #fff;
}
    .searchPanel input,.searchPanel select{
        display:block;
        width: 200px;
        border :1px solid #dedede;
        box-sizing: border-box;
        float: left;
    }
    
    .searchPanel .panelItem{
          float: left;    height: 50px;     margin: 24px 10px;
                font-size: 16px;padding: 0px 10px; box-sizing: border-box;
    }
    .searchPanel select.panelItem{
          color:#757575;
    }
 
    .searchPanel .searchBtn{
        display:block;
        width: 120px;
        border: 0;
        outline: none;
        cursor: pointer;
        color:white;
        box-sizing: border-box;
        background-image: url("../images/letter/bg_btn.jpg");
    
    }
    .searchPanel .searchTitle{
        display: block;
        float:left;
        width: 125px;line-height: 50px;color: #137DD1;text-align: right;
        margin: 24px 0;
    }
    .searchPanel .go12388{
        display: block;float: right;
        width: 108px;height: 96px;
        background: url("../images/letter/bg_wyjb.jpg") no-repeat;
    }

.listTopContainer{
    margin-top:20px;
    width: 100%;height: 60px;
    border: 1px  solid #ddd;    
    border-bottom: none;    
    box-sizing: border-box;
    background-color: #fff;
}
    .listTopContainer .listTitle{ float:left; width: 230px;background-color: #2a6de2; height:59px; line-height: 59px;
    color: white;font-size: 20px;text-align: center;}
    .listTopContainer .listTab{float:left;height: 40px;width: 200px;color: #134cb3;font-size: 20px;border: 1px solid #ddd;border-radius: 50px;text-align: center;line-height: 40px;margin: 10px 20px;cursor: pointer;font-weight: bold;}
    .listTopContainer .listTab:HOVER,.listTopContainer .listTab.active{background: #ee7700;color: white;}
    .listTopContainer .more{ float: right;display: block;font-size: 20px;color: #ccc;height: 100%;line-height: 60px;margin-right: 20px;}
    .listTopContainer .more:HOVER{color: #aaa;}
    .letterListContainer .letterTable {background-color:#fff; width: 100%;border-collapse: collapse;box-sizing: border-box;    border: 1px solid #ddd;
    table-layout:fixed;word-wrap:break-word;word-break;break-all;}
    .letterTable thead td{padding: 10px;text-align: center;color: #fb792b;font-size: 20px;font-weight: bold;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #ededed;}
    .letterTable td{box-sizing: border-box;}
    .letterTable td.num{width:200px;border-left: 1px solid #ddd; }
    .letterTable td.title{width:440px; }
    .letterTable td.time{width:155px; }
    .letterTable td.state{border-right: 1px solid #ddd;  }
    .letterTable td.dept,.letterTable td.type{width:170px; }
    .letterTable tbody td{padding: 16px 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;font-size: 18px;color: #777;border-top: 1px solid #ddd;}
    .letterTable tbody td.title{color: #2062d2;cursor: pointer;text-align: left;}
    
    .statisContainer>div{
        float: left;
    }
    .statisContainer  {
        margin-top: 20px;
    }
    .statisContainer .topBg{
        font-size: 24px;
        color: white;
    }
    .statisContainer .topBg .text{
        height: 60px;margin: 35px  20px;
    }
    .statisContainer  .sinceContainer{
        width: 360px;height: 800px
    }
    .statisContainer .sinceContainer .topBg{
        background: url("../images/letter/bar2.jpg") no-repeat;width: 360px;height: 130px;
    }
    .statisContainer .sinceContainer .topBg .text{
        line-height: 60px;
    }
    .statisContainer  .contentUl{
        padding: 0 26px;
    }
    .statisContainer .contentUl{
        border: 1px solid #ddd;
        height: 700px;
    }
    .statisContainer .contentUl>li{
        border-bottom:  1px solid #ddd;
    } 
    .sinceContainer .contentUl .today{
        background: url("../images/letter/bit1.jpg") no-repeat left center;
        height: 94px;padding-left: 45px;line-height: 94px;font-size: 18px;
    }
    .sinceContainer .contentUl .groupLi{
        padding-top: 40px;
    }
    .sinceContainer .groupLi .group{
        background: url("../images/letterlist/bit1.jpg") no-repeat left center;
        height: 60px;padding-left: 45px;line-height: 60px;font-size: 18px;
    }

    .sinceContainer .contentUl li .num{
        color:#2363d1;font-weight: bold;
    }
    .statisContainer .resolveTop10{
        width: 440px;margin: 0 20px;
    }
    .statisContainer .resolveTop10 .topBg{
        background: url("../images/letterlist/bar3.jpg") no-repeat;width: 440px;height: 130px;
    }
    .statisContainer .resolveTop10 .resolveTitle>div{
        float: left;color: orange;font-size: 18px;height: 60px;line-height: 60px;font-weight: bold;box-sizing: border-box;
    }
    .statisContainer .resolveTop10 .resolveContent>div{
        float: left;font-size: 18px;height: 60px;line-height: 60px;box-sizing: border-box;
    }
    .statisContainer .resolveTop10 .dept{width: 50%;padding-left: 40px;}
    .statisContainer .resolveTop10 .resolveContent .dept{color: #2561cf;font-weight: bold;
        overflow: hidden; white-space: nowrap;text-overflow: ellipsis;
    }
    .statisContainer .resolveTop10 .contentUl li:nth-child(2) .dept{background: url("../images/letter/bit2.jpg") no-repeat left center;}
    .statisContainer .resolveTop10 .contentUl li:nth-child(3) .dept{background: url("../images/letter/bit3.jpg") no-repeat left center;}
    .statisContainer .resolveTop10 .contentUl li:nth-child(4) .dept{background: url("../images/letter/bit4.jpg") no-repeat left center;}
    .statisContainer .resolveTop10 .accept{width: 25%;text-align: center;}
    .statisContainer .resolveTop10 .reply{width: 25%;text-align: center;}
    
    .statisContainer .goodTop10{
        width: 360px;height: 800px
    }
    .statisContainer .goodTop10 img{
        margin-top: 20px;
    }
    .statisContainer .goodTop10 .top123{
        position: relative;height: 240px;
    }
    .statisContainer .goodTop10 .mcItem{
        display: inline-block;font-size: 18px;width: 80px;text-align: center;position: absolute;
        
    }
    .statisContainer .goodTop10 .mcItem.first{
        left: 115px;
        top: 105px;
        
    }
    .statisContainer .goodTop10 .mcItem.second{
            left: 20px;
       top: 130px;
        
    }
    .statisContainer .goodTop10 .mcItem.third{
               right: 18px;
             top: 130px;
    }
    .statisContainer .goodTop10 .mcItem .score{
        color: #1f61cf;font-weight: bold;
    }
    .statisContainer .goodTop10 .mcItem .zoneName{
        margin-top: 5px;
        overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    }
    .statisContainer .goodTop10 .topBg{
        background: url("../images/letter/bar4.jpg") no-repeat;width: 360px;height: 130px;
    }
    .goodTop10 .otherMc{height: 60px;line-height: 60px;}
    .goodTop10 .otherMc div{float:left;width: 50%;height: 100%;box-sizing: border-box;text-align: center;font-size: 18px;}
    .goodTop10 .otherMc .score{color: #1f61cf;font-weight: bold;} 
    .goodTop10 .otherMc .zoneName{
        overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 50%;height: 100%
    }
    
    
.chartContainer{
    margin-top: 20px;
}
.chartContainer .chartBox{
    width:100%; height: 1050px;border-top:1px solid #ddd;
    
}
    
.chartContainer .chartPie{
    width:100%; height: 600px;border-top:1px solid #ddd;
    
}