* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* font-family: Source Han Sans SC; */
  font-size: 0.16rem;
  /* font-weight: 400; */
}

span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
}
.review .tags a,
.link1 a{
  color: #1F1F1F;
    display: inline !important;
}

.an{
    position: relative;
    top: -1.1rem;
}

@font-face {
  font-family: Poppins;
  src: url('../font/Poppins-SemiBold.otf');
  font-weight: 600;
}

@font-face {
  font-family: Poppins;
  src: url('../font/Poppins-Medium.otf');
  font-weight: bold;
}

@font-face {
  font-family: Poppins;
  src: url('../font/Poppins-Regular.otf');
  font-weight: 400;
}

@font-face {
  font-family: Poppins;
  src: url('../font/Poppins-Medium.otf');
  font-weight: 500;
}

@font-face {
  font-family: Konexy Personal Use;
  src: url('../font/Konexy-Personal-Use.ttf');
  font-weight: 400;
}

@font-face {
  font-family: PingFang SC;
  src: url('../font/PingFang.ttc');
  font-weight: 400;
}
@font-face {
  font-family: HarmonyOS Sans;
  src: url('../font/HarmonyOS_Sans_Regular.ttf');
  font-weight: 400;
}

@font-face {
  font-family: HarmonyOS Sans;
  src: url('../font/HarmonyOS_Sans_Medium.ttf');
  font-weight: 500;
}

/* @font-face {
  font-family: Alimama ShuHeiTi;
  src: url('../font/AlimamaShuHeiTi-Bold.otf');
  font-weight: bold;
}

@font-face {
  font-family: MiSans;
  src: url('../font/MiSans-Regular.ttf');
  font-weight: 400;
}

@font-face {
  font-family: Montserrat;
  src: url('../font/Montserrat-Bold.otf');
  font-weight: bold;
}

@font-face {
  font-family: Source Han Sans SC;
  src: url('../font/SourceHanSansSC-Bold.otf');
  font-weight: bold;
}

@font-face {
  font-family: Source Han Sans SC;
  src: url('../font/SourceHanSansSC-Medium.otf');
  font-weight: 500;
}

@font-face {
  font-family: Source Han Sans SC;
  src: url('../font/SourceHanSansSC-Regular.otf');
  font-weight: 400;
}

@font-face {
  font-family: Source Han Sans SC;
  src: url('../font/SourceHanSansSC-Light.otf');
  font-weight: 300;
}

@font-face {
  font-family: Source Han Sans SC;
  src: url('../font/SourceHanSansSC-Light.otf');
  font-weight: 300;
} */

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  min-width: 1200px;
  background: #ffffff;
}

a {
  display: block;
  outline: 0;
  text-decoration: none;
}

p a,span a{
    display: inline;
}

ul,
ol {
  padding-left: 2em;
}

input,
textarea,
button,
select {
  border: 0;
  resize: none;
  outline: 0;
  background: transparent;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

button {
  cursor: pointer;
}

img {
  max-width: 100%;
  object-fit: contain;
}

/*多行溢出*/
.ellipsis1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellipsis2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.ellipsis3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 4;
  line-clamp: 4;
}

.ellipsis5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 5;
  line-clamp: 5;
}

/* hover-图片放大1.1 */
.scale-box,
.imgBox {
  overflow: hidden;
}

.scale-box .scale-img,
.imgBox .scale-img {
  width: 100%;
  height: 100%;
  transition: all 0.3s linear;
  cursor: pointer;
  object-fit: cover;
}

.scale-box:hover .scale-img,
.imgBox:hover .scale-img {
  transform: scale(1.1);
}

/* 常用盒子阴影 */
.shadow_box {
  box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
}

/* 水波纹效果 */
.btn-ripple {
  vertical-align: bottom;
}

.btn-ripple:not(:disabled):hover {
  opacity: 1;
  position: relative;
  overflow: hidden;
}

.btn-ripple:not(:disabled):hover::before {
  animation: ani_ripple 0.75s;
  z-index: 1;
  content: "";
  position: absolute;
  display: block;
  transition: all 0.6s;
  width: 100%;
  height: 0;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  padding-top: 100%;
  transform: translateX(-50%) translateY(-50%);
}

@keyframes ani_ripple {
  0% {
    background: rgba(0, 0, 0, 0.25);
    transform: translateX(-50%) translateY(-50%) scale(0);
  }

  to {
    background: transparent;
    transform: translateX(-50%) translateY(-50%) scale(1);
  }
}

