.course_list {
    // width: 100%;
    padding: 0rpx 32rpx 32rpx 32rpx;
    box-shadow: 0px 10rpx 9rpx 1rpx rgba(165, 196, 239, 0.1);			
    .titles {
        margin: 72rpx 0rpx 32rpx 10rpx;
        .code {
            width: 38rpx;
            height: 24rpx;
        }
        .title {
            font-size: 40rpx;
            font-family: OPPOSans-Bold, OPPOSans;
            font-weight: bold;
            color: #222222;
            margin-left: 14rpx;
        }
    }
    .list_item {
        padding: 24rpx;
        // height: 278rpx;
        background: #FFFFFF;
        box-shadow: 0rpx 0rpx 20rpx 1rpx rgba(1,99,235,0.1000);
        border-radius: 24rpx;
        background:#fff;
        margin-bottom: 32rpx;
        display: flex;
        align-items: center;
        .c_title {
            font-size: 32rpx;
            font-weight: bold;
            margin-bottom: 24rpx;
            font-weight: bold;
            color: #222222;
        }
        .c_downs {
            display: flex;
        }
        .img {
            position:relative;
            margin-right: 24rpx;
            border-radius: 16rpx ;
            overflow: hidden;
            width: 204rpx;
            height: 120rpx;
            image {
                width:100%;
                height:100%;
            }
            
            .time {
                position:absolute;
                bottom:0;
                right:0;
                width: 80rpx;
                height: 32rpx;
                background: rgba(1, 25, 45, 0.4);
                color:#fff;
                text-align: center;
                line-height: 32rpx;
                font-size: 24rpx;
                border-radius: 10rpx 0px 10rpx 0px;
            }
        }
        
        .text {
            width: 440rpx;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 120rpx;
            .joins {
                .people {
                    width: 160rpx;
                    font-size: 20rpx;
                    color: #999999;
                    padding: 0rpx 8rpx;
                    text-align: center;
                    height: 36rpx;
                    line-height: 36rpx;
                    background: #F6F7FB;
                    border-radius: 4px;
                }
                
            }
            .desc {
                margin-top: 10rpx;
                display: flex;
                align-items: center;
                justify-content: space-between;
                width: 100%;
                .left {
                    flex:1;
                    color:#333;
                    font-size: 26rpx;
                    .mon_t {
                        font-weight: bold;
                        color: #FC3F3F;
                        font-size: 36rpx;
                    }
                    .sale {
                        color: #999999;
                        font-size: 24rpx;
                        margin-left: 8rpx;
                    }
                    .price_line {
                        color: #999999;
                        font-size: 24rpx;
                        text-decoration:line-through;
                        font-weight: 400;
                    }
                }
                
                .right {
                    font-size: 24rpx;
                    font-weight: bold;
                    .regiser_row {
                        width: 144rpx;
                        height: 52rpx;
                        line-height: 52rpx;
                        text-align: center;
                        border-radius: 16rpx;
                        background-color: #FC3F3F;
                        color: #fff;
                        font-weight: 500;
                        font-size: 26rpx;
                    }
                }
            }
        }
    }
    .course_content {
        width: 100%;
    }
}