.thom_picture{background-image:url(/image/thom.jpg)}.jonny_picture{background-image:url(/image/jonny.jpg)}.colin_picture{background-image:url(/image/colin.jpg)}.phil_picture{background-image:url(/image/phil.jpg)}div.table>div.line{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #e2e2e2}div.table>div.line:nth-of-type(odd){background-color:#f5f5f5}div.table>div.line:nth-of-type(n+2){border-top:none}div.table>div.line>:not(.flex){width:10%}div.table>div.line>.flex{-webkit-box-flex:1;-ms-flex:1;flex:1}div.table>div.line>.number{width:50px}div.table>div.line>*{padding:5px;border-right:1px solid #e2e2e2;word-break:break-all}div.table>div.line>*>a{color:#4a90e2}div.table>div.line>:last-child{border-right:none}div.table>div.line.head{background-color:#e2e2e2}div.table>div.line.head>*{border-color:#fff}main{display:-webkit-box;display:-ms-flexbox;display:flex}main>div.left{width:180px;overflow-x:hidden;overflow-y:auto;background-color:#e2e2e2;padding:10px 0 10px 15px;border-bottom-left-radius:4px;border-top-left-radius:4px}main>div.left>div a{display:block}main>div.left>div a a{padding-left:25px}main>div.left>div a>i{display:block;width:6px;height:6px;border-radius:50%;background-color:#333;float:left;margin-top:12px;margin-right:10px}main>div.left>div a>span{line-height:30px;color:#333;font-size:14px}main>div.left>div a.active{color:#666}main>div.left>div a.active>i{background-color:#4a90e2}main>div.left>div a.active>span{color:#4a90e2}main>div.main{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#fff;border-bottom-right-radius:4px;border-top-right-radius:4px;position:relative}main>div.main>div{position:absolute;left:10px;top:10px;right:15px;bottom:10px;overflow:auto}