.flex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }

p.sp-intro { font-size: 20px; color: #fff; text-align: center; margin: 20px 0; }

p.sp-intro strong { font-size: 22px; color: yellow; }

.banner img { margin: 0 auto; }

.ex-1 { padding-top: 40px; border-top: 1px dashed #835545; }

.ex-1 ul { margin-top: 50px; margin-bottom: 20px; }

.ex-1 ul li { position: relative; width: 25%; color: #fff; font-size: 22px; margin-bottom: 25px; }

.ex-1 ul li::before { position: absolute; content: " "; display: block; top: 50%; transform: translateY(-50%); left: -5%; width: 8px; height: 8px; background-color: #fff; border-radius: 100px; }

.ex-1 ul li.sp { font-weight: bold; color: red; }

.ex-1 ul li.sp::before { background-color: red; }

.ex-1 div.flex { margin: 0 70px; }

.ex-2 ul.container {  border-radius: 10px; padding-bottom: 40px; padding-top: 35px;  }



.ex-2 ul.container li p.class { color: #683a08; font-size: 24px; text-align: center; line-height: 66px; }

.ex-2 ul.container li div.content { padding: 20px 37px 30px; background-color: #fff; border-radius: 10px; }

.ex-2 ul.container li div.content div.ex-div { box-sizing: border-box; padding: 0 10px; width: 50%; }

.ex-2 ul.container li div.content div.ex-div.l { border-right: 2px dashed #000; }

.ex-2 ul.container li div.content div.ex-div div.b { margin-top: 20px; border-top: 1px dashed #000; }

.ex-2 ul.container li div.content div.ex-div p.ex-title { position: relative; font-size: 22px; color: #672d15; font-weight: bold; margin-top: 20px; padding-left: 30px; margin-bottom: 10px; }

.ex-2 ul.container li div.content div.ex-div p.ex-title::before { position: absolute; content: " "; display: block; top: 50%; transform: translateY(-50%); left: 5px; width: 11px; height: 11px;background-image: url(static/picture/yuan.jpg) border-radius: 100px; }

.ex-2 ul.container li div.content.five .sp { text-align: left !important; }

.ex-2 ul.container li div.content p.intro { line-height: 34px; font-size: 16px; min-height: 68px; }

.ex-2 ul.container li div.content p.intro.sp { min-height: 34px !important; text-align: center; }

.ex-2 ul.container li div.content p.intro.sp span { position: relative; font-size: 20px; color: #672d15; font-weight: bold; margin-top: 20px; padding-left: 30px; margin-bottom: 10px; }


.ex-2 ul.container li div.content div.flex { margin: 15px 0 20px; justify-content: space-around; }

.ex-2 ul.container li div.content div.flex img { margin-bottom: 15px; }

.ex-3 { width: 1200px; margin: 0 auto; }

.ex-3 ul.container { padding: 20px; border-radius: 15px; }

.ex-3 ul.container li { position: relative; background-color: #F1EDE4; padding-bottom: 20px; margin-bottom: 14px; border-radius: 7px; width: 561px; box-sizing: border-box; }

.ex-3 ul.container li p.num { position: absolute; left: -1px; top: -1px; width: 106px; height: 52px; line-height: 52px; text-align: center; font-size: 34px; font-weight: bold; font-style: italic; color: #fff; background: url("../images/num_bg.png") no-repeat center; }

.ex-3 ul.container li p.intro { color: #6b3906; font-size: 22px; text-align: center; line-height: 38px; padding: 16px 0; }

.ex-3 ul.container li p.intro span { font-size: 26px; color: red; font-weight: bold; }

.ex-3 ul.container li p.intro.sp { padding-left: 30px; }

.ex-3 ul.container li div.flex { margin: 0 48px; }