.headerWrap {
  position: fixed;
  top: 0;
  z-index: 999999;
  width: 100%;
}

.main {
  width: 94%;
  max-width: 16rem;
  margin: 0 auto;
}

.siteHeader {
  height: 1.1rem;
  padding: 0 .6rem;
  background: #333333;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.siteHeader .logo,
.siteFooter .logo {
  width: 1.42rem;
  color: #ffffff;
}

.siteHeader .logo {
  width: 1.4rem;
  height: .76rem;
}

.siteHeader .logo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.siteHeader .logo>span,
.siteFooter .logo>span {
  display: block;
  font-family: Montserrat;
  font-size: .62rem;
  line-height: .54rem;
  color: #ffffff;
  font-weight: bold;
}

.siteHeader .logo span span,
.siteFooter .logo span span {
  color: var(--red);
}

.siteHeader .logo em,
.siteFooter .logo em {
  display: block;
  margin-top: .05rem;
  font-style: normal;
  color: #ffffff;
  font-size: .1rem;
  font-weight: bold;
  letter-spacing: .01rem;
  white-space: nowrap;
}

.siteNav {
  height: 100%;
  display: flex;
  align-items: center;
  gap: .58rem;
}

.siteNav .navItem {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.siteNav .navItem>a {
  font-family: Poppins, Poppins;
  color: #ffffff;
  font-size: .18rem;
  line-height: 1.1rem;
  font-weight: 600;
}

.siteNav .navItem i {
  display: inline-block;
  width: .1rem;
  height: .1rem;
  margin-left: .1rem;
  border: .03rem solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) translate(0px, -5px);
}

.siteNav .hasPanel::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 1.1rem;
  width: 3rem;
  height: .22rem;
  transform: translateX(-50%);
}

.navPanel,
.accountPanel {
  position: absolute;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  border: .01rem solid rgba(255, 255, 255, .65);
  border-radius: .12rem;
  background: rgba(45, 45, 45, .62);
  backdrop-filter: blur(.06rem);
  transition: all .3s;
}

.navPanel {
  top: .91rem;
  left: 50%;
  min-width: 3.3rem;
  padding: .2rem .2rem .26rem;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  gap: .16rem;
}

.navPanel::before,
.accountPanel::before {
  content: "";
  position: absolute;
  top: -.1rem;
  left: 50%;
  width: .18rem;
  height: .18rem;
  border-left: .01rem solid rgba(255, 255, 255, .65);
  border-top: .01rem solid rgba(255, 255, 255, .65);
  background: rgba(45, 45, 45, .62);
  transform: translateX(-50%) rotate(45deg);
}

.accountPanel::before {
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0 100%);
}

.navItem:hover .navPanel,
.accountBox:hover .accountPanel {
  opacity: 1;
  visibility: visible;
}

.navPanel a,
.navPanel .panelTitle {
  position: relative;
  z-index: 2;
  color: #ffffff;
  font-size: .18rem;
  line-height: .32rem;
}

.navPanel a:hover {
  color: var(--red);
}

.navPanel .panelTitle {
  /*margin-bottom: .15rem;*/
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
}

.navPanel .panelTitle div{
    width: 0.5rem;
    height: 0.5rem;
        display: flex;
        align-items: center;
    justify-content: flex-end;

}

.navPanel .panelTitle b {
  width: .1rem;
  height: .1rem;
  margin-right: .06rem;
  border-left: .02rem solid #ffffff;
  border-top: .02rem solid #ffffff;
  cursor: pointer;
  transform: rotate(45deg);
  transition: transform .3s;
  display: block;
}

.navPanel .panelTitle.active b {
  transform: rotate(225deg);
}

.navSubList {
  display: none;
  padding-left: .18rem;
}

.shopPanel a:not(.strong),
.galleryPanel a:not(.strong) {
  /*padding-left: .18rem;*/
  /*font-family: Poppins, Poppins;*/
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
}

.shopPanel a:not(.strong):hover,
.shopPanel .strong:hover,
.galleryPanel a:not(.strong):hover {
  color: var(--red);
}

.shopPanel .strong,
.galleryPanel .strong {
  /*margin-bottom: .16rem;*/
  padding-left: 0;
  /*font-family: Poppins, Poppins;*/
  font-weight: 500;
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
  white-space: nowrap;
}

