style="display: table;“后边框重叠变粗的问题

最近在在做公司的项目，做到一个表格，但是一直出现后边框变粗的问题，在网上找了很多种方法都未得到解决，后来联想到外边距塌陷然后想到了一个比较流氓的方法，小伙伴们如果没有更好的方法的话可以试一下，亲测有效，为表现诚意，附上代码：
html代码：

                        

                        

                            
程序猿
                            
程序媛
                        
                        
                        

                        

                            
USERS
                            
32767.98
                        
                        

                            
UNDOTBS1
                            
32767.98
                        
                        

                            
REGISTRATION
                            
120
                        
                        

                            
TANG
                            
70
                        
                        

                            
EXAMPLE
                            
32767.98
                        
                        

                            
TBS
                            
32767.98
                        
                        

                            
EXAMPLE
                            
32767.98
                        
                        

                            
EXAMPLE
                            
32767.98
                        
                        

                            
TBS
                            
32767.98
                        
                        

                            
EXAMPLE
                            
32767.98
                        
                        

                            
EXAMPLE
                            
32767.98
                        
                        

                            
TBS
                            
32767.98
                        
                        

                            
EXAMPLE
                            
32767.98
                        
                        

css代码：

.main_table table{
    width: 100%;
    height: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
}
.main_table table tbody{
    display: block;
    height: 85.714%;
    overflow-x: hidden;
    overflow-y :scroll;
}
thead,tbody tr
{
    display: table;
    width: 100%;
    height: 14.285%;
    table-layout: fixed;
    margin-top:-1px;    /*主要代码在这里*/
}
.main_table th{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color:#65abe7;
    border:1px solid #004970;
    background-color: #165aa1;
}
.main_table td{
    color:#65abe7;
    font-size: 14px;
    border:1px solid #004970;
    text-align: center;
}
/*滚动条样式*/
tbody::-webkit-scrollbar {
    width: 1px;
    color:#004970;
    /*height: 4px;*/
. }
tbody::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 73, 112, 1);
    background: rgba(0,73,112,1);
}
tbody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,73,112,1);
    border-radius: 0;
    background: rgba(0,73,112,1);
}
/*滚动条样式结束*/

大概就是这个样子哦，前端小白，如果有不对的地方，欢迎指教！