.smart-lectern-container .text1 {
  font-size: 3rem;
}
.smart-lectern-container .p1-text3 {
  font-family: Roboto-Regular;
  font-size: 1.5rem;
  line-height: 2.25rem;
  color: #161b2d;
  font-weight: 400;
}
.smart-lectern-container .p1-text3 sup {
  font-size: 0.8rem;
}
.smart-lectern-container .text2 {
  font-family: ClearSans-Light;
  font-size: 1.5rem;
}
.smart-lectern-container .text3 {
  font-size: 1.125rem;
}
.smart-lectern-container .text4 {
  font-size: 2.625rem;
}
.smart-lectern-container .text5 {
  font-family: ClearSans-Light;
  font-size: 1.25rem;
}
.smart-lectern-container .text6 {
  font-size: 1.875rem;
}
.smart-lectern-container .flex {
  display: flex;
}
.smart-lectern-container .p1 {
  height: 67.5rem;
  text-align: center;
  color: #161b2d;
  padding-top: 12.5rem;
}
.smart-lectern-container .p1 > .flex {
  margin-top: 0.875rem;
}
.smart-lectern-container .p1-link {
  padding: 0.625rem 1.375rem;
  border-radius: 1.375rem;
  color: inherit;
  align-items: center;
}
.smart-lectern-container .p1-link span {
  font-size: 0.875rem;
}
.smart-lectern-container .p1-link:nth-child(1) {
  background: #006ee6;
  margin-right: 1.375rem;
  color: white;
}
.smart-lectern-container .p1-link:nth-child(2) {
  border: 1px solid #006ee6;
  color: #006ee6;
}
.smart-lectern-container .p1-link:nth-child(2) i::before,
.smart-lectern-container .p1-link:nth-child(2) i::after {
  background: #006ee6;
}
.smart-lectern-container .p1-link i {
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  position: relative;
  transform: rotateZ(45deg);
  margin-left: 0.5rem;
}
.smart-lectern-container .p1-link i::after {
  content: '';
  display: block;
  width: 0.6rem;
  height: 2px;
  background: white;
  position: absolute;
  top: 0;
}
.smart-lectern-container .p1-link i::before {
  content: '';
  display: block;
  height: 0.6rem;
  width: 2px;
  background: white;
  position: absolute;
  right: 0;
}
.smart-lectern-container .p1-text2 {
  font-family: Roboto-Bold;
  font-size: 3.5rem;
  line-height: 3.5rem;
  font-weight: 700;
  margin: 0.75rem 0 1rem;
}
.smart-lectern-container .slide {
  height: 100rem;
  position: relative;
}
.smart-lectern-container .p2 {
  height: 60rem;
  padding: 24rem 0 0 15rem;
  position: -webkit-sticky;
  position: sticky;
  top: 64px;
}
.smart-lectern-container .p2 .text1 {
  margin-bottom: 1.25rem;
}
.smart-lectern-container .p2-1 {
  width: 66.25rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.smart-lectern-container .p2-1 img {
  width: 31.125rem;
  position: absolute;
  top: 7rem;
  left: 14rem;
}
.smart-lectern-container .p2.on .text2 {
  opacity: 1;
}
.smart-lectern-container .p2 .text2 {
  /* width: 12.5rem; */
  text-align: center;
  position: absolute;
  opacity: 0.3;
  display: flex;
  align-items: center;
  z-index: 2;
  transition: opacity 1s;
}
.smart-lectern-container .p2 .text2:nth-child(1) {
  top: 7rem;
  left: 0;
}
.smart-lectern-container .p2 .text2:nth-child(2) {
  top: 18rem;
  left: 9rem;
}
.smart-lectern-container .p2 .text2:nth-child(3) {
  top: 51rem;
  left: 4.6rem;
}
.smart-lectern-container .p2 .text2:nth-child(4) {
  top: 17rem;
  left: 50rem;
}
.smart-lectern-container .p2 .text2:nth-child(5) {
  top: 32rem;
  left: 43rem;
}
.smart-lectern-container .p2 .left::after,
.smart-lectern-container .p2 .right::after {
  width: 0.75rem;
  height: 0.75rem;
  background: #a8a8a8;
  content: '';
  display: block;
  position: absolute;
  border-radius: 50%;
}
.smart-lectern-container .p2 .left::after,
.smart-lectern-container .p2 .left::before {
  right: -9.4rem;
}
.smart-lectern-container .p2 .right::after,
.smart-lectern-container .p2 .right::before {
  left: -9.4rem;
}
.smart-lectern-container .p2 .left::before,
.smart-lectern-container .p2 .right::before {
  content: '';
  display: block;
  width: 0;
  height: 1px;
  background: #a8a8a8;
  position: absolute;
  transition: width 1s;
}
.smart-lectern-container .p2.on .left::before,
.smart-lectern-container .p2.on .right::before {
  width: 9rem;
}
.smart-lectern-container .p2-2 {
  width: 31.5rem;
  height: 46rem;
  opacity: 0;
  justify-content: space-between;
  position: absolute;
  top: 8rem;
  left: 70rem;
  z-index: 3;
}
.smart-lectern-container .p2-2 img,
.smart-lectern-container .p2-1,
.smart-lectern-container .p2-2 {
  transition: opacity 1s;
}
.smart-lectern-container .p2-box {
  position: relative;
  height: 36.125rem;
  background-color: white;
}
.smart-lectern-container .p2-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.smart-lectern-container .p2-box img.on,
.smart-lectern-container .p2-2 .flex-between img.on {
  opacity: 1;
}
.smart-lectern-container .p2-2 .flex-between img {
  width: 6.875rem;
  background-color: white;
  opacity: 0.3;
  cursor: pointer;
}
.smart-lectern-container .p2.on.on2 .p2-1 {
  opacity: 0;
}
.smart-lectern-container .p2.on.on2 .p2-2 {
  opacity: 1;
}
.smart-lectern-container .p3 {
  height: 63.5rem;
  color: white;
  padding-top: 4.5rem;
  text-align: center;
}
.smart-lectern-container .p3 .text5 {
  width: 41.75rem;
  margin: 1.125rem 0 1.875rem;
}
.smart-lectern-container .p3 .text6 {
  margin: 0 5.125rem;
}
.smart-lectern-container .p4 {
  height: 49.75rem;
  background-color: #b7b7b7;
  color: white;
}
.smart-lectern-container .p4 img {
  width: 100%;
}
.smart-lectern-container .p4 .text6 {
  margin: 4rem 0 5rem;
  width: 44.375rem;
  height: 2.25rem;
  position: relative;
  text-align: center;
}
.smart-lectern-container .p4 .text6 span {
  position: absolute;
  top: 0;
  opacity: 0;
}
.smart-lectern-container .p4 .text6 span.on {
  opacity: 1;
}
.smart-lectern-container .p4 > .flex-between > .flex {
  width: 4.25rem;
  height: 4.25rem;
  border: 2px solid white;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.smart-lectern-container .p4 > .flex-between > .flex:first-child {
  transform: rotateZ(-135deg);
}
.smart-lectern-container .p4 > .flex-between > .flex:last-child {
  transform: rotateZ(45deg);
}
.smart-lectern-container .p4 .flex-between {
  width: 61.125rem;
  align-items: center;
  margin-bottom: 4.125rem;
}
.smart-lectern-container .arrow-next,
.smart-lectern-container .arrow-prev {
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  transform: translate(-0.2rem, 0.2rem);
}
.smart-lectern-container .arrow-next::after,
.smart-lectern-container .arrow-prev::after {
  content: '';
  width: 1.5rem;
  height: 2px;
  background: white;
  position: absolute;
  top: 0;
}
.smart-lectern-container .arrow-next::before,
.smart-lectern-container .arrow-prev::before {
  content: '';
  height: 1.5rem;
  width: 2px;
  background: white;
  position: absolute;
  right: 0;
}
.smart-lectern-container .p4-tip {
  width: 0.875rem;
  height: 0.875rem;
  border: 2px solid white;
  border-radius: 50%;
  margin: 0 1.125rem;
}
.smart-lectern-container .p4-tip.on {
  background: white;
}
.smart-lectern-container .p5 {
  height: 60rem;
  color: white;
  padding: 20.75rem 0 0 22.625rem;
}
.smart-lectern-container .p5-text1 {
  font-size: 2.625rem;
}
.smart-lectern-container .p5-text2 {
  font-size: 1.25rem;
}
.smart-lectern-container .p5 .p5-text2 {
  width: 21.25rem;
  margin: 0.75rem 0 1rem;
}
.smart-lectern-container .p5 .text2 {
  width: 14rem;
  margin-right: 1rem;
}
.smart-lectern-container .p5 .flex {
  width: 48rem;
  flex-wrap: wrap;
}
.smart-lectern-container .p6 {
  height: 67.5rem;
  color: white;
  padding: 24.25rem 0 0 22.5rem;
}
.smart-lectern-container .p6 .p5-text2 {
  width: 35.25rem;
  margin-top: 0.75rem;
}
.smart-lectern-container .p7 {
  text-align: center;
  padding-bottom: 8.5rem;
}
.smart-lectern-container .p7 .p5-text1 {
  margin: 7.75rem 0 1.25rem;
}
.smart-lectern-container .p7 img {
  width: 36rem;
}
.smart-lectern-container .p7-desc {
  opacity: 0.8;
  font-size: 1rem;
  color: rgba(35, 34, 34, 0.7);
  text-align: justify;
  width: 53.75rem;
  line-height: 1.4;
}
.smart-lectern-container .p7-desc div {
  position: relative;
}
.smart-lectern-container .p7-desc div::before {
  position: absolute;
  left: -1.4rem;
}
.smart-lectern-container .p7-desc div:nth-child(1):before {
  content: '1.';
}
.smart-lectern-container .p7-desc div:nth-child(2):before {
  content: '2.';
}
.smart-lectern-container .p7-desc div:nth-child(3):before {
  content: '3.';
}
.smart-lectern-container .p7-desc div:nth-child(4):before {
  content: '4.';
}
.smart-lectern-container .p7-desc div:nth-child(5):before {
  content: '5.';
}
.smart-lectern-container .p7-desc div:nth-child(6):before {
  content: '6.';
}
.smart-lectern-container .p7 .flex-evenly {
  margin: 5.25rem 0;
}
.smart-lectern-container .swiper-container {
  width: 40rem;
  height: 29.125rem;
}
.smart-lectern-mb-container .font-roboto-bold {
  font-family: Roboto-Bold;
}
.smart-lectern-mb-container .smart-lectern-mb-product {
  height: 67.5rem;
}
.smart-lectern-mb-container .smart-lectern-mb-product .brochure-btn {
  background: #006ee6;
}
.smart-lectern-mb-container .smart-lectern-mb-product .brochure-btn,
.smart-lectern-mb-container .smart-lectern-mb-product .specifications-btn {
  border-radius: 4rem;
}
.smart-lectern-mb-container .smart-lectern-mb-product .specifications-btn {
  border: 0.125rem solid #fff;
}
.smart-lectern-mb-container .singular-mb-product {
  height: 67.5rem;
}
.smart-lectern-mb-container .re-invented-mb-product {
  height: 63.5rem;
}
.smart-lectern-mb-container .wireless-mb-product {
  height: 68.125rem;
  background-image: linear-gradient(90deg, #d0d0d0 0, #afafaf 100%);
}
.smart-lectern-mb-container .annotation-will-mb-product,
.smart-lectern-mb-container .maxhub-smart-lectern-mb-product {
  height: 67.5rem;
}
.smart-lectern-mb-container .wireless-deployment-mb-product ol li {
  font-family: Roboto-Regular, ClearSans;
  color: rgba(35, 34, 34, 0.7);
}
