.flex{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}div.sp-intro{width:1200px;margin:0 auto;justify-content:space-evenly}div.sp-intro p{font-size:22px;color:#000;margin-top:20px}div.sp-intro p strong{display:inline-block;padding:5px;background-color:#FFEFE0}.ex-1{margin:0 auto;width:1200px;padding-bottom:30px;border-bottom:1px dashed #934435}.ex-1 div.sp-title{line-height:44px;height:44px;position:relative;justify-content:center;background-color:#934435;color:#fff;margin:40px 0}.ex-1 div.sp-title strong{display:inline-block;font-size:53px;font-family:Impact;margin-right:28px;font-weight:normal}.ex-1 div.sp-title p{font-size:24px;font-weight:bold}.ex-1 div.sp-title span{position:absolute;display:inline-block;top:-15px;right:300px;width:74px;height:76px;background:url("../Picture/lesson.png") no-repeat left center;font-size:24px;text-align:center;font-weight:bold;padding-right:13px;padding-top:10px;box-sizing:border-box;line-height:28px}.ex-1 div.content{margin-top:18px;padding:0 40px}.ex-1 div.content ul{padding-left:20px}.ex-1 div.content ul li{position:relative;font-size:20px;color:#683a08;line-height:40px}.ex-1 div.content ul li::before{position:absolute;content:" ";display:block;top:50%;transform:translateY(-50%);left:-5%;width:8px;height:8px;background-color:#683A08;border-radius:100px}.ex-1 div.content div.book{align-items:center;justify-content:space-evenly;width:800px;background-color:#FEEDE3;border-radius:10px}.ex-1 div.content div.book img{width:151px}.ex-2{margin:40px auto 0;width:1200px;border-bottom:1px dashed #934435}.ex-2 div.sp-title{line-height:44px;height:44px;position:relative;justify-content:center;background-color:#934435;color:#fff}.ex-2 div.sp-title strong{display:inline-block;font-size:53px;font-family:Impact;margin-right:28px;font-weight:normal}.ex-2 div.sp-title p{font-size:24px;font-weight:bold}.ex-2 div.sp-title span{position:absolute;display:inline-block;top:-15px;right:300px;width:74px;height:76px;background:url("../Picture/lesson.png") no-repeat left center;font-size:24px;text-align:center;font-weight:bold;padding-right:13px;padding-top:10px;box-sizing:border-box;line-height:28px}.ex-2 ul.container{margin:20px 0;border-radius:10px}.ex-2 ul.container li{padding:0 0 10px}.ex-2 ul.container li p.class{color:#683a08;font-size:24px;text-align:center;line-height:66px}.ex-2 ul.container li p.class span{color:red}.ex-2 ul.container li div.content{background-color:#fff;border-radius:10px}.ex-2 ul.container li div.content p.intro{line-height:34px;font-size:18px;text-align:center}.ex-2 ul.container li div.content div.flex{margin:15px 32px}.ex-2 ul.container li div.content div.flex img{width:215px}