.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;
        .plan-instro{
            display: flex;
            align-items: center;
            .img-con{
                margin-right:8px;
                img{
                    width: 97px;
                    height: 55px;
                    display: inline-block;
                    border-radius:4px;
                }
            }
            .plan-name{
                color:#666666;
                font-size:14px;
            }
            .plan-learn-percentage{
                color:#666666;
                font-size:14px;
            }
        }
    }
    .task-table{
        .taskName{
            color:#666666;
            font-size:14px;
        }
        .task-learn-percentage{
            color:#666666;
            font-size:14px;
        }
        .course-info{
            margin-left:57px;
            .course-type{
                font-size:11px;
                color:#666666;
                padding:1px 8px;
                border: 1px solid #999999;
                margin-right:4px;
                border-radius: 2px;
            }
            .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-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;
                        }
                    }
                  
                } 
            }
            .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;
                        }
                    }
                }
            }
        }
    }
}