.points.root {
  display: flex;
  flex-direction: column;
  background-color: transparent;
  overflow: hidden;
}
.points .group {
 /* position: relative;*/
  display: flex;
  flex-direction: column;
/*  margin: 109px auto 111px;
  width: 540px;*/
}
.points .rect1 {
  position: relative;
  min-height: 380px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.247);
}
.points .btn {
  position: absolute;
  top: 18px;
  right: 18px;
  display: flex;
  justify-content: center;
  width: 27px;
  height: 27px;
  font: 700 11px/1.27 Fahkwang, Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background: var(--src) center center/100% 100% no-repeat;
  padding: 6.5px 4px;
}
.points .flex_col {
  position: absolute;
  top: 55px;
  left: 33px;
  display: flex;
  flex-direction: column;
/*  width: 447px;
  height: 280px;*/
}

.points .flex_col2 {
    position: absolute;
    top: 55px;
    left: 20px;
    display: flex;
    flex-direction: column;
    right:20px;
    /*  width: 447px;
  height: 280px;*/
}

.points .flex_row {
  display: flex;
  align-items: center;
  gap: 0 26px;
  margin: 0 2px;
}
.points .paragraph {
  width: 92px;
  min-width: 0;
  font: 500 13px/1.3 Fahkwang, Helvetica, Arial, serif;
  color: black;
}
.points .content_box {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 43px;
  min-width: 0;
  min-height: 43px;
}
.points .image2 {
  position: absolute;
  inset: 0;
  width: 43px;
  height: 43px;
}
.points .image3 {
  position: absolute;
  inset: 6px;
  width: 31px;
  height: 31px;
}
.points .image4 {
  position: absolute;
  top: 6px;
  left: 7px;
  width: 29px;
  height: 29px;
}
.points .info2 {
  position: absolute;
  top: 14px;
  left: 7.5px;
  display: flex;
  justify-content: center;
  width: 27px;
  height: 16px;
  font: 700 12px/1.33 Fahkwang, Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
.points .info2_1 {
   
    top: 5px;
    /* left: 7.5px;*/
    display: flex;
    justify-content: center;
   
    height: 16px;
    font: 700 12px/1.33 Fahkwang, Helvetica, Arial, serif;
    color: black;
    text-align: center;
}
.points .info {
  min-width: 0;
  font: 300 11px/1.27 Fahkwang, Helvetica, Arial, serif;
  color: black;
}
.points .info1 {
  display: flex;
  justify-content: center;
  min-width: 0;
  font: 700 11px/1.27 Fahkwang, Helvetica, Arial, serif;
  color: black;
  text-align: center;
}

.points .infoTit {
   
    justify-content: center;
    min-width: 0;
    font: 700 11px/1.27 Fahkwang, Helvetica, Arial, serif;
    color: red;
    text-align: center;
}

.points .flex_row1 {
  display: flex;
  gap: 0 23px;
  margin: 18px 0 0;
}
.points .paragraph1 {
  margin: 4px 0 5px;
  width: 96px;
  min-width: 0;
  font: 500 13px/1.3 Fahkwang, Helvetica, Arial, serif;
  color: black;
}
.points .info21 {
  position: absolute;
  top: 13px;
  left: 8px;
  display: flex;
  justify-content: center;
  width: 27px;
  height: 16px;
  font: 700 12px/1.33 Fahkwang, Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
.points .info3 {
  margin: 7px 0 8px;
  width: 179px;
  min-width: 0;
  font: 300 11px/1.27 Fahkwang, Helvetica, Arial, serif;
  color: black;
}
.points .info11 {
  display: flex;
  justify-content: center;
  margin: 16px 0 13px;
  min-width: 0;
  font: 700 11px/1.27 Fahkwang, Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
.points .line {
  margin: 36px 0 0 27px;
  width: 420px;
  height: 2px;
  min-height: 2px;
  background-color: #c41f3e;
}
.points .text {
  display: flex;
  justify-content: center;
  margin: 17px 28.64% 0 auto;
  width: 172px;
  font: 700 13px/1.3 Fahkwang, Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
.points .flex_row2 {
  display: flex;
  align-items: center;
  gap: 0 13px;
  margin: 10px auto 0;
  width: 80%;
}
.points .image {
  width: 26px;
  min-width: 0;
  height: 89px;
}
.points .flex_col1 {
  display: flex;
  flex-direction: column;
  gap: 17px 0;
  width: 314.5px;
  min-width: 0;
}
.points .flex_row3 {
  display: flex;
  justify-content: space-between;
  gap: 0 10px;
}
.points .flex_row4 {
  display: flex;
  gap: 0 4px;
  width: 62.5px;
  min-width: 0;
}
.points .info4 {
  display: flex;
  justify-content: center;
  min-width: 0;
  font: 300 11px/1.27 Fahkwang, Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
.points .flex_row5 {
  display: flex;
  gap: 0 6px;
  width: 73.5px;
  min-width: 0;
}
.points .flex_row6 {
  display: flex;
  justify-content: space-between;
  gap: 0 10px;
  margin: 0 3.5px 0 0;
}
.points .flex_row7 {
  display: flex;
  gap: 0 2px;
  width: 30%;
  min-width: 0;
}
.points .flex_row8 {
  display: flex;
  gap: 0 12px;
  width: 30%;
  min-width: 0;
}
.points .flex_row9 {
  display: flex;
  justify-content: space-between;
  gap: 0 10px;
  margin: 0 0.5px 0 0;
}
.points .flex_row10 {
  display: flex;
  gap: 0 6px;
  width: 30%;
  min-width: 0;
}
.points .highlight {
  position: absolute;
  top: -14px;
  left: 35%;
  display: flex;
  justify-content: center;
  width: 240px;
  height: 32px;
  font: 700 16px/1.31 Fahkwang, Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #c41f3e;
  border-radius: 16px;
  padding: 6px 36px 5px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.247);
}



.confirmButtonHistor {
    position:absolute;
    top:14px;
    left:90%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 18px 25px auto;
    width: 37px;
    font: 12px Fahkwang, Helvetica, Arial, serif;
    color: white;
    text-align: center;
    background: var(--src) center center/100% 100% no-repeat;
    padding: 6.5px 4px;
    height: 35px;
}


@media (max-width: 479px) {
    .points .line{
        margin:0px;
        width:80%;
    }

    .points .highlight {
        left: 55px;
    }

    .points .flex_col {
       
        left: 4px;
        
    }
    .points .flex_row2 {
        gap: 0px;
        margin: 2px 2px 2px 0;
    }
}