.todo-header input{width:70vw;height:28px;font-size:14px;border:1px solid #ccc;border-radius:4px;padding:4px 7px}.todo-header input:focus{outline:none;border-color:rgba(82,168,236,.8);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)}.todo-footer{height:40px;line-height:40px;padding-left:6px;margin-top:5px}.todo-footer label{display:inline-block;margin-right:20px;cursor:pointer}.todo-footer label input{position:relative;top:-1px;vertical-align:middle;margin-right:5px}.todo-footer button{float:right;margin-top:5px}li{list-style:none;height:36px;line-height:36px;padding:0 5px;border-bottom:1px solid #ddd}li label{float:left;cursor:pointer}li label li input{vertical-align:middle;margin-right:6px;position:relative;top:-1px}li button{float:right;display:none;margin-top:3px}li:before{content:normal}li:last-child{border-bottom:none}li:hover{background-color:#ddd}li:hover button{display:block}.todo-main{margin-left:0;padding:0}.todo-empty,.todo-main{border:1px solid #ddd;border-radius:2px}.todo-empty{height:40px;line-height:40px;padding-left:5px;margin-top:10px}#root h2{text-align:center;font-family:楷体;font-size:2.5em}body{background:#fff}.btn{padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.05);border-radius:4px}.btn-danger{color:#fff;background-color:#da4f49;border:1px solid #bd362f}.btn-edit{color:#fff;background-color:skyblue;border:1px solid skyblue;margin-right:5px}.btn-danger:hover{color:#fff;background-color:#bd362f}.btn:focus{outline:none}.todo-container{width:80vw;margin:0 auto}.todo-container .todo-wrap{padding:10px;border:1px solid #ddd;border-radius:5px}