/*body {*/
/*  padding-bottom: 1.2rem;*/
/*}*/

.st-page {
  padding-top: 1.1rem;
  overflow: hidden;
  background: #ffffff;
}

.st-page .main {
  width: 16rem;
  max-width: 16rem;
  margin: 0 auto;
}

.st-empty-img,
.st-page img[src=""] {
  opacity: 0;
}

.st-title {
  text-align: center;
}

.st-title h2 {
  font-family: Konexy Personal Use, Konexy Personal Use;
  font-weight: 400;
  font-size: 0.42rem;
  color: #333333;
  letter-spacing: 0;
    margin-bottom: 0.32rem;
}

.st-title p {
  margin-top: .08rem;
  font-family: Poppins, Poppins, sans-serif;
  font-weight: 400;
  font-size: .18rem;
  line-height: .26rem;
  color: #1f1f1f;
}

.st-red-btn {
  min-width: 5.12rem;
  height: .48rem;
  padding: 0 .26rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: .38rem auto 0;
  border-radius: 0.06rem 0.06rem 0.06rem 0.06rem;
  background: var(--red);
  font-family: Poppins, Poppins, sans-serif;
  font-weight: bold;
  font-size: .16rem;
  line-height: .48rem;
  color: #ffffff;
  letter-spacing: .01rem;
  text-align: center;
  transition: background .25s;
}

.st-red-btn:hover {
  background: #bd210c;
}

.st-hero {
  position: relative;
  height: 8.4rem;
  overflow: hidden;
  background: linear-gradient(100deg, #44372c 0%, #8b4a2b 45%, #325a7c 100%);
}

.st-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .02) 42%, rgba(0, 0, 0, .25) 100%);
}

.st-hero-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.st-hero-main {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 2;
  height: 100%;
  transform: translateX(-50%);
}

.st-hero-text {
  position: absolute;
  left: 6.42rem;
      top: 1.7rem;
  width: 9.2rem;
  color: #ffffff;
}

.st-hero h1 {
  margin-bottom: .22rem;
  font-family: Konexy Personal Use, Poppins, sans-serif;
  font-weight: 400;
  font-size: .45rem;
  line-height: .62rem;
  color: #ffffff;
  text-shadow: 0 .03rem .05rem rgba(0, 0, 0, .32);
  /*white-space: nowrap;*/
}

.st-hero p {
  margin-top: .1rem;
  font-family: Poppins, Poppins, sans-serif;
  font-weight: 600;
  font-size: .2rem;
  line-height: .26rem;
  color: #ffffff;
  text-shadow: 0 .02rem .04rem rgba(0, 0, 0, .38);
}

.st-intro {
  position: relative;
  z-index: 3;
  margin-top: -.52rem;
  padding: .92rem 0 .8rem;
  border-radius: .7rem .7rem 0 0;
  background: #ffffff;
}

.st-intro article,
.st-benefits article,
.st-benefit-note {
  width: 16rem;
  margin: .28rem auto 0;
  font-family: Poppins, Poppins, sans-serif;
  font-weight: 400;
  font-size: .16rem;
  line-height: .24rem;
  color: #333333;
  /*text-align: center;*/
}

.st-intro article p+p,
.st-benefits article p+p {
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.18rem;
  color: #1F1F1F;
  line-height: 0.36rem;
}

.st-contact {
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #111716, #2b2e25 58%, #15191b);
}

.st-contact-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.st-contact-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 14rem !important;
  text-align: center;
  transform: translate(-50%, -50%);
}

.st-contact h2 {
  font-family: Konexy Personal Use, Konexy Personal Use;
  font-weight: 400;
  font-size: 0.42rem;
  color: #FFFFFF;
}

.st-contact-inner>p {
  margin-top: .3rem;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.24rem;
  color: #FFFFFF;
  line-height: 0.32rem;
}

.st-contact-form {
  width: 11rem;
  margin: .27rem auto 0;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: .24rem;
}

.st-contact-form label {
  display: block;
  text-align: left;
}

.st-contact-form span {
  display: block;
  margin-bottom: .04rem;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
}

.st-contact-form span b {
  color: var(--red);
}

.st-contact-form input,
.st-contact-form textarea {
  width: 100%;
  display: block;
  border: 0;
  border-radius: .02rem;
  background: #ffffff;
  font-family: Poppins, Poppins, sans-serif;
  font-weight: 400;
  font-size: .16rem;
  color: #333333;
}

.st-contact-form input {
  height: .42rem;
  padding: 0 .16rem;
}

