@media all and (min-width: 769px){#course-index .m-title{display:none}}#course-index{visibility:hidden}#course-index .content{padding:0 10px}#course-index .content .layui-timeline{padding-left:90px}#course-index .content .layui-timeline-title{font-weight:500 !important;color:#333 !important}#course-index .content .layui-timeline-item{position:relative}#course-index .content .layui-timeline-item .date-box{position:absolute;left:-90px;top:-12px;font-size:18px;font-weight:500 !important;color:#333 !important;font-weight:inherit;font-style:inherit;font-family:Helvetica, Arial}#course-index .content .layui-timeline-item .date-box p{text-align:center}#course-index .content .layui-timeline-item:before{content:"";position:absolute;left:3px;top:0;z-index:0;width:2px;height:100%}#course-index .content .layui-timeline-item:before{background-color:#5fb878}#course-index .content .img{max-width:574px;max-height:235px;margin:10px 0}#course-index .top-title{margin:30px auto 60px}#course-index .content-title{font-size:24px;font-weight:600;margin:20px 0}#course-index .layui-breadcrumb a{color:#333 !important}#course-index .layui-breadcrumb a:hover{color:#ff670d !important}#course-index .layui-breadcrumb .active{font-weight:600}@media all and (max-width: 768px){#course-index .top-title{display:none}#course-index .content{width:100%}#course-index .content .img{max-width:250px;max-height:235px;margin:10px 0}#course-index .content .date-box{left:-80px;top:-12px;font-size:16px !important}#course-index .m-title{font-size:24px;font-weight:600;padding-left:10px;position:relative;margin:20px 0;margin-left:12px}#course-index .m-title::before{content:'';background-color:#ff670d;width:4px;height:24px;position:absolute;top:5px;left:0}.mobile-img{object-fit:cover;width:100%;height:201px}}