* {margin: 0; padding: 0;}
body, textarea, input, button, select, keygen, legend{font:14px "Microsoft YaHei", Verdana, "宋体", sans-serif; font-weight: normal; color: #666666; outline: 0;}
header, footer, section, article, aside, nav, address, figure, figcaption, menu, details {display:block;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th {text-align:left;font-weight: normal;}
html, body, fieldset, img, iframe, abbr{border: 0;}
i, cite, em, var, address, dfn{font-style: normal;}
summary{outline: 0;}
ul, li{list-style: none;}
img {vertical-align: middle;}
a, a:hover{text-decoration: none; cursor: pointer;}
a:link {color: #666666;}
a:visited {color: #666666;}
a:hover {color: #C91618;}
a:active {color: #666666;}

.outer-section {width:100%; float: left; clear: both;}
.outer-wrapper {width:100%; max-width: 750px; margin: 0 auto;}
.columns {max-width: 750px; margin: 0 auto;}
.banner {width:100%; max-width: 750px; height: auto;}

#outer-section-12 .columns li {width: 33.333333333333336%; float: left;}
#outer-section-12 .columns li img {width: 100%; height: auto;}
#outer-section-22 .columns li {width: auto; float: none;}
#outer-section-22 .columns li img {width: 100%; height: auto;}
#outer-section-23 .columns li {width: 25%; float: left;}
#outer-section-23 .columns li img {width: 100%; height: auto;}

/* 品牌故事设计师宫格（后台动态） */
.brand-story-sjs { background: #fff; }
.brand-story-sjs .outer-wrapper,
.brand-story-sjs .columns {
  box-sizing: border-box;
  padding-left: 6px;
  padding-right: 6px;
}
.brand-story-sjs-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.brand-story-sjs-grid.cols-3,
.brand-story-sjs-grid.cols-6 {
  grid-template-columns: repeat(3, 1fr);
}
.brand-story-sjs-grid.cols-4,
.brand-story-sjs-grid.cols-8 {
  grid-template-columns: repeat(4, 1fr);
}
.brand-story-sjs-grid.cols-5,
.brand-story-sjs-grid.cols-7 {
  grid-template-columns: repeat(4, 1fr);
}
.brand-story-sjs-grid.cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.brand-story-sjs .brand-story-sjs-pic {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #d8d8d8;
}
.brand-story-sjs .brand-story-sjs-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  filter: grayscale(100%) contrast(1.05);
  transition: transform .35s ease, filter .35s ease;
}
.brand-story-sjs-mask {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 18px 8px 10px;
  background: linear-gradient(to top, rgba(0,0,0,.72) 0%, rgba(0,0,0,.28) 55%, rgba(0,0,0,0) 100%);
  color: #fff;
  text-align: center;
  opacity: .95;
  pointer-events: none;
}
.brand-story-sjs-name {
  margin: 0;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 1px;
  color: #fff;
}
.brand-story-sjs-role {
  margin: 4px 0 0;
  font-size: 10px;
  line-height: 1.2;
  color: rgba(255,255,255,.82);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.brand-story-sjs a:active .brand-story-sjs-pic img,
.brand-story-sjs a:hover .brand-story-sjs-pic img {
  transform: scale(1.06);
  filter: grayscale(0%) contrast(1);
}
#outer-section-25 .columns li {width: 25%; float: left;}
#outer-section-25 .columns li img {width: 100%; height: auto;}
#outer-section-26 .columns li {width: 25%; float: left;}
#outer-section-26 .columns li img {width: 100%; height: auto;}
#outer-section-27 .columns li {width: 50%; float: left;}
#outer-section-27 .columns li img {width: 100%; height: auto;}
#outer-section-33 .columns li {width: 25%; float: left;}
#outer-section-33 .columns li img {width: 100%; height: auto;}
#outer-section-34 .columns li {width: 25%; float: left;}
#outer-section-34 .columns li img {width: 100%; height: auto;}
@media screen and (max-width : 1920px) {}
@media screen and (max-width : 1280px) {}
@media screen and (max-width : 1024px) {}
@media screen and (max-width : 640px) {}
@media screen and (max-width : 320px) {}

.mbtn1c {
  position: relative;
}
.w19   {  width:100%;  }
.bjq1{position:relative; overflow: hidden; }
.bjq1 .minput{position:absolute;top:51.6%;left:48%;width:45%;}
.bjq1 .minputx{position:absolute;top: 34.6%;left: 70%;width:45%;}

.bjq1 .minput1{text-align:center;}
.bjq1 .minput2{width:100%;overflow:hidden;margin:0px auto;}
.bjq1 .minput3{box-sizing:border-box;width:90%;height:0.24rem;font-size:0.24rem;border:none;outline:none;  background-color: #fff ; }

.bjq1 .mbtn{width:100%;font-size:0.4rem;border:none;outline:none;height:0.63rem;background:transparent;border:none;color:#fff;border-radius:3px;}
.bjq1 .minput3a{margin-top:3.5%;margin-left: 40%;}
.bjq1 .minput3b{margin-top:11.5%;width:78%;}

.bjq1 .minput3c{margin-top:0.4%;width:53%;margin-left: 40%;}
.bjq1 .mbtnCon{width:100%;margin:6% auto 0%;}

.mySwiper157  { width: 93%;max-width: 750px;margin: 0 auto;overflow: hidden;}
.mySwiper50  { width: 100%;max-width: 750px;margin: 0 auto;overflow: hidden; }
.mySwiper51 { width: 100%;max-width: 750px;margin: 0 auto;overflow: hidden; }



.mySwiper51   .swiper-notification {height: 0.5rem;display: block; }