.user-Learn-modal{
   
    .customer-info{
        margin-bottom:16px;
        .customer-name{
            font-size:14px;
            color:#333;
            margin-right:32px;
        }
        .customer-phone{
            font-size:14px;
            color:#333;
        } 
    }   
    .plan-table{
        margin-bottom:8px;
        .ant-table-thead{
            tr {
                th{
                    padding:9px 24px;
                }
            }
        }
        tr{
            td{
                padding:8px 24px;
            }
        }
        .plan-instro{
            display: flex;
            align-items: center;
            .img-con{
                margin-right:8px;
                img{
                    width: 97px;
                    height: 54px;
                    display: inline-block;
                    border-radius:4px;
                }
            }
            .plan-name{
                color:#666666;
                font-size:14px;
            }
            .plan-learn-percentage{
                color:#666666;
                font-size:14px;
            }
        }
    }
    .task-table{
        .ant-table-thead{
            tr {
                th{
                    padding:9px 16px;
                }
            }
        }
        tr{
            td{
                padding:14px 16px;
            }
        }
        .taskName{
            color:#666666;
            font-size:14px;
        }
        .task-learn-percentage{
            color:#666666;
            font-size:14px;
        }
        .course-info{
            display:flex;
            margin-left:57px;
            align-items: center;
            .course-type{
                width:54px;
                height: 22px;
                font-size:11px;
                color:#666666;
                padding:1px 8px;
                border: 1px solid #999999;
                margin-right:4px;
                border-radius: 2px;
            }
            .name-and-state{
                flex:1;
                .course-name{
                    color:#666666;
                    font-size:14px;
                    margin-right:8px;
                }
                .tip{
                    font-size:14px;
                    color:#FF4F4F;
                    margin-right:2px;
                }
                .course-state{
                    color:#999;
                    font-size:14px;
                }
            }
           
        }
        .ant-table-expanded-row{
            td{
                padding:0 16px;
            }
        }
        .ant-table-content{
            border:1px solid #e8e8e8;
            tr{
                td{
                    border:none;
                }
                .child-table{

                    .ant-table-content{
                        border:none;
                        thead{
                            display:none;
                        }
                        tbody tr {
                            td{
                                border-bottom:none;
                                padding:14px 16px;
                            }
                            
                        }
                    }
                  
                } 
            }
            .odd-row{
                background:transparent;
                td{
                    background: #FFF;
                }
                & + .ant-table-expanded-row{
                    background:transparent;
                    td{
                        background: #FFF;
                    }
                }
                &:hover{
                    & + .ant-table-expanded-row{
                        background:transparent;
                        td{
                            background: #F3f6fa !important;
                        }
                    }
                }
            }
            .even-row{
                background:transparent;
                td{
                    background: #FAFAFA;
                }
                & + .ant-table-expanded-row{
                    background:transparent;
                    td{
                        background: #FAFAFA;
                    }
                }
                &:hover{
                    & + .ant-table-expanded-row{
                        background:transparent;
                        td{
                            background: #F3f6fa !important;
                        }
                    }
                }
            }
        }
    }
}