*{margin:0;padding:0;font-size:14px;font-weight:400;color:#333;text-decoration:none;box-sizing:border-box}li a{text-decoration:none;color:#666;font-size:20px}ul{text-align:center;width:70%;margin:0 auto}li{list-style-type:none;margin-bottom:10px;background-color:#daecfd;padding:15px;border-radius:5px;box-shadow:1px 2px 5px #ccc}li a span{margin-left:48%}.list a span{margin-left:2%}li:hover{background-color:#bbd1fa}.list{text-align:left;padding-left:30px}.crumb{padding-left:15%;margin-bottom:10px}h1{text-align:center;font-size:30px;padding:30px 0 0}.time{text-align:center;color:#888;padding:5px 0 15px}.crumb{height:19px;overflow:hidden;padding:0 15%}.crumb span,.crumb a,.crumb{color:#888;font-size:14px}.copyright{text-align:center;padding-top:20px;font-size:14px;color:#777}.copyright+div{text-align:center;font-size:14px;color:#777;padding-bottom:10px}.copyright+div h2{display:inline;color:#777;font-size:14px}.list{overflow:hidden}.list h4{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:calc(100% - 200px);float:left}.list span{float:right;font-size:12px;color:#888}@media(max-width:768px){h1{font-size:24px}.crumb{padding:0 10px}ul{width:100%;padding:0 10px}li{padding:8px}.list{padding:10px}}