.galleryPanel .panelTitle {
  margin-top: .14rem;
  margin-bottom: .14rem;
  font-family: Poppins, Poppins;
  font-weight: 500;
  font-size: 0.18rem;
  color: #FFFFFF;
}

.supportPanel a {
  font-family: Poppins, Poppins;
  font-weight: 500;
  font-size: 0.18rem;
  color: #FFFFFF;
  margin-bottom: .15rem;
}

.headerTools {
  display: flex;
  align-items: center;
  gap: .27rem;
}

.iconBtn {
  position: relative;
  width: .32rem;
  height: .32rem;
}

.iconBtn img{
    width: 100%;
}


.cartIcon span {
  position: absolute;
  right: -.08rem;
  top: -.08rem;
  width: .19rem;
  height: .19rem;
  border-radius: 50%;
  background: var(--red);
  color: #ffffff;
  font-size: .12rem;
  line-height: .19rem;
  text-align: center;
  display: none;
}

.accountBox {
  position: relative;
}

.accountBox::after {
  content: "";
  position: absolute;
  left: 50%;
  top: .32rem;
  width: 2rem;
  height: .48rem;
  transform: translateX(-50%);
}

.accountPanel {
  top: .8rem;
  /* right: 50%; */
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  padding: .22rem .2rem;
  margin-right: -1rem;
  text-align: center;
}

.accountPanel .signBtn {
  width: 2.54rem;
  height: 0.48rem;
  background: var(--red);
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  font-family: Poppins, Poppins;
  font-weight: 600;
  font-size: 0.18rem;
  color: #FFFFFF;
  line-height: 0.48rem;
  margin-bottom: .22rem;
}

.accountPanel .signBtn:hover{
    background:  #C72403;
}

.accountPanel p {
  font-family: Poppins, Poppins;
  font-weight: 500;
  font-size: 0.16rem;
  color: #FFFFFF;
}

.accountPanel .signup {
  font-family: Poppins, Poppins;
  font-weight: 500;
  font-size: 0.16rem;
  color: #FF2B00;
  text-decoration: underline;
}

.contactBtn,
.redBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.6rem;
  height: .48rem;
  padding: 0 .22rem;
  background: var(--red);
  border-radius: 6px 6px 6px 6px;
  color: #ffffff;
  font-family: Poppins, Poppins;
  font-weight: bold;
  font-size: .18rem;
  letter-spacing: .02rem;
  transition: all .3s;
}

.contactBtn img,
.redBtn img {
  width: .32rem;
  height: .32rem;
}

.contactBtn:hover,
.redBtn:hover,
.fixedActions a:hover {
  background: #bd210c;
}

.redBtn i {
  display: inline-block;
  width: .1rem;
  height: .1rem;
  margin-left: .1rem;
  border-top: .02rem solid #ffffff;
  border-right: .02rem solid #ffffff;
  transform: rotate(45deg);
}

.siteFooter {
  background: #202020;
}

.footerMain {
  padding: .78rem 0 .58rem;
  display: flex;
  justify-content: space-between;
}

.footBrand p,
.footBrand a{
  margin-top: .16rem;
  /* padding-left: .28rem; */
  /*font-family: Poppins, Poppins;*/
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: .06rem;
}

.footBrand p img {
  width: .2rem;
  height: .2rem;
}

.footLinks h3,
.footSubscribe h3 {
  font-family: Poppins, Poppins;
  font-weight: bold;
  font-size: 0.24rem;
  color: #FFFFFF;
  margin-bottom: .12rem;
}

.footLinks a {
  /*font-family: Poppins, Poppins;*/
  font-weight: 400;
  font-size: 0.16rem;
  color: #F2F2F2;
  line-height: .32rem;
}

.footSubscribe {
  width: 3.4rem;
}

.footSubscribe p.subscribeDesc {
  /*font-family: Poppins, Poppins;*/
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
  ;
}

.footSubscribe p {
  margin-top: .12rem;
  /*font-family: PingFang SC, PingFang SC;*/
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
  line-height: 0.24rem;
}

.footSubscribe form {
  display: flex;
  margin-top: .18rem;
  width: 3.4rem;
  height: 0.4rem;
  background: #FFFFFF;
  border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;
  /* border: 0.01rem solid #E6E5E5; */
}

.footSubscribe input {
  flex: 1;
  padding: 0 .1rem;
  font-size: .13rem;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.16rem;
  color: #333;
}

