﻿/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/s6u9w4bmutphh7usswapgr_p.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/s6u9w4bmutphh7usswipgq.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/s6uyw4bmutphjxawxjeu.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/s6uyw4bmutphjx4wxg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/s6u9w4bmutphh6uvswapgr_p.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/s6u9w4bmutphh6uvswipgq.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.p21a{width:20%;background:#e1e1e1;border-bottom:1px #fff solid;  font-weight:bold}
.p21b{width:15%;background:#e9e9e9;border-bottom:1px #fff solid;  font-weight:bold}
.p21c{width:10%;background:#e2e2e2;border-bottom:1px #fff solid;  font-weight:bold}
.p21d{width:15%;background:#e9e9e9;border-bottom:1px #fff solid;  font-weight:bold}
.p21e{width:40%;background:#e1e1e1;border-bottom:1px #fff solid;  font-weight:bold}

.ntm99 {
  display: flex;
  overflow-x: auto; /* 允许水平滚动 *//
  scroll-snap-type: x mandatory; /* 设置滚动快照 */
  -webkit-overflow-scrolling: touch; /* 改善在移动设备上的滚动性能 */
  font-size:14px;
  width:100%;
  margin:auto;
}
.ntm99 h3{ width:100%; margin:auto; font-size:18px; line-height:36px; text-align:left; display:table}

.cntm99 {
  flex: 0 0 100%; /* 每个内容项占据整个容器宽度 */
  scroll-snap-align: start; /* 每个项都固定在视口开始位置 */
  display: flex;
}

@media only screen and (max-width:1024px){
.cntm99 {
  flex: 0 0 200%; /* 每个内容项占据整个容器宽度 */
}
}

@media only screen and (max-width:768px){
.cntm99 {
  flex: 0 0 250%; /* 每个内容项占据整个容器宽度 */
}
}
