.market {
     width: 100%;
     height: 64px;
     background-color: #cccccc;
     color: #333333;
     display: flex;
 }

 .market div {
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: 400;
     font-size: 16px;
 }

 .subArticleIntroduce {
     margin-bottom: 28px;
     position: relative;
 }

 .about-more-img {
     margin-right: 5px;
 }

 .about-more-txt {
     position: absolute;
     left: 19%;
     bottom: 30px;
 }

 .about-more-txt .about-more-txt-title {
     font-size: 18px;
     font-weight: bold;
     line-height: 35px;
     text-align: left;
     color: #fff;
 }

 .about-more-txt .about-more-txt-desc {
     font-size: 14px;
     text-align: center;
     color: #fff;
 }

 .select-more-div {
     width: 100%;
     height: 678px;
     /* 678px;*/
     background: url('../images/select_more_bg.jpg') no-repeat;
     background-size: 100% 100%;
 }

 .select-more-info {
     display: flex;
 }

 .select-more-info .select-more-img {
     width: 64.4%;
     height: auto;
     position: relative;
     margin-right: 2.3rem;
 }

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

 .mod_num {
     display: flex;
     justify-content: center;
     margin-top: 3.3rem;
     margin-bottom: 2.6rem;
 }

 .mod_num .mod_num_item {
     font-size: 0.7rem;
     color: #333;
     margin-right: 2.3rem;
     display: flex;
     flex-flow: column;
     justify-content: center;
     align-items: center;
 }

 .mod_num .mod_num_item:last-child {
     margin-right: 0;
 }

 .mod_num_item .mod_num_count {
     position: relative;
     display: flex;
     align-items: baseline;
     justify-content: center;
     margin-bottom: 0.3rem;
 }

 .mod_num_item .mod_num_add {
     font-size: 0.8rem;
     font-weight: 600;
     color: #013F99;
 }

 .mod_num_item .mod_num_count span.counter {
     font-size: 1.8rem;
     font-weight: 600;
     line-height: 1;
     color: #013F99 !important;
     margin: 0 6px;
     text-shadow: 1px 1px 1px #013F99;
     letter-spacing: 2px;
 }

 .mod_num_item .mod_num_desc {
     color: #777777;
 }

 .reason-info {
     display: flex;
     flex-direction: column;
     border-right: 0.1rem solid #ddd;
 }

 .reason-item {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     height: 2.2rem;
     position: relative;
 }

 .reason-item.active::after {
     position: absolute;
     bottom: 0px;
     right: -0.15rem;
     content: '';
     display: block;
     width: 0.2rem;
     height: 100%;
     background-color: #013F99;
 }

 .reason-item.active .reason-item-txt {
     color: #013F99;
     font-weight: bold;
 }

 .reason-item .reason-item-img {
     display: flex;
     align-items: center;
     margin-right: 0.8rem;
 }

 .reason-item .reason-item-txt {
     font-size: 0.8rem;
     margin-right: 2.5rem;
     font-family: 'Microsoft YaHei',Helvetica, Arial, sans-serif;
 }

 .reason-white {
     position: absolute;
     left: 22%;
     top: 60%;
     width: 89%;
     height: 52%;
     background: #fff;
     box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
     border-radius: 0.25rem;
 }

 .reason-white .white-content {
     padding: 3.5rem 2.4rem;
 }

 .white-item {
     display: flex;
 }

 .white-icon-line {
     width: 0.5rem;
     height: 3px;
     background: #A9CD31;
     margin-right: 0.4rem;
     margin-top: 0.5rem;
 }

 .white-txt {
     font-size: 0.7rem;
     color: #777777;
 }

 .title-con {
     display: flex;
     align-items: center;
 }

 .title-con>div:first-child {
     width: 40%;
     margin-right: 10%;
     text-align: center;
 }

 .title-con>div:last-child {
     flex: 1;
     text-align: center;
 }

 .title-con div {
     font-size: 0.8rem;
     font-weight: 400;
     color: #333333;
     line-height: 30px;
 }

 @media screen and (min-width: 1601px) {

     html,
     body {
         font-size: 20px !important;
     }
 }

 @media (max-width: 1600px) and (min-width: 1367px) {

     html,
     body {
         font-size: 18px !important;
     }
 }

 @media screen and (max-width: 1366px) {

     html,
     body {
         font-size: 15px !important;
     }

     .reason-white .white-content {
         padding: 3.65rem 2.4rem;
     }

     .select-more-div {
         height: 580px;
     }
 }

 @media screen and (max-width: 1367px) {
     .market div {
         font-size: 14px !important;
     }
 }

 @media all and (max-width: 1050px) {
     .select-more-info .select-more-img {
         width: 74.4%;
         height: auto;
         position: relative;
         margin-right: -0.7rem;
     }

     .mod_num {
         text-align: center;
     }

     .intro-div .intro-head:first-child {
         width: 200px;
     }

     .reason-white .white-content {
         padding: 3.65rem 0;
     }
 }

 /* 只显示一行 */
 .ellipsis {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 /* 只显示两行 */
 .ellipsis-line-2 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 /* 只显示三行 */
 .ellipsis-line-3 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     line-clamp: 3;
     -webkit-box-orient: vertical;
 }