.footSubscribe button {
  width: .9rem;
  background: var(--red);
  font-family: Poppins, Poppins;
  font-weight: 500;
  font-size: 0.16rem;
  color: #FFFFFF;
}

.footerBottom {
  height: .58rem;
  background: #333333;
}

.footerBottom .main {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.socials {
  display: flex;
  gap: .12rem;
}

.socials a {
  width: .32rem;
  height: .32rem;
  border-radius: 50%;
}
.socials a>img{
    width: 100%;
}

.footerBottom p {
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.14rem;
  color: #A5A5A5;
}

.emailSidebar {
  position: fixed;
  right: 0;
  top: 64%;
  z-index: 1001;
  width: 0.46rem;
  height: 0.79rem;
  background: var(--red);
  border-radius: 0.06rem 0rem 0rem 0.06rem;
  display: flex;
  align-items: center;
  transform: translateY(-50%);
}

.emailSidebarBtn {
  position: relative;
  z-index: 2;
  width: .46rem;
  height: .78rem;
  background: var(--red);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .emailSidebarBtn::before,
.emailSidebarBtn::after,
.emailSidebarSubmitIcon::before,
.emailSidebarSubmitIcon::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
} */

.emailSidebarBtn::before,
.emailSidebarSubmitIcon::before {
  top: 50%;
  width: .2rem;
  height: .15rem;
  border: .02rem solid #ffffff;
  border-radius: .02rem;
  margin-top: -.075rem;
}

.emailSidebarBtn::after,
.emailSidebarSubmitIcon::after {
  top: 50%;
  width: .14rem;
  height: .14rem;
  border-left: .02rem solid #ffffff;
  border-bottom: .02rem solid #ffffff;
  margin-top: -.09rem;
  transform: translateX(-50%) rotate(-45deg);
}

.emailSidebarIcon {
  width: .24rem;
  height: .24rem;
}

.emailSidebarPanel {
  position: absolute;
  right: 0;
  top: 50%;
  width: 4.1rem;
  height: 0.94rem;
  background: var(--red);
  border-radius: 0.06rem 0rem 0rem 0.06rem;
  opacity: 0.7;
  padding: .13rem .58rem .12rem .14rem;
  opacity: 0;
  pointer-events: none;
  transform: translate(100%, -50%);
  transition: all .3s;
}

.emailSidebar:hover .emailSidebarPanel {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, -50%);
}

.emailSidebarForm {
  height: .38rem;
  display: flex;
}

.emailSidebarForm input {
  flex: 1;
  min-width: 0;
  padding: 0 .12rem;
  background: #ffffff;
  color: #333333;
  font-size: .14rem;
}

.emailSidebarForm button {
  width: .96rem;
  border: .01rem solid #ffffff;
  background: var(--red);
  color: #ffffff;
  font-size: .14rem;
  font-weight: bold;
}

.emailSidebarPanel p,
.emailSidebarPanel a {
  font-family: Poppins, Poppins;
  font-weight: bold;
  font-size: 0.16rem;
  color: #FFFFFF;
}

.emailSidebarPanel p {
  margin-top: .07rem;
  font-weight: 400;
}

.emailSidebarPanel a {
  display: inline;
  margin-left: .08rem;
  font-weight: bold;
}

.emailSidebarSubmitIcon {
  position: absolute;
  right: .14rem;
  top: 50%;
  width: .28rem;
  height: .28rem;
  transform: translateY(-50%);
}

.fixedActions {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  height: .82rem;
  padding: 0 .42rem;
  background: #2a2a2a;
  display: flex;
  align-items: center;
  gap: .24rem;
}

.fixedActions span {
  width: 1.12rem;
  color: #ffffff;
  font-size: .11rem;
  white-space: nowrap;
}

.fixedActions a {
  flex: 1;
  height: .36rem;
  background: var(--red);
  color: #ffffff;
  font-size: .14rem;
  line-height: .36rem;
  font-weight: bold;
  text-align: center;
  transition: all .3s;
}

.proInfoActions {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1002;
  width: 100%;
  height: 1.2rem;
  padding: 0 1.6rem;
  background: #202020;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .32rem;
}

.proInfoActions a {
  flex: 1;
  max-width: 5.15rem;
  height: 0.6rem;
  background: var(--red);
  color: #ffffff;
  font-family: Poppins, Poppins;
  font-weight: bold;
  font-size: 0.18rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.6rem;
  transition: background .3s;
  border-radius: 0.06rem 0.06rem 0.06rem 0.06rem;
}

