ul li,ol li{
    list-style: none;
}
.wrapper_target{
    .nav{
        overflow: hidden;
        width: 100%;
        overflow-x: auto;
        .tab{
            padding: 10px 2px;
            margin-bottom: 10px;
            float: left;
            width: 130%;
            overflow: hidden;
            overflow-x: auto;
             li {
              border: 1px #a9aabb solid;
              text-align: center;
              font-size: 14px;
              height: 30px;
              line-height: 30px;
              border-radius: 20px;
              margin: 0px 2px;
              float: left;
              width: 19%;
              h3{
                font-weight: normal;
                font-size: 16px;
              }
            }
            li.selected{
                background-color: #e10d0d;
                color: #fff;
                border: 1px #f0f0f0 solid;
                // border: 1px #e10d0d solid;
            }
          }
    }
    
    .content_target{
        .content_target_wrapper{
            .line{
                padding: 8px;
                margin-bottom: 10px;
                border-bottom: 1px #ddd solid;
                position: relative;
                .iconfont{
                    width: 55px;
                    height: 55px;
                    border-radius: 50%;
                    position: absolute;
                    right: 10px;
                    font-size: 24px;
                    color: #fff;
                    background: #0767bf;
                    text-align: center;
                    top: -5px;
                    span{
                        font-size: 12px;
                        position: absolute;
                        left: 28%;
                        top: 60%;
                    }
                }
                // .iconfont.icon-bianji{
                //     line-height: 55px;
                // }
                .title{
                    font-size: 16px;
                    font-weight: bold;
                    margin: 10px 0 15px 0;
                }
                .content_target_item{
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin: 0 0 5px 17px;
                    border-bottom: 1px #ddd solid;
                    div{
                        height: 34px;
                        padding: 6px 12px;
                        font-size: 18px;
                        opacity: .75;
                    }
                    input.form-control {
                        width: 65%;
                        background: none;
                        outline: none;
                        border: none;
                        text-align: right;
                        box-shadow: none;
                        display: flex;
                        flex-wrap: wrap;
                        font-size: 18px;
                    }
                    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
                        opacity:.75;
                    }
                }
                .month_target_item_wrapper{
                    margin-bottom: 15px;
                    .dot{
                        width: 35px;
                        height: 35px;
                        line-height: 35px; 
                        background: #ff002a;
                        border-radius: 50%;
                        color: #fff;
                        display: block;
                        text-align: center;
                        margin-left: 10px;
                    }
                }
                .content_target_monthItem{
                    border: 1px #ddd solid;
                    display: flex;
                    border-right: none;
                    border-bottom: none;
                    // .month_target_left{
                    //     display: flex;
                    //     flex-wrap: wrap;
                    //     flex:0 0 23%;
                    //     border-right: 1px #ddd solid;
                    //     .month_target{
                    //         div {
                    //             width: 92px;
                    //             padding: 6px 12px;
                    //             border-bottom: 1px #ddd solid;
                    //         }
                    //     }
                    // }
                    .month_target_right{
                        width: 100%;
                        display: flex;
                        flex-wrap: wrap;
                        // flex:0 0 75%;
                        // border-right: 1px #ddd solid;
                        ul { 
                            width: 100%;
                            display: flex;
                            justify-content: space-between;
                            li{
                                width: 100%;
                                text-align: center;
                                border-right: 1px #ddd solid;
                                .month_target{
                                    text-align: left;
                                    div{
                                        border-bottom: 1px #ddd solid;
                                    }
                                    div.month_target_item{
                                        display: flex;
                                        align-items: center;
                                        span{
                                            width: 40%;
                                        }  
                                    }
                                    .form-control{
                                        background: none;
                                        outline: none;
                                        border: none;
                                        box-shadow: none;
                                    }
                                    .count{
                                        border-bottom: none;
                                    }
                                }
                            }
                            
                        }
                        // ul:nth-child(3n) li{
                        //     border-right: none;
                        // }
                    } 
                }
            }
            .line:last-child{
                border: none;
            }
        }
    }
}

