.Jack_row_page {
     width: 100%;
 }

 .jack_isModel_show {
     display: none
 }

 .jack_box {
     background-color: #aad1f4;
     color: #fff;
     font-size: 16px;
     font-weight: normal;
     display: inline-block;
     padding: 4px;
     border-radius: 3px;
     margin-left: 20px;
 }


 .jack_bottom {
     position: relative;
 }

 .jack_row_self_two {
     display: flex;
     flex: 1;
     justify-content: center;
     align-items: center;
 }

 #jshighcharts_two .highcharts-subtitle, #jshighcharts .highcharts-subtitle {
     fill: #434348;
     font-weight: bold;
     color: #666666;
     letter-spacing: 0.03em;
     font-size: 24px;
 }

 .jack_row {
     width: 100%;
     display: flex;
     flex-direction: row;
     margin: 40px 0px;
 }

 .jack_row_self {
     width: 100%;
     display: flex;
     flex-direction: row;
     /* margin: 40px 0px; */
 }

 .jack_year {
     width: 100px;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .jack_row_one {
     display: flex;
     flex: 1;
 }

 .jack_row_two {
     display: flex;
     flex: 1;
 }

 .jack_hight {
     height: 50px;
     border-radius: 10px;
 }

 .jack_line_hight {
     width: 50px;
     height: 50px;
     line-height: 50px;
     font-size: 20px;
     border-radius: 10px;
 }

 .jack_radius {
     border-radius: 10px;
 }

 .jack_legend {
     display: flex;
     width: 100%;
     justify-content: space-between;
     align-items: center;
     height: 50px;
 }

 .jack_three_right {
     display: flex;
     flex: 1;
     justify-content: center;
     align-items: center;
 }

 .jack_three_left {
     display: flex;
     flex: 1;
     justify-content: center;
     align-items: center;
 }

 .jack_title {
     display: flex;
     width: 100%;
     justify-content: center;
     align-items: center;
     font-size: 24px;
     color: #666666;
     font-weight: bold;
 }

 .dd_page {
     width: 100%;
     background-color: rgb(244, 247, 254);
     position: relative;
 }

 .slide_page_left {
     background-color: #015eea;
     /* 不支持线性的时候显示 */
     background-image: linear-gradient(to right, #015eea, #00c0fa);
     height: 100%;
     position: relative;
 }

 .slide_page_right {
     height: 100%;
     position: relative;
     background-color: #ff544f;
     background-image: linear-gradient(to right, #ff544f, #fad126);
 }

 .slide_page_ddd {
     position: absolute;
     width: 50%;
     top: 0px;
     left: 50%;
     bottom: 0px;
 }

 .slide_page_dd {
     position: absolute;
     width: 50%;
     top: 0px;
     left: 0%;
     bottom: 0px;
     transform: rotate(180deg);
 }

 .number_transform {
     transform: rotate(180deg);
 }

 .domDivShow {
     display: none;
 }

 .jack_mobile_year {
     display: none;
 }

 .jack_highcharts_width {
     max-width: 800px;
     margin: 0 auto;
 }

 .js_card_show ul {
     list-style-type: none;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
 }

 .js_card {
     height: 170px;
     /* margin-right: 10px; */
     width: 100%;
     box-sizing: content-box;
     /* padding: 10px; */
     padding-top: 20px;
 }

 .js_card:hover {
     padding-top: 0px;
     padding-bottom: 20px;
 }

 .js_card_show ul li {
     /* display: flex;
        flex-direction: row;
        flex-wrap: wrap; */
     width: 25%;
     min-width: 200px;
 }

 .js_card_one {
     position: relative;
     margin: 10px 10px;
     background-color: #fff;
     height: 160px;
     margin-right: 20px;
     box-shadow: 2px 3px 3px #ddd6dd;
     cursor: pointer;
 }

 .js_card_one:hover {
     margin-top: -12px;
 }

 .js_one_title {
     width: 100%;
     background-color: #015eea;
     /* 不支持线性的时候显示 */
     background-image: linear-gradient(to right, #0bbafb, #4285ec);
     height: 60px;
     color: #fff;
     padding: 10px 10px;
     display: flex;
     justify-content: center;
     box-sizing: border-box;
     align-items: center;
 }

 .js_two_content {
     padding: 10px 10px;
     box-sizing: border-box;
     height: 100px;
     display: flex;
     flex-direction: column;
 }

 /* .js_two_time {
      display: flex;
      height: 140px;
      box-sizing: border-box;
    } */
 .js_two_time {
     width: 100%;
     height: 80px;
     display: flex;
     justify-content: flex-end;
     align-items: flex-end;
 }

 .js_two_year {
     height: 20px;
 }

 @media screen and (max-width: 768px) {
     .jack_row {
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         margin: 20px 0px;
     }

     .jack_row_one {
         margin-bottom: 10px;
     }

     .jack_isModel_show {
         display: inline !important;
     }

     .jack_mobile_year {
         width: 100%;
         font-size: 13px;
         /* display: none; */
         /* margin-bottom: 5px; */
         display: flex;
         justify-content: center;
         align-items: center;
     }

     .jack_year {
         width: 50px;
         font-size: 13px;
         display: none;
     }

     .jack_hight {
         height: 25px;
         border-radius: 5px;
     }

     .jack_line_hight {
         width: 25px;
         height: 25px;
         line-height: 25px;
         font-size: 9px;
         border-radius: 5px;
     }

     .jack_radius {
         border-radius: 5px;
     }

     .jack_three_left {
         width: 28px;
         height: 13px;
         border-radius: 5px;
     }

     .jack_three_right {
         width: 28px;
         height: 13px;
         border-radius: 5px;
     }

     .jack_legend {
         font-size: 10px;
     }

     .js_card_one:hover {
         margin: 10px 10px;
     }

     .js_card:hover {
         padding-bottom: 0px;
     }

     .js_card_show ul li {
         width: 100%;
     }
 }