.proInfoActions a:hover {
  background: #bd210c;
}

.quotePopupOpen {
  overflow: hidden;
}

.quotePopup {
  position: fixed;
  inset: 0;
  z-index: 1010;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .25s, visibility .25s;
}

.quotePopup.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.quotePopupMask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .58);
}

.quotePopupBox {
  position: relative;
  z-index: 2;
  width: 6.5rem;
  min-height: 3.88rem;
  border-radius: .04rem;
  background: #ffffff;
  box-shadow: 0 .08rem .28rem rgba(0, 0, 0, .18);
  transform: translateY(.12rem);
  transition: transform .25s;
}

.quotePopup.show .quotePopupBox {
  transform: translateY(0);
}

.quotePopupHead {
  height: .62rem;
  padding: 0 .24rem;
  border-bottom: .01rem solid #f0f0f0;
  background: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.quotePopupHead h2 {
  font-family: Poppins, Poppins;
  font-weight: bold;
  font-size: .2rem;
  color: #333333;
}

.quotePopupClose {
  position: relative;
  width: .28rem;
  height: .28rem;
}

.quotePopupClose::before,
.quotePopupClose::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: .24rem;
  height: .02rem;
  background: #666666;
}

.quotePopupClose::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.quotePopupClose::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.quoteForm {
  padding: .24rem .56rem .52rem .36rem;
}

.quoteFormItem {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: .2rem;
}

.quoteFormItem>label {
  width: 1.56rem;
  padding-right: .16rem;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: .17rem;
  line-height: .44rem;
  color: #333333;
  text-align: right;
  white-space: nowrap;
}

.quoteFormItem em {
  margin-right: .04rem;
  color: var(--red);
  font-style: normal;
  font-size: .17rem;
}

.quoteFormItem input,
.quoteSelectBtn {
  width: 4rem;
  height: .44rem;
  padding: 0 .16rem;
  border: .01rem solid #e2e2e2;
  border-radius: .04rem;
  background: #ffffff;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: .15rem;
  color: #333333;
}

.quoteFormItem input::placeholder,
.quoteSelectBtn span {
  color: #c7c7c7;
}

.quoteSelect {
  position: relative;
  width: 4rem;
}

.quoteSelectBtn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}

.quoteSelectBtn.selected span {
  color: #333333;
}

.quoteSelectBtn i {
  width: .1rem;
  height: .1rem;
  border-right: .02rem solid #666666;
  border-bottom: .02rem solid #666666;
  transform: rotate(45deg) translateY(-.03rem);
  transition: transform .25s;
}

.quoteSelect.open .quoteSelectBtn i {
  transform: rotate(225deg) translate(-.03rem, -.01rem);
}

.quoteSelectPanel {
  position: absolute;
  left: 0;
  top: .44rem;
  z-index: 4;
  width: 4rem;
  padding: .08rem .16rem .1rem;
  border: .01rem solid #eeeeee;
  border-top: 0;
  background: #ffffff;
  box-shadow: 0 .04rem .12rem rgba(0, 0, 0, .12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-.06rem);
  transition: all .2s;
}

.quoteSelect.open .quoteSelectPanel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.quoteSelectPanel label {
  height: .32rem;
  display: flex;
  align-items: center;
  gap: .08rem;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: .15rem;
  color: #1f2d3d;
  cursor: pointer;
}

.quoteSelectPanel input {
  width: .17rem;
  height: .17rem;
  padding: 0;
  flex: none;
  border: .01rem solid #d9dfe8;
  border-radius: .02rem;
  appearance: none;
}

.quoteSelectPanel input:checked {
  border-color: var(--red);
  background: var(--red);
  box-shadow: inset 0 0 0 .03rem #ffffff;
}

.quoteFormBtns {
  margin-top: .34rem;
  padding-left: 1.6rem;
  display: flex;
  gap: .12rem;
}

.quoteFormBtns button {
  width: 1.34rem;
  height: .4rem;
  border-radius: .05rem;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: .17rem;
}

.quoteCancel {
  border: .01rem solid #d6deeb;
  background: #ffffff;
  color: #333333;
}

.quoteConfirm {
  background: var(--red);
  color: #ffffff;
}

.quoteConfirm:hover {
  background: #bd210c;
}


