.banner{background:url("https://oss.mlz.red/web/bg98.jpg") no-repeat;background-size:cover}.banner .container{height:462px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:0 2px 4px rgba(101,101,101,0.5)}.banner .container .title{font-size:60px;font-weight:bold}.banner .container .content{font-size:30px;text-align:center;margin-top:30px}.story{margin-top:80px}.story .container .card-list{min-height:655px}.story .container .pagination{margin-bottom:100px}.course .container{padding-bottom:150px}.story-info{margin-top:100px}.story-info .card{background-color:#fff;box-shadow:0 10px 12px 0 rgba(212,212,212,0.5);border-radius:12px;padding:30px 45px 45px;color:#212d40}.story-info .card .title{font-size:34px;font-weight:bold;text-align:left}.story-info .card .info{margin-top:22px;display:flex}.story-info .card .info span{font-size:20px;margin-right:140px}.story-info .card .body{margin-top:39px}.story-info .card .body .sub-title{font-size:20px;font-weight:bold;margin-bottom:4px}.story-info .card .body .content{font-size:18px;margin-bottom:44px}