.appeal_chart_board {
   max-width: 100%;
   margin: auto;
   overflow-x: auto;
 }
 .appeal_chart {
   min-width: 50.625em;
   max-width: 50.625em;
   margin: auto;
 }
 .appeal_chart span {
   border: 0 solid #ddd;
   display: inline-block;
   padding-top: 1rem;
   padding-bottom: 1rem;
   position: relative;
 }
 .appeal_chart > div {
   width: 100%;
   text-align: center;
   position: relative;
 }
 .appeal_chart span.has_right::before {
   content: '';
   width: 100%;
   height: 2px;
   display: block;
   position: absolute;
   left: 50%;
   top: 50%;
   background-color: #0092a9;
 }
 .appeal_chart .has_right_l::before {
   content: '';
   width: 30%;
   height: 2px;
   display: block;
   position: absolute;
   left: 102%;
   top: 50%;
   background-color: #f4654e;
 }
 .appeal_chart span.line_top::before {
   content: '';
   width: 2px;
   height: 50%;
   display: block;
   position: absolute;
   left: 50%;
   top: -10%;
   background-color: #0092a9;
 }
 .appeal_chart span.line_top.ch2::before {
   height: 40%;
   top: 0;
 }
 .appeal_chart span::after {
   content: '';
   width: 2px;
   height: 100%;
   display: block;
   position: absolute;
   left: 50%;
   top: 65px;
   background-color: #0092a9;
 }
 .appeal_chart span.no_line::after {
   display: none;
 }
 .appeal_chart span.long::after {
   height: 210%;
 }
 .appeal_chart span.long2::after {
   height: 240%;
   background-color: #f4654e;
 }
 .appeal_chart span .basic {
   background-color: #0092a9;
   border-color: #0092a9;
   color: #ffffff;
   border: 2px solid #0092a9;
   box-shadow: 2px 8px rgb(0 146 169 / 30%);
   max-width: 100%;
   margin: auto;
   padding: .8rem .5rem;
   border-radius: .5rem;
   position: relative;
   z-index: 2;
 }
 .appeal_chart span.ch_color::after {
   background-color: #f4654e;
   z-index: 2;
 }
 .appeal_chart span .basic.none {
   background-color: #ffffff;
   border-color: #0092a9;
   color: #0092a9;
 }
 .appeal_chart span .basic.danger {
   background-color: #ffffff;
   border-color: #f4654e;
   color: #f4654e;
   box-shadow: 2px 8px rgb(244 101 78 / 30%);
 }
 .appeal_chart span .basic.rong {
   background-color: #f4654e;
   border-color: #f4654e;
   color: #ffffff;
   box-shadow: 2px 8px rgb(244 101 78 / 30%);
 }
 .appeal_chart span .basic.text {
   background-color: #fff;
   border: 0;
   color: #333;
   box-shadow: none;
   font-weight: 500;
   display: inline-block;
 }
 .appeal_chart .pt-h {
   padding-top: 2.6rem;
 }
 .is_plus .head {
   font-weight: 500;
   padding: 0 1rem;
   background-color: #fff;
   position: relative;
   top: -.75rem;
   display: inline-block;
 }
 .is_plus {
   right: 1rem;
   top: 1rem;
   border: 1px solid #333;
   border-radius: .5rem;
   padding: 0 .85rem;
   position: relative;
 }
 .is_plus::before {
   content: '';
   width: 20%;
   height: 1px;
   display: block;
   background-color: #333;
   top: 20%;
   left: -20%;
   position: absolute;
 }
 .is_plus ol {
   padding-left: 2rem;
 }
 .has_max {
   display: block;
   width: 100%;
   margin: auto;
 }
 .has_max::after {
   content: '';
   width: 66.8%;
   height: 2px;
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   top: 0;
   margin-top: 4.6%;
   background-color: #0092a9;
 }
 .has_max.ch2::after {
   width: 56%;
   top: 0;
   margin-top: 0;
 }
 .has_max.has_top::before {
   content: '';
   height: 10px;
   width: 2px;
   display: block;
   position: absolute;
   left: 2px;
   right: 0;
   top: -10px;
   margin: auto;
   background-color: #0092a9;
   z-index: 2;
 }
 .has_max.only_right::after {
   width: 70%;
   top: 0;
   margin-left: 50%;
   margin-top: 2%;
 }
 .has_max.only_right::before {
   content: '';
   height: 20px;
   width: 2px;
   display: block;
   position: absolute;
   left: auto;
   right: -20%;
   top: 5px;
   background-color: #0092a9;
 }
 .has_bottom::before {
   content: '';
   height: 20px;
   width: 2px;
   display: block;
   position: absolute;
   left: auto;
   right: -20%;
   top: 5px;
   background-color: #0092a9;
 }
 .max_line2 {
   display: block;
   width: 100%;
   margin: auto;
 }
 .max_line2::after {
   content: '';
   width: 35%;
   height: 2px;
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   top: 0;
   margin-top: 4.6%;
   margin-right: 40%;
   background-color: #0092a9;
 }
 .max_line2::before {
   content: '';
   height: 25%;
   width: 2px;
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   top: 0;
   margin-top: 4.6%;
   margin-right: 75%;
   background-color: #0092a9;
 }
 .fix-padding {
   padding-top: .6rem !important;
   padding-bottom: 1.2rem !important;
 }