.rfqModalLock {
  overflow: hidden;
}

.rfqModal {
  position: fixed;
  inset: 0;
  z-index: 1010;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .25s, visibility .25s;
}

.rfqModal.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.rfqModalOverlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .58);
}

.rfqModalBox {
  position: relative;
  z-index: 2;
  width: 6.5rem;
  min-height: 3.88rem;
  border-radius: .04rem;
  background: #ffffff;
  box-shadow: 0 .08rem .28rem rgba(0, 0, 0, .18);
  transform: translateY(.12rem);
  transition: transform .25s;
}

.rfqModal.active .rfqModalBox {
  transform: translateY(0);
}

.rfqModalHeader {
  height: .62rem;
  padding: 0 .24rem;
  border-bottom: .01rem solid #f0f0f0;
  background: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rfqModalHeader h2 {
  font-family: Poppins, Poppins;
  font-weight: bold;
  font-size: .2rem;
  color: #333333;
}

.rfqModalClose {
  position: relative;
  width: .28rem;
  height: .28rem;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.rfqModalClose::before,
.rfqModalClose::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: .24rem;
  height: .02rem;
  background: #666666;
}

.rfqModalClose::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.rfqModalClose::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.rfqForm {
  padding: .24rem .56rem .52rem .36rem;
}

.rfqFormRow {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: .2rem;
}

.rfqFormRow > label {
  width: 1.56rem;
  padding-right: .16rem;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: .17rem;
  line-height: .44rem;
  color: #333333;
  text-align: right;
  white-space: nowrap;
}

.rfqFormRow em {
  margin-right: .04rem;
  color: var(--red);
  font-style: normal;
  font-size: .17rem;
}
.rfqFormRow input,
.rfqFormRow textarea,
.rfqFormRow select {
  width: 4rem;
  height: .44rem;
  padding: 0 .16rem;
  border: .01rem solid #e2e2e2;
  border-radius: .04rem;
  background: #ffffff;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: .15rem;
  color: #333333;
}

.rfqFormRow select{
    color: #c7c7c7;
}

.rfqFormRow select.cl{
    color: #333;
}
    
.rfqFormRow textarea{
  height: 1.2rem;
  resize: none;
  padding:.16rem;
}

.rfqFormRow input::placeholder,
.rfqFormRow textarea::placeholder {
  color: #c7c7c7;
}

.rfqFormRow select:invalid {
  color: #c7c7c7;
}

.rfqDropdownBtn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  cursor: pointer;
}

.rfqDropdownBtn.selected span {
  color: #333333;
}

.rfqDropdownBtn i {
  width: .1rem;
  height: .1rem;
  border-right: .02rem solid #666666;
  border-bottom: .02rem solid #666666;
  transform: rotate(45deg) translateY(-.03rem);
  transition: transform .25s;
}

.rfqDropdown.open .rfqDropdownBtn i {
  transform: rotate(225deg) translate(-.03rem, -.01rem);
}

.rfqDropdownPanel {
  position: absolute;
  left: 0;
  top: .44rem;
  z-index: 4;
  width: 4rem;
  padding: .08rem .16rem .1rem;
  border: .01rem solid #eeeeee;
  border-top: 0;
  background: #ffffff;
  box-shadow: 0 .04rem .12rem rgba(0, 0, 0, .12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-.06rem);
  transition: all .2s;
}

.rfqDropdown.open .rfqDropdownPanel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.rfqDropdownPanel label {
  height: .32rem;
  display: flex;
  align-items: center;
  gap: .08rem;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: .15rem;
  color: #1f2d3d;
  cursor: pointer;
}

.rfqDropdownPanel input {
  width: .17rem;
  height: .17rem;
  padding: 0;
  flex: none;
  border: .01rem solid #d9dfe8;
  border-radius: .02rem;
  appearance: none;
}

.rfqDropdownPanel input:checked {
  border-color: var(--red);
  background: var(--red);
  box-shadow: inset 0 0 0 .03rem #ffffff;
}

.rfqFormActions {
  margin-top: .34rem;
  padding-left: 1.6rem;
  display: flex;
  gap: .12rem;
}

.rfqFormActions button {
  width: 1.34rem;
  height: .4rem;
  border-radius: .05rem;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: .17rem;
  cursor: pointer;
}

.rfqBtnCancel {
  border: .01rem solid #d6deeb;
  background: #ffffff;
  color: #333333;
}