.st-contact-form textarea {
  height: 1.02rem;
  padding: .12rem .16rem;
  resize: none;
}

.st-contact-form button {
  min-width: 5.12rem;
  height: .42rem;
  margin: .08rem auto 0;
  border-radius: .02rem;
  background: var(--red);
  font-family: Poppins, Poppins;
  font-weight: 500;
  font-size: 0.18rem;
  color: #FFFFFF;
}

.st-products {
  padding: .64rem 0 .7rem;
  background: #ffffff;
}

.st-product-grid {
  margin: .42rem auto 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .38rem;
}

.st-product-card {
  min-height: 4.3rem;
  padding: .3rem;
  border: .01rem solid #e3e3e3;
  border-radius: .08rem;
  background: #ffffff;
  color: #222222;
  box-shadow: 0 .02rem .1rem rgba(0, 0, 0, .03);
}

.st-product-pic {
  height: 2.54rem;
  border-radius: .12rem;
  overflow: hidden;
  background: #fff;
}

.st-product-pic img,
.st-feedback-pic img,
.st-video-pic img,
.st-article-pic img,
.st-spec-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.st-product-card h3 {
  margin-top: .2rem;
  font-family: Poppins, Poppins;
  font-weight: 600;
  font-size: 0.2rem;
  color: #092138;
}

.st-product-card p {
  margin-top: .04rem;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.16rem;
  color: #646D75;
}

.st-product-card strong {
  display: block;
  margin-top: .08rem;
  font-family: Poppins, Poppins;
  font-weight: bold;
  font-size: 0.16rem;
  color: #1F1F1F;
}

.st-product-card strong span {
  font-weight: 500;
}

.st-benefits {
  padding: .18rem 0 .36rem;
}

.st-benefits article {
  margin-top: .56rem;
}

.st-benefit-note {
  margin-top: .28rem;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 18px;
  color: #1F1F1F;
  line-height: 0.36rem;
}

.st-specs {
  padding: .34rem 0 .56rem;
}

.st-spec-table {
  width: 16rem;
  margin: .32rem auto 0;
  border: .01rem solid #d9dee4;
  border-bottom: 0;
  background: #ffffff;
}

.st-spec-head,
.st-spec-row {
  display: grid;
  grid-template-columns: 3.12rem 6.34rem repeat(4, 1.64rem);
}

.st-spec-head {
  min-height: .78rem;
  background: #D9DCE1;
}

