.flex{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.ex-1{background-color:#F8F8F8;padding:40px 0}.ex-1 .container{width:1200px;margin:0 auto}.ex-1 div.title{text-align:center}.ex-1 ul.flex{margin-top:30px;justify-content:space-around}.ex-1 ul.flex li{width:380px;text-align:center}.ex-1 ul.flex li p.class1{font-size:22px;font-weight:bold;margin:15px 0}.ex-1 ul.flex li p.intro{font-size:16px;color:#666;line-height:30px;padding:0 10px}.ex-1 ul.flex li p.intro span{color:red}.ex-2{margin-top:40px}.ex-2 div.container{width:1200px;margin:0 auto}.ex-2 div.title{text-align:center}.ex-2 ul.list{justify-content:space-around;margin:15px 0 36px}.ex-2 ul.list li{box-sizing:border-box;border:1px solid #F34F65;width:126px;text-align:center;border-radius:8px}.ex-2 ul.list li p.t{font-size:20px;color:#010000;line-height:53px;height:53px}.ex-2 ul.list li p.num{font-size:24px;background-color:#F34F65;color:#fff;font-weight:bold;line-height:53px;height:53px}.ex-2 ul.lesson li{margin:14px 0}.ex-2 ul.lesson li div.l{box-sizing:border-box;width:444px;background-color:#F8F8F8;padding:8px}.ex-2 ul.lesson li div.l p.l-title{padding:20px 0 28px;color:#f34d65;font-weight:bold;font-size:22px;border-bottom:1px solid #D3D3D3}.ex-2 ul.lesson li div.l p.l-title2{font-weight:bold;font-size:20px;margin:20px 0;padding-left:13px}.ex-2 ul.lesson li div.l p.content{color:#666;font-size:16px;line-height:27px;padding-left:13px}.ex-2 ul.lesson li div.r{box-sizing:border-box;border:1px solid #E7E7E7;background-color:#fff;border-left:none;padding:18px}