.titleZone {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 28px;
  color: #333333;
  line-height: 33px;
  text-align: center;
  /* margin-top: 30px; */
}
.titleZone > span {
  padding-bottom: 10px;
}
.underline {
  display: block;
  width: 112px;
  border-bottom: 3px solid #e6302e;
  margin: 0 auto;
}
.tools_list {
  width: 100%;
  height: 200px;
  /* background-color: pink; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tools_item {
  box-sizing: border-box;
  padding-top: 78px;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 40px;
  color: #ffffff;
  width: 262px;
  height: 150px;
  background-image: url(../newlywedZone/The\ clock\ in\ words.png);
  background-size: cover;
  text-align: center;
  /* line-height: 146px; */
  position: relative;
}
.tools_item > span {
  line-height: 20px;
  position: absolute;
  left: 30px;
  top: 22px;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 20px;
  color: #ffffff;
}
.item1 {
  background-image: url(../newlywedZone/Free\ brush\ questions.png);
}
.item2 {
  background-image: url(../newlywedZone/Word\ shorthand.png);
}
.item3 {
  background-image: url(../newlywedZone/Application\ inquiry.png);
}

.course_list {
  width: 100%;
  /* height: 400px; */
  /* background-color: green; */
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.course_list_item {
  width: 280px;
  border-radius: 5px;
  /* background-color: pink; */
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.17);
}
.course_img {
  width: 100%;
  height: 184px;
  border-radius: 5px 5px 0 0;
}
.course_title {
  box-sizing: border-box;
  width: 100%;
  height: 70px;
  /* padding-top: 10px; */
  /* background-color: red; */
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 18px;
  color: #333333;
}
.course_button {
  width: 100%;
  height: 40px;
  color: #bb2c2d;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  justify-content: space-between;
  line-height: 40px;
  border-top: 1px solid #eeeeee;
}
.course_btn_box {
  display: flex;
  justify-content: center;
}
.course_btn {
  display: block;
  width: 251px;
  height: 40px;
  background: linear-gradient(90deg, #e6302e 0%, #f46746 100%);
  border-radius: 5px 5px 5px 5px;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 20px;
  color: #fff;
  text-align: center;
  margin-top: 25px;
  line-height: 40px;
}

.data_list {
  width: 100%;
  height: 300px;
  /* background-color: pink; */
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.data_item {
  box-sizing: border-box;
  width: 280px;
  height: 100%;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.17);
  padding: 14px 20px 23px 20px;
}
.data_item_title {
  text-align: center;
  margin: 0;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 20px;
  color: #f78a41;
}
.az_img {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.data_item_ui {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #333333;
}
.data_item_li {
  display: flex;
  align-items: center;
  margin: 10px 0 20px;
  position: relative;
}
.data_item_li > span {
  width: 80%;
  white-space: nowrap; /* 保持文本在一行内 */
  overflow: hidden; /* 隐藏超出容器的文本 */
  text-overflow: ellipsis; /* 使用省略号表示被隐藏的文本 */
}
.download_btn {
  margin: 0 left;
  position: absolute;
  right: 0;
}

.question_box {
  width: 100%;
}

.question_item {
  position: relative;
  width: 100%;
  height: 170px;
  /* background-color: pink; */
  background-image: url(../newlywedZone/red.png);
  background-repeat: no-repeat;
}
.question_box > .item1 {
  background-image: url(../newlywedZone/green.png);
  background-position-x: right;
}
.question_box > .item2 {
  background-image: url(../newlywedZone/blue.png);
}
.question_box > .item3 {
  background-image: url(../newlywedZone/yellow.png);
  background-position-x: right;
}
.text1 {
  position: absolute;
  left: 182px;
  top: 24px;
}
.text2 {
  position: absolute;
  right: 182px;
  top: 24px;
}

.text_title {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 28px;
  color: #333333;
}

.text_content {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 24px;
  color: #333333;
}

.ex_title {
  width: 533px;
  height: 56px;
  border-radius: 28px 28px 28px 28px;
  border: 1px solid #fbc476;
  display: flex;
  /* align-items: center; */
}
.ex_title_item1 {
  width: 260px;
  height: 56px;
  background: linear-gradient(90deg, #f9bd62 0%, #fed097 100%);
  border-radius: 28px 28px 28px 28px;
  text-align: center;
  line-height: 56px;
  color: #824e00;
  font-size: 34px;
}
.ex_title_item2 {
  flex-basis: 100%;
  text-align: center;
  line-height: 56px;
  font-size: 30px;
  color: #824e00;
}
.ex_box {
  display: flex;
  justify-content: center;
  margin: 50px 0;
}
.zs_box {
  width: 100%;
  height: 308px;
  /* background-color: pink; */
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}
.certificate {
  width: 48%;
  height: 100%;
  /* background-color: skyblue; */
  box-sizing: border-box;
  padding: 12px 23px 20px;
  box-shadow: 0px 0px 24px 0px #f8eeed;
  border-radius: 13px;
}
.expand {
  width: 48%;
  height: 100%;
  /* background-color: green; */
}

.certificate_title {
  text-align: center;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 28px;
  color: #ef2b24;
}
.certificate_conent {
  text-align: center;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 24px;
  color: #333333;
}

.certificate_img {
  display: flex;
  justify-content: space-between;
}
.certificate_img_item {
  width: 255px;
  height: 175px;
}

.expand {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-evenly;
  align-items: center;
}

.expand_red {
  position: relative;
  width: 300px;
  height: 143px;
  background-image: url(../newlywedZone/Background\ red.png);
  background-repeat: no-repeat;
  flex-basis: 48%;
}
.expand_yellow {
  position: relative;
  width: 300px;
  height: 143px;
  background-image: url(../newlywedZone/Background\ yellow.png);
  background-repeat: no-repeat;
  flex-basis: 48%;
}

.expand_red > a {
  position: absolute;
  left: 52px;
  top: 35px;
  font-size: 30px;
  line-height: 38px;
  color: #fff;
}
.expand_yellow > a {
  position: absolute;
  left: 52px;
  top: 35px;
  font-size: 30px;
  line-height: 38px;
  color: #fff;
}