.rfqBtnSubmit {
  border: 0;
  background: var(--red);
  color: #ffffff;
}

.rfqBtnSubmit:hover {
  background: #bd210c;
}

.back {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.swiper-slide>img,
.swiper-slide>video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bread.main {
  height: .68rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: .12rem;
}

.bread.main a {
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.16rem;
  color: #999999;
}

.bread.main a img {
  width: .14rem;
  height: .14rem;
  margin-right: .08rem;
}

.bread.main a:last-child {
  color: #333333;
}

.pageNav {
  margin-top: .81rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .1rem;
}

.pageNav a {
  width: .43rem;
  height: .43rem;
  border: .01rem solid #dddddd;
  border-radius: .05rem;
  color: #9b9b9b;
  font-size: .17rem;
  line-height: .41rem;
  text-align: center;
  transition: all .3s;
}

.pageNav a:hover,
.pageNav .active {
  border-color: var(--red);
  background: var(--red);
  color: #ffffff;
}

.pageArrow {
  position: relative;
}

.pageArrow::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: .08rem;
  height: .08rem;
  border-left: .02rem solid currentColor;
  border-bottom: .02rem solid currentColor;
}

.pageArrow.prev::before {
  transform: translate(-35%, -50%) rotate(45deg);
}

.pageArrow.next::before {
  transform: translate(-65%, -50%) rotate(225deg);
}


.preferencePopupMask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .56);
}

.preferencePopupBox {
  position: relative;
  z-index: 2;
  width: 12rem;
  min-height: 8rem;
  height: auto !important;
  padding: .4rem .5rem .4rem .4rem;
  border-radius: .1rem;
  background: #f4f7fb;
  display: flex;
  gap: .48rem;
  transform: translateY(.18rem);
  transition: transform .3s;
}

.preferencePopup.show .preferencePopupBox {
  transform: translateY(0);
}

.preferencePopupClose {
  position: absolute;
  right: .2rem;
  top: .18rem;
  width: .28rem;
  height: .28rem;
}

.preferencePopupClose::before,
.preferencePopupClose::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: .27rem;
  height: .02rem;
  background: #222222;
}

.preferencePopupClose::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.preferencePopupClose::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.preferencePopupPic {
  width: 3.3rem;
  height: 7.7rem !important;
  flex: none;
  overflow: hidden;
  border-radius: .1rem;
  background: #d8d8d8;
}

.preferencePopupImg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.preferencePopupForm {
  flex: 1;
  padding-top: .2rem !important;
}

.preferencePopupForm h2 {
  color: #050505;
  font-family: Montserrat;
  font-size: .42rem;
  line-height: .56rem;
  font-weight: bold;
}
.preferencePopupText{
    margin-top: 0.34rem;
}
.preferencePopupText textarea{
    width: 100%;
    display: block;
    height: 100px;
    outline: none;
    resize: none;
        border: .01rem solid #d2d2d2;
    border-radius: .05rem;
    background: #ffffff;
    color: #333333;
    font-size: .17rem;
    padding: 0.18rem;
   font-family: 'Arial';
}

.preferencePopupForm p {
  width: 6.5rem;
  margin-top: .3rem;
  color: #303030;
  font-size: .25rem;
  line-height: .32rem;
  font-weight: 400;
}

.preferencePopupRow {
  margin-top: .6rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .45rem;
}

.preferencePopupForm label {
  display: block;
}

.preferencePopupForm label span {
  display: block;
  margin-bottom: .12rem;
  color: #4c4c4c;
  font-size: .19rem;
  line-height: .24rem;
  font-weight: 500;
}

.preferencePopupForm label em {
  margin-right: .02rem;
  color: var(--red);
  font-style: normal;
  font-size: .19rem;
  font-weight: 500;
}

.preferencePopupForm input,
.preferencePopupForm select {
  width: 100%;
  height: .56rem;
  padding: 0 .18rem;
  border: .01rem solid #d2d2d2;
  border-radius: .05rem;
  background: #ffffff;
  color: #333333;
  font-size: .17rem;
}
.preferencePopupText textarea::placeholder,
.preferencePopupForm input::placeholder {
  color: #c9c2bb;
}

.preferencePopupSelect {
  margin-top: .34rem;
}



