*{margin:0;padding:0}body{background:#f5f5f5}li,ul{list-style:none}.clearFix:after{content:"";display:block;clear:both}.box{width:420px;margin:20px auto}.signBox{margin-top:5px;padding-left:34px}.signBox span{display:inline-block;vertical-align:middle;color:#333;font-size:14px;margin-right:10px}.signBox span.bgColor{width:16px;height:12px;background:#096ffa}.topSquareBox .leftSquareY{float:left}.topSquareBox .leftSquareY li{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:12px;border-bottom:1px solid transparent}.rightWrap{float:right}.topSquareX li{float:left;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:12px}.bottomSquareX{border:1px solid #c6c9cc}.bottomSquareX,.bottomSquareX .row+.row{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.bottomSquareX .row+.row{border-top:1px solid #c6c9cc}.bottomSquareX .rowList li{float:left;height:30px;background:#f5f7f8;border-right:1px solid #fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;color:#f5f7f8;cursor:pointer}.bottomSquareX .rowList .select{color:#f5f7f8}.bottomSquareX .rowList li:last-child{border-right:none}.bottomSquareX .rowList li.rightLine{border-right:1px solid #c6c9cc}.bottomBox{margin-top:5px}.bottomBox .totalText{float:left;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:12px;font-weight:700}.bottomBox .totalSquareX{float:right;border:1px solid #c6c9cc}.bottomBox .totalSquareX li{float:left;height:30px;background:#fff;border-right:1px solid #c6c9cc;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;cursor:pointer}.bottomBox .totalSquareX li:last-child{border-right:none}.bottomBox .totalSquareX li.select,.bottomSquareX .rowList li.select{background:#096ffa}