<template>
    <div class="learn-know-container">
        <div class="basic-title">学习须知</div>
        <div class="content">
            <span v-html="mustKnow"></span>
        </div>
    </div>
</template>
<script>
export default {
    props: {
        mustKnow: {
            type: String,
            default: ''
        }
    }
}
</script>
<style lang="less" scoped>
.learn-know-container {
    margin: 30px 15px 20px;
    .basic-title {
        font-size: 18px;
        line-height: 18px;
        color: #373839;
        font-weight: 700;
    }
    .content {
        margin-top:  16px;
        line-height: 21px;
        span {
            display: inline-block;
            text-align: justify;
            font-size: 14px;
            color: #676869;
        }
    }
}
</style>
