ul,ol{
    list-style: none;
}

.todo_wrapper{
    background: #fff;
    .top{
        margin-bottom: 20px;
        .head{
            display: flex;
            height: 50px;
            justify-content: space-between;
            align-items: center;
            padding: 0 8px;
            margin-bottom: 8px;
        }
        .nav{
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px #eeeeee solid;
            li{
                text-align: center;
                height: 40px;
                line-height: 40px;
                font-size: 18px;
                width: 30%;
                span{
                    display: inline-block;
                    height: 40px;
                    line-height: 40px;
                }
            }
            li.selected{
                span{
                    color: #f8002e;
                    border-bottom: 2px #f8002e solid;
                }
                
            }
        }
    }
    .task_content_wrapper{
        .part1_wrapper{
            position: relative;
            padding: 0 2%;
            ul{
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                li{
                    width: 31%;
                    text-align: center;
                    height: 35px;
                    line-height: 35px;
                    background: #f6f6f6;
                    border-radius: 10px;
                    margin:5px 1%;
                }
                li.selected{
                    background: #1b5b99;
                    color: #fff;
                }
            }
            .important_mark{
                position: absolute;
                right: 3%;
                bottom: 5px;
                font-size: 12px;
                color: #a0a0a0;
                display: flex;
                align-items: center;
                margin-right: 5px;
                span{
                    width: 15px;
                    height: 15px;
                    border-radius: 50%;
                    border: 1px #8d92ad solid;
                    margin-right: 5px;
                }
                span.circle{
                    background: #f8002e;
                    border: none;
                }
            }
        }
    }
}