.preferencePopupForm select {
  color: #c9c2bb;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #666666 50%), linear-gradient(135deg, #666666 50%, transparent 50%);
  background-position: calc(100% - .25rem) .25rem, calc(100% - .17rem) .25rem;
  background-size: .08rem .08rem, .08rem .08rem;
  background-repeat: no-repeat;
}

.preferencePopupSubmit {
  float: right;
  width: 1.6rem;
  height: .48rem;
  margin-top: .48rem;
  border-radius: .05rem;
  background: var(--red);
  color: #ffffff;
  font-size: .2rem;
  line-height: .48rem;
  font-weight: bold;
  text-align: center;
  transition: background .3s;
}

.preferencePopupSubmit:hover {
  background: #bd210c;
}


.preferencePopupOpen {
  overflow: hidden;
}

.preferencePopup {
  position: fixed;
  inset: 0;
  z-index: 9999999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .3s, visibility .3s;
}

.preferencePopup.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

  /* 外层容器，宽度 1600px (16rem)，居中 */
        .evaluate-container {
            width: 14rem;
            margin: 0 auto;
            padding-top: 0.4rem;
            box-sizing: border-box;
            padding-top: 1.5rem;
            padding-bottom: 1.31rem;
        }

        /* 页面标题 */
        .page-title {
               font-family: Konexy Personal Use, Poppins, sans-serif;
    font-weight: 400;
    font-size: .36rem;
    line-height: .46rem;
    color: #242424;
    text-align: center;
            margin-bottom: 0.2rem;
        }

        /* 评价列表 */
        .review-list {
            display: flex;
            flex-direction: column;
        }

        /* 单条评价项 */
        .review-item {
            display: flex;
            padding: 0.3rem 0;
            border-bottom: 0.01rem solid #f0f0f0; /* 1px 分割线 */
        }

        /* 最后一个评价项去掉分割线 */
        .review-item:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

        /* 左侧：产品信息区域 */
        .product-section {
            width: 2.4rem; /* 240px */
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        /* 产品图片外层框 */
        .product-img-box {
            width: 2.4rem;
            height: 2.4rem;
            border: 0.01rem solid #eaeaea;
            display: flex;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
            margin-bottom: 0.12rem;
            overflow: hidden;
        }

        /* 空图片占位 */
        .product-img-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* 产品名称 */
        .product-name {
            font-family: Poppins, Poppins;
            font-weight: 400;
            font-size: 0.16rem;
            color: #2B2B2B;
            text-align: center;
        }

        /* 右侧：评价内容区域 */
        .review-content {
            flex: 1;
            padding-left: 0.4rem;
            box-sizing: border-box;
        }

        /* 星星评分区域（改为 Flex 布局适配图片） */
        .stars {
            display: flex;
            align-items: center;
            gap: 0.06rem; /* 星星图片之间的间距 6px */
            margin-bottom: 0.24rem;
            height: 0.18rem; /* 防止图片加载前高度塌陷 */
        }

        /* 星星图片尺寸设定 */
        .stars img {
            width: 0.18rem; /* 18px */
            height: 0.18rem; /* 18px */
            display: block;
            object-fit: contain;
        }
        
        .stars img.gray{
            filter: grayscale(1) invert(1);
        }

        /* 评价文本 */
        .review-text {
            font-family: Poppins, Poppins;
            font-weight: 400;
            font-size: 0.16rem;
            color: #333333;
            line-height: 0.28rem;
        }

        /* 评价配图区域 */
        .review-images {
            display: flex;
            gap: 0.1rem; /* 图片间距 10px */
            margin-bottom: 0.15rem;
            margin-top: 0.15rem;
        }

        /* 空图片占位，固定正方形尺寸 */
        .review-images img {
            width: 0.8rem; /* 80px */
            height: 0.8rem;
            object-fit: cover;
            border-radius: 0.02rem;
        }

        /* 评价日期 */
        .review-date {
            font-family: Poppins, Poppins;
            font-weight: 400;
            font-size: 0.14rem;
            color: #999999;
        }

        
        /* 点赞按钮 */
        .review-like {
            display: flex;
            align-items: center;
            gap: 0.06rem;
            margin-top: 0.15rem;
            cursor: pointer;
            color: #999999;
            transition: color 0.2s;
            user-select: none;
        }

        .review-like svg {
            width: 0.18rem;
            height: 0.18rem;
        }

        .review-like:hover {
            color: #e74c3c;
        }

        .review-like.liked {
            color: #e74c3c;
        }