.m-plat-adv {
     margin-top: 16px;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-template-rows: repeat(3, 1fr);
     grid-gap: 16px 16px;
 }

 .another {
     grid-template-columns: repeat(2, 1fr);
     grid-template-rows: repeat(2, 1fr);
 }

 .m-plat-adv>li {
     padding: 28px 12px;
     background: #F8F8F8;
     border-radius: 4px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }

 .m-plat-adv li h3 {
     font-weight: 500;
     font-size: 17px;
     line-height: 24px;
     /* identical to box height, or 141% */
     text-align: center;
     letter-spacing: 0.1px;
     color: #000000;
 }

 .m-plat-adv li p {
     font-weight: 400;
     font-size: 14px;
     line-height: 24px;
     /* or 171% */
     text-align: center;
     color: #737B7D;
 }

 .introduce {}

 .introduce-tabs {
     width: 100%;
     overflow-x: scroll;
     
     white-space: nowrap;
 }

 .tab-items {
     display: inline-block;
     padding: 16px 10px;
     font-weight: 400;
     font-size: 15px;
     line-height: 24px;
     text-align: center;
     letter-spacing: 0.1px;
     border-bottom: 2px solid rgba(0, 0, 0, 0.1);
     margin-left: -6px;
 }

 .tab-items:first-child {
     margin-left: 0;
 }

 .tab-active,
 .tab-items:hover {
     color: #1768E4;
     border-color: #1768E4;
 }

 .tab-section {}

 .tab-section section {
     width: 100%;
     display: none;
 }

 .tab-section section p {
     margin-top: 16px;
     font-weight: 400;
     font-size: 14px;
     line-height: 20px;
     text-align: center;
     letter-spacing: 0.3px;
     color: #737B7D;
 }

 .tab-section section div {
     text-align: center;
 }

 .tab-section section .sys-hed {
     width: 100%;
     height: 13px;
     object-fit: cover;
     margin-bottom: -4px;
 }

 .tab-section section .sys-img {
     width: 100%;
 }

 .tab-section .section-active {
     display: block;
 }