.st-spec-head>div {
  padding: .14rem .18rem;
  border-left: .01rem solid rgba(255, 255, 255, .5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: Poppins, Poppins, sans-serif;
  font-family: Poppins, Poppins;
  font-weight: 500;
  font-size: 0.2rem;
  color: #092138;
  line-height: 0.32rem;
  text-align: center;
}


.st-spec-head-title {
  min-height: .64rem;
  background: #202020;
}

.st-spec-head-title h3 {
  font-family: Konexy Personal Use, Konexy Personal Use;
  font-weight: 400;
  font-size: 0.24rem;
  color: #FFFFFF;
  text-align: center;
  line-height: .64rem;
}

.st-spec-head>div:first-child,
.st-spec-head>div:nth-child(2) {
  align-items: flex-start;
  text-align: left;
}

.st-spec-head span,
.st-spec-head strong {
  font-size: .2rem
}

.st-spec-head strong {
  border-top: 0.01rem solid rgba(255, 255, 255, .5);
  margin: .05rem -.18rem 0;
  padding-top: .1rem;
  font-weight: 500;
}

.st-spec-row {
  min-height: 1.45rem;
  border-bottom: .01rem solid #d9dee4;
}

.st-spec-row>div {
  padding: .22rem .18rem;
  border-left: .01rem solid #d9dee4;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Poppins, Poppins;
  font-weight: 500;
  font-size: 0.2rem;
  color: #092138;
  text-align: center;
}

.st-spec-row>div:first-child {
  border-left: 0;
  justify-content: flex-start;
  text-align: left;
  color: #1f3349;
  flex-direction: column;
  align-items: flex-start;
  font-family: Poppins, Poppins;
  font-weight: 500;
  font-size: 0.2rem;
  color: #092138;
}

.st-spec-row>div:nth-child(2) {
  justify-content: flex-start;
  gap: .16rem;
  text-align: left;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.16rem;
  color: #092138;
  line-height: 0.32rem;
}

.st-spec-row ul {
  margin: 0;
  padding-left: .16rem;
}

.st-spec-row li {
  list-style: disc;
}

.st-spec-thumb {
  width: 2.44rem;
  height: 1.31rem;
  margin-top: .24rem;
  flex: none;
  display: block;
  border-radius: .02rem;
  overflow: hidden;
  background: linear-gradient(135deg, #b7c2c8, #5d717b);
}

.st-accessory {
  padding: .22rem 0 .54rem;
}

.st-price-table {
  width: 16rem;
  margin: .38rem auto 0;
  border: .01rem solid #d7dde4;
  border-bottom: 0;
  background: #ffffff;
}

.st-price-table>div {
  height: .56rem;
  display: grid;
  grid-template-columns: 5.6rem 2.1rem .5rem 5.6rem 2.1rem;
  border-bottom: .01rem solid #d7dde4;
  background: #ffffff;
}

.st-price-table>div:nth-child(even) {
  background: linear-gradient(90deg, #f1f1f1 0, #f1f1f1 7.7rem, #ffffff 7.7rem, #ffffff 8.2rem, #f1f1f1 8.2rem, #f1f1f1 100%);
}

.st-price-table span,
.st-price-table strong {
  padding: 0 .34rem;
  display: flex;
  align-items: center;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.16rem;
  color: #092138;
  line-height: .28rem;
  color: #25384d;
}

.st-price-table span:nth-of-type(2) {
  grid-column: 4;
}

.st-price-table strong {
  justify-content: flex-start;
}

.st-price-table strong:first-of-type {
  grid-column: 2;
}

.st-price-table strong:nth-of-type(2) {
  grid-column: 5;
}

.st-price-table>div:nth-child(2n)::before {
  content: "";
  grid-column: 3;
  grid-row: 1;
  border-left: .01rem solid #d7dde4;
  border-right: .01rem solid #d7dde4;
  background: #ffffff;
}

.st-feedback {
  padding: .52rem 0 .76rem;
}

.st-feedback .st-title h2,
.st-video .st-title h2,
.st-article .st-title h2 {
  font-size: .26rem;
  line-height: .34rem;
}


.messageBox{
    display: flex;
    justify-content: space-between;
        align-items: center;
}
.messageBox h4{
    text-align: right;
}

.messageBox  .allFeed{
    color: #fff !important;
    margin-top: 10px;
    cursor: pointer;
    font-size: 0.14rem !important;
        min-width: 1rem;
    height: .4rem;
    letter-spacing: normal;
}
.messageBox h4 + h4{
    margin-top: 0.1rem;
}
/* 弹窗基础 */
.feedbackModal { display: none; }
.feedbackModal.show { display: block; }
.feedbackModal-mask {
    position: fixed; inset: 0; background: rgba(0, 0, 0, .5); z-index: 9998;
}
.feedbackModal-box {
    position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);
    width: 850px; max-width: 92%; max-height: 85vh;
    background: #fff; border-radius: 12px; padding: 35px;
    z-index: 9999; box-sizing: border-box;
    display: flex; flex-direction: column;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}

/* 头部 */
.modal-header {
    display: flex; justify-content: space-between; align-items: flex-start;
    margin-bottom: 20px;
}
.quote-icon svg { display: block; }
.feedbackModal-close {
    border: 0; background: none; cursor: pointer;
    font-size: 32px; line-height: 1; color: #999; padding: 0;
    transition: color 0.3s;
}
.feedbackModal-close:hover { color: #333; }

/* 主体左右布局 */
.modal-body {
    display: flex; gap: 30px; margin-bottom: 25px; flex: 1; overflow: hidden;
}
.modal-left {
    flex: 0 0 380px; /* 左侧图片固定宽度 */
}
.modal-left img {
    width: 100%; height: auto; border-radius: 8px; object-fit: cover;
    display: block;
}
.modal-right {
    flex: 1; max-height: 400px; overflow-y: auto; padding-right: 15px;
}
/* 自定义滚动条，匹配截图效果 */
.modal-right::-webkit-scrollbar { width: 6px; }
.modal-right::-webkit-scrollbar-track { background: transparent; }
.modal-right::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }

.modal-text {
    font-size: 15px; line-height: 1.8; color: #333;
    white-space: pre-wrap; /* 关键：保留换行符 */
    word-break: break-word;
}
/* 弹窗基础 */
.feedbackModal { display: none; }
.feedbackModal.show { display: block; }
.feedbackModal-mask {
    position: fixed; inset: 0; background: rgba(0, 0, 0, .5); z-index: 9998;
}
.feedbackModal-box {
    position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);
    width: 900px; max-width: 92%; max-height: 85vh;
    background: #fff; border-radius: 12px; padding: 35px;
    z-index: 9999; box-sizing: border-box;
    display: flex; flex-direction: column;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}

/* 头部 */
.modal-header {
    display: flex; justify-content: space-between; align-items: flex-start;
    margin-bottom: 10px;
}
.quote-icon svg { display: block; }
.feedbackModal-close {
    border: 0; background: none; cursor: pointer;
    font-size: 32px; line-height: 1; color: #999; padding: 0;
    transition: color 0.3s;
}
.feedbackModal-close:hover { color: #333; }

/* 主体布局：左图右文 */
.modal-body {
    display: flex; gap: 35px; flex: 1; overflow: hidden; /* 关键：隐藏溢出，让右侧单独滚动 */
    min-height: 0; /* 配合 flex 容器防止溢出 */
}

/* 左侧：图片独立一栏 */
.modal-left {
    flex: 0 0 380px; /* 固定宽度 240px，禁止缩放 */
    align-self: flex-start; /* 图片靠顶部对齐 */
}
.modal-left img {
    width: 100%; height: auto; border-radius: 8px; object-fit: cover;
    display: block;
}

/* 右侧：内容区 */
.modal-right {
    flex: 1;
    display: flex; flex-direction: column;
    min-width: 0; /* 防止文本溢出 */
    min-height: 0;
}

/* 右侧文本：独立滚动 */
.modal-text {
    flex: 1; /* 占据剩余空间 */
    overflow-y: auto; /* 溢出时滚动 */
    font-size: 15px; line-height: 1.8; color: #333;
    white-space: pre-wrap; word-break: break-word;
    padding-right: 15px;
    margin-bottom: 20px;
}
/* 自定义滚动条 */
.modal-text::-webkit-scrollbar { width: 6px; }
.modal-text::-webkit-scrollbar-track { background: transparent; }
.modal-text::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }

/* 底部信息区（固定在右侧底部） */
.modal-footer {
    flex-shrink: 0; /* 禁止被压缩 */
    display: flex; justify-content: space-between; align-items: flex-end;
    border-top: 1px solid #f0f0f0; padding-top: 15px;
}

/* 左侧标签 */
.modal-tags { display: flex; align-items: center; gap: 12px; }
.tag {
    background: #f0f2f5; padding: 6px 12px; border-radius: 4px;
    font-size: 13px; color: #333; cursor: pointer;
    transition: background 0.3s;
}
.tag:hover { background: #e4e6eb; }
.verified { font-size: 13px; color: #666; }

/* 右侧作者信息 */
.modal-author { text-align: right; }
.modal-author h4 {
    font-size: 15px; font-weight: bold; margin: 0 0 5px 0; color: #111;
}
.modal-author p {
    font-size: 13px; color: #888; font-style: italic; margin: 0;
}

/* 星星（在右侧最下方） */
.modal-stars {
    flex-shrink: 0; /* 禁止被压缩 */
    margin-top: 15px;
}
.modal-stars .stars {
    color: #e53935; font-size: 16px; letter-spacing: 2px;
}
.feedbackList {
  width: 100%;
  margin: .52rem auto 0;
  overflow: hidden;
  padding: .08rem 0;
}

.feedbackList .swiper-wrapper {
  align-items: center;
}

.feedbackList .swiper-slide {
  width: 12.8rem;
  opacity: .42;
  /* transform: scale(.68); */
  transition: opacity .35s, transform .35s;
}

.feedbackList .swiper-slide-active {
  opacity: 1;
  transform: scale(1);
}

.feedbackList .item {
  min-height: 3.6rem;
  padding: .4rem;
  display: flex;
  gap: .24rem;
  border: .01rem solid #e6e6e6;
  border-radius: .08rem;
  background: #ffffff;
}

.feedbackList .imgBox {
  width: 2.8rem;
  height: 2.8rem;
  flex: none;
  border-radius: .08rem;
  background: #d8d8d8;
}

.feedbackList .text {
  flex: 1;
  padding-top: .5rem;
}

.feedbackList .text .top {
  display: flex;
  gap: .22rem;
  padding-bottom: .43rem;
  border-bottom: 0.01rem solid #DDDDDD;
  margin-top: .28rem;
}

.feedbackList .text .top img {
  width: .68rem;
  height: .68rem;
}

.feedbackList .text p {
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.18rem;
  color: #333333;
}

.feedbackList .text h5 {
  display: flex;
  align-items: center;
  gap: .09rem;
  margin-top: .15rem;
  color: #4a4a4a;
  font-size: .14rem;
  font-weight: bold;
}

.feedbackList .text h5 img {
  width: .24rem !important;
  height: .24rem !important;
}

.feedbackList .bottom {
  margin-top: .14rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.feedbackList .stars {
  flex: 1;
  color: var(--red);
  font-size: .2rem;
  letter-spacing: .02rem;
  line-height: .24rem;
}

.feedbackList .bottom h4 {
  font-family: Poppins, Poppins;
  font-weight: 500;
  font-size: 0.18rem;
  color: #333333;
}

.st-video {
  padding: .18rem 0 .72rem;
}

.st-video .st-title h2 {
  font-family: Konexy Personal Use, Konexy Personal Use;
  font-weight: 400;
  font-size: 0.42rem;
  color: #333333;

}

.st-video-grid,
.st-article-grid {
  width: 16rem;
  margin: .44rem auto 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .31rem;
}

.st-video-card {
  border: .01rem solid #e3e3e3;
  border-radius: .08rem;
  background: #ffffff;
  color: #1f1f1f;
}

.st-video-pic {
  position: relative;
  height: 2.88rem;
  border-radius: .06rem;
  overflow: hidden;
  background: linear-gradient(135deg, #b8c6cc, #8a7465 62%, #222f34);
}

.st-video-pic i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: .6rem;
  height: .42rem;
  border-radius: .12rem;
  background: #e62117;
  transform: translate(-50%, -50%);
}

.st-video-pic i::after {
  content: "";
  position: absolute;
  left: .25rem;
  top: .12rem;
  border-left: .16rem solid #ffffff;
  border-top: .09rem solid transparent;
  border-bottom: .09rem solid transparent;
}

.st-video-card .text {
  display: block !important;
  padding: 0 .3rem .36rem;
}

.st-video-card p {
  margin-top: .16rem;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.16rem;
  color: #646D75;
}

.st-video-card h3 {
  margin-top: .04rem;
  font-family: Poppins, Poppins;
  font-weight: 600;
  font-size: 0.2rem;
  color: #092138;
}

.st-video-card div:last-child {
  margin-top: .18rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.st-video-card span {
  position: relative;
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: 0.16rem;
  color: #969696;
}

.st-video-card span img {
  width: .16rem;
  height: .12rem;
  margin-right: .05rem;
}

.st-video-card em {
  height: 0.48rem;
  background: #FFFFFF;
  border-radius: 0.24rem 0.24rem 0.24rem 0.24rem;
  border: 0.01rem solid #CCCCCC;
  padding: 0 .24rem;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.18rem;
  color: #1F1F1F;
  line-height: 0.48rem;
  font-style: normal;
}

.st-article {
  padding: .1rem 0 1.08rem;
}

.st-article-card {
  /* height: 5.74rem; */
  padding: .3rem;
  border: .01rem solid #e5e5e5;
  border-radius: .08rem;
  background: #ffffff;
  color: #1f1f1f;
}

.st-article-pic {
  height: 2.54rem;
  border-radius: .05rem;
  overflow: hidden;
  background: linear-gradient(135deg, #284059, #d4924e);
}

.st-article-card h3 {
  margin-top: .2rem;
  font-family: Poppins, Poppins;
  font-weight: 600;
  font-size: 0.2rem;
  color: #1F1F1F;
}

.st-article-card p {
  margin-top: .08rem;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.16rem;
  color: #666666;
}
.st-article-card .tags,
.st-article-card h4 {
  margin-top: .13rem;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.18rem;
  color: #1F1F1F;
    display: flex;
  gap: 0.05rem;
}

.st-article-card .tags>div{
  flex: 1;
}
.st-article-card .tags a{
  color: #1F1F1F;
}

.st-article-card .link2,
.st-article-card h5 {
  margin-top: .14rem;
  display: flex;
  align-items: center;
  gap: .08rem;
  font-family: Poppins, Poppins;
  font-weight: 500;
  font-size: 0.18rem;
  color: #333333;
}
.st-article-card .link2 img,
.st-article-card h5 img {
  width: .24rem;
  height: .24rem;
}

.st-article-card>a:last-child {
  margin-top: .24rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.st-article-card time {
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.16rem;
  color: #646D75;
}

.st-article-card>div:last-child img {
  width: .4rem;
  height: .4rem;
}

@media (max-width: 1200px) {

  .st-page .main,
  .st-spec-table,
  .st-price-table,
  .st-video-grid,
  .st-article-grid {
    width: 92%;
    max-width: 16rem;
  }

  .st-product-grid {
    width: 82%;
  }
}