.banner{background:url("https://oss.mlz.red/web/bg26.jpg") no-repeat;background-size:cover}.banner .container{height:462px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#4a2b17}.banner .container .title{font-size:60px;font-weight:bold}.banner .container .content{font-size:38px;text-align:center;margin-top:30px}.story .container .more-btn{width:294px;height:94px;margin:50px auto 0;display:block}.story .container .more-btn img{width:100%;height:100%}.course-banner{background-size:cover;background-repeat:no-repeat;background-position:center}.course-banner .container{height:462px;display:flex;align-items:center;justify-content:center}.course-banner .container img{width:1400px;height:422px;box-shadow:0 2px 14px 0 rgba(214,97,0,0.85);border-radius:20px}.course-detail{padding:50px 0 80px;background-color:#f6f3f2}.course-detail .container .card-list{display:flex;flex-direction:column}.course-detail .container .card-list .card{height:440px;width:1440px;padding:0 100px;background-color:#fff;background-repeat:no-repeat;background-size:cover;color:#4a2b17;display:flex;flex-direction:column;justify-content:center;box-shadow:0 10px 28px 0 rgba(197,197,197,0.5);border-radius:20px;margin-top:40px}.course-detail .container .card-list .card .title{font-size:46px;font-weight:bold}.course-detail .container .card-list .card .content{font-size:30px;display:flex;flex-direction:column;margin:40px 0}.course-detail .container .card-list .card .sub{font-size:34px;font-weight:bold}.course-detail .container .card-list .card.left{align-items:start;background-position:center right}.course-detail .container .card-list .card.right{align-items:end;background-position:center left}.course-outline{margin-top:100px}.course-outline .container .card-list{padding-bottom:55px;display:flex;justify-content:space-between}.course-outline .container .card-list .card-column{width:700px;display:flex;flex-direction:column}.course-outline .container .card-list .card-column .card{width:700px;padding:35px 0 50px 27px;background-color:#fff;box-shadow:0 10px 28px 0 rgba(197,197,197,0.5);border-radius:10px;margin-top:40px}.course-outline .container .card-list .card-column .card div{height:62px;line-height:62px;font-weight:bold;font-size:24px;color:#fff;background-repeat:no-repeat;background-position:left center;background-size:100% 100%;padding-left:40px;padding-right:150px;display:inline-block}.course-outline .container .card-list .card-column .card ul{margin-top:40px;display:flex;flex-direction:column;align-items:start;justify-content:space-between}.course-outline .container .card-list .card-column .card ul li{display:flex;align-items:center;justify-content:left;color:#7a6e67;font-size:18px}.course-outline .container .card-list .card-column .card ul li span{color:#4a2b17;font-size:20px;font-weight:bold;display:inline-block;width:92px;height:63px;line-height:63px;background:url(https://oss.mlz.red/web/bg37.jpg) no-repeat;background-size:cover;margin-right:20px;text-align:center}.course-outline .container .card-list .card-column .card ul li span.big{width:126px;height:65px;line-height:65px;background:url(https://oss.mlz.red/web/bg38.jpg) no-repeat;background-size:cover}.course-design{padding:100px 0 145px;background-color:#f6f3f2}.course-design .secret-teacher{margin-top:44px;width:1440px;height:424px;box-shadow:0 10px 12px 0 rgba(212,212,212,0.5);border-radius:12px;background:url("https://oss.mlz.red/web/pic7.jpg") no-repeat center;background-size:cover;display:flex;flex-direction:column;justify-content:center;padding-left:825px}.course-design .secret-teacher .name{color:#fff;font-weight:bold;font-size:40px;margin-bottom:25px}.course-design .secret-teacher .intro{color:#fff;font-size:30px}