.sr-only {
  position: absolute;
  width: 0.013333rem;
  height: 0.013333rem;
  padding: 0;
  margin: -0.013333rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: .5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 0.266667rem;
  height: 0.266667rem;
  background: 50% / 100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 0.4rem;
  height: 0.04rem;
  margin-right: 0.04rem;
  margin-left: 0.04rem;
  text-indent: -13.32rem;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 0.133333rem solid transparent;
  border-bottom: 0.133333rem solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 0.266667rem;
  left: 15%;
  z-index: 10;
  padding-top: 0.266667rem;
  padding-bottom: 0.266667rem;
  color: #fff;
  text-align: center;
}
@font-face {font-family: "iconfont";
  src: url(../../../img/iconfont.eot); /* IE9 */
  src: url(../../../img/iconfont.eot#iefix) format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url(../../../img/iconfont.woff) format('woff'),
  url(../../../img/iconfont.ttf) format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url(/img/iconfont-253783.svg#iconfont) format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconyou:before {
  content: "\e61d";
}

.iconmenu:before {
  content: "\e6a9";
}

.iconshang-:before {
  content: "\e617";
}

.iconloading:before {
  content: "\e61c";
}

.iconaddress:before {
  content: "\e64a";
}

.iconicon-time:before {
  content: "\e639";
}

.iconemail:before {
  content: "\e664";
}

.iconwoyaoqingsu:before {
  content: "\e621";
}


/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css
    支持IE8+
  */

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 1em 0.533333rem;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0;
}

optgroup {
  font-weight: bold;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 0.013333rem dotted ButtonText;
}

fieldset {
  border: 0.013333rem solid #c0c0c0;
  margin: 0 0.026667rem;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -0.026667rem;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template,
[hidden] {
  display: none;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after,
*::before,
*::after {
  box-sizing: inherit;
}

::-webkit-scrollbar {
  width: 0.026667rem;
  height: 0.026667rem;
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.3);
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  text-decoration: none;
}

#j-header.j-header {
  height: 2rem;
}

#j-header.j-header>.navbar {
  height: 2rem;
  z-index: 100;
  width: 100%;
  padding: 0.4rem;
  display: flex;
  position: fixed;
  justify-content: space-between;
  align-items: center;
  background-color: #f8f9fa;
}

#j-header.j-header>.navbar>a {
  height: 0.4rem;
}

#j-header.j-header>.navbar>a img {
  vertical-align: top;
  height: 0.4rem;
}

#j-header.j-header>.navbar .j-navbar-menu {
  display: block;
}

#j-header.j-header>.navbar .j-navbar-menu>.j-navbar-menu-btn {
  vertical-align: middle;
  border: none;
  background: none;
  color: #ff6d19;
  outline: none;
}

#j-header.j-header>.navbar .j-navbar-menu>.j-navbar-menu-btn:active {
  color: white;
  background: #ff6d19;
}

#j-header.j-header>.navbar .j-navbar-menu>.j-navbar-menu-btn>span {
  font-size: 0.8rem;
}

.j-dropdown-menu {
  position: fixed;
  transition: height 0.5;
  top: 2rem;
  left: 0;
  width: 100%;
  z-index: 30;
  background: #f8f9fa;
  font-size: 0.4rem;
}

.j-dropdown-menu li {
  padding: 0.066667rem 0.533333rem;
}

.j-dropdown-menu li.active {
  color: white;
  background: #ff6d19;
}

.j-dropdown-menu li>a {
  color: rgba(0,0,0,0.5);
  width: 100%;
  display: inline-block;
}

.j-dropdown-menu li:hover {
  background: #ff6d19;
}

.j-dropdown-menu li:hover a {
  color: white;
}

#j-footer {
  background-color: #1e1e1e;
  border-color: #3f3f3f;
  border-top-width: 0.16rem;
  padding: 1.066667rem 0.4rem 0.933333rem;
}

#j-footer>.j-footer-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#j-footer>.j-footer-container>div {
  width: 100%;
  text-align: center;
  padding: 0 0.4rem;
  margin-bottom: 0.4rem;
}

#j-footer>.j-footer-container>div>h4 {
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-size: 0.466667rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-style: normal;
  color: #ff5f38;
  margin: 0 0 0.2rem;
  text-transform: uppercase;
  text-align: center;
}

#j-footer>.j-footer-container>div>div>ul {
  overflow: hidden;
  text-align: center;
}

#j-footer>.j-footer-container>div>div>ul :first-child {
  margin-right: 0.066667rem;
}

#j-footer>.j-footer-container>div>div>ul>li {
  display: inline;
  font-size: 0.4rem;
  color: #747474;
}

.j-footer-bottom {
  background-color: #111111;
  border-color: #111111;
  padding: 0.24rem 0.4rem 0.213333rem;
  text-align: center;
}

.j-footer-bottom .tip {
  color: #545454;
  font-size: 0.213333rem;
}

.j-footer-bottom a {
  color: #545454;
  font-size: 0.213333rem;
  display: block;
}

.j-footer-bottom a:link {
  color: #545454;
}

.j-footer-bottom a#beian-record {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.133333rem;
}

.j-footer-bottom a#beian-record img {
  width: 0.266667rem;
  margin-right: 0.066667rem;
}

.j-footer-bottom a#beian {
  display: flex;
  align-items: center;
}

.j-to-top-container {
  background-color: #333;
  border-radius: 0.053333rem 0.053333rem 0 0;
  bottom: 0;
  height: 0.666667rem;
  position: fixed;
  text-align: center;
  width: 0.8rem;
  opacity: 0;
  z-index: 100000;
  right: 1rem;
  transition: all .2s ease-in-out 0s;
  padding-top: 0.066667rem;
  cursor: pointer;
}

.j-to-top-container>span {
  color: white;
}

.j-to-top-container:hover {
  background: #ff5f38;
}

#j-carousel {
  position: relative;
  max-height: 8rem;
  height: 8rem;
  margin: 0 auto;
}

#j-carousel>.carousel-inner {
  position: absolute;
  overflow: hidden;
  height: 8rem;
  left: 0;
  top: 0;
}

#j-carousel>.carousel-inner>:first-child>div {
  background: url(/img/j-make-bg1-275fd3.png) no-repeat;
}

#j-carousel>.carousel-inner>:first-child+div>div {
  background: url(/img/j-make-bg2-ce6fbe.png) no-repeat;
  background-position: center center;
}

#j-carousel>.carousel-inner>div {
  height: 100%;
  width: 100%;
}

#j-carousel>.carousel-inner>div>div {
  height: 100%;
  width: 100%;
  background-size: cover !important;
}

#j-carousel>.carousel-inner img {
  display: block;
  position: absolute;
  z-index: 2;
  width: 100%;
  bottom: 0;
  overflow: hidden;
}

#j-carousel>.carousel-inner img.carousel-download {
  display: block;
  left: 28%;
  top: 10%;
  width: 4.24rem;
  height: 1rem;
}

#j-carousel>a {
  z-index: 2;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.2);
  margin: auto 0;
  transition: opacity .5s;
  text-align: left;
  overflow: hidden;
  transform: translateY(0.533333rem);
}

#j-carousel>a>.iconfont.iconyou {
  font-size: 0.533333rem;
}

#j-carousel>a:nth-child(2)>span {
  transform: rotate(180deg);
}

#j-carousel>.j-animate {
  position: absolute;
  max-width: 10rem;
  width: 10rem;
  bottom: 0;
  height: 8rem;
  z-index: 1;
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%);
}

#j-carousel>.j-animate img {
  position: absolute;
  display: none;
}

#j-carousel>.j-animate img.j-up1 {
  display: block;
  right: 3%;
  bottom: -100%;
  animation: j-up1 1s forwards 1s;
  width: 5.66772rem;
}

#j-carousel>.j-animate img.j-up2 {
  display: block;
  left: 8%;
  bottom: -50%;
  opacity: 0;
  animation: j-up2 0.9s forwards 0.8s;
  width: 2.81196rem;
}

#j-carousel>.j-animate img.j-up3 {
  display: block;
  left: 0%;
  bottom: -25%;
  animation: j-up3 0.7s forwards 0.6s;
  width: 100%;
}

#j-carousel>.j-animate img.j-up4 {
  display: block;
  left: 50%;
  transform: translateX(-50%);
  bottom: -100%;
  animation: j-up4 0.8s forwards 0.7s;
  width: 2.52288rem;
}

#j-carousel>.j-animate img.j-up5 {
  display: block;
  left: 3%;
  bottom: -100%;
  animation: j-up5 1s forwards 1s;
  width: 5.66772rem;
}

#j-carousel>.j-animate img.j-up6 {
  display: block;
  right: 8%;
  bottom: -50%;
  opacity: 0;
  animation: j-up2 0.9s forwards 0.8s;
  width: 2.81196rem;
}

#j-carousel>.j-animate img.j-up7 {
  display: block;
  left: 10%;
  bottom: -100%;
  width: 2.52288rem;
}

#j-carousel>.j-animate span {
  position: absolute;
  display: none;
  color: white;
  font-family: "Work Sans";
}

#j-carousel>.j-animate span.j-big-word {
  overflow: hidden;
  display: block;
  text-align: center;
  line-height: 0.8rem;
  letter-spacing: -0.013333rem;
  font-weight: 500;
  font-size: 0.666667rem;
  right: 5%;
  bottom: 65%;
  opacity: 0;
  width: 3em;
  white-space: nowrap;
  transform: translate(0, -1.333333rem);
  animation: j-up9 0.5s forwards 2.6s;
}

#j-carousel>.j-animate span.j-little-word {
  display: block;
  text-align: left;
  line-height: 0.333333rem;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.2rem;
  right: 5%;
  bottom: 57%;
  opacity: 0;
  white-space: nowrap;
  transform: translate(1.333333rem, 0);
}

@keyframes j-up1 {
  from {
    bottom: -100%;
  }

  to {
    bottom: 30%;
  }
}

@keyframes j-up2 {
  0% {
    opacity: 0;
    bottom: -50%;
  }

  30% {
    opacity: 0;
    bottom: 0;
  }

  100% {
    opacity: 1;
    bottom: 50%;
  }
}

@keyframes j-up3 {
  from {
    bottom: -25%;
  }

  to {
    bottom: 0%;
  }
}

@keyframes j-up4 {
  from {
    bottom: -100%;
  }

  to {
    bottom: 3%;
  }
}

@keyframes j-up5 {
  from {
    bottom: -100%;
  }

  to {
    bottom: 20%;
  }
}

@keyframes j-up6 {
  from {
    bottom: -100%;
  }

  to {
    bottom: -12%;
  }
}

@keyframes j-up7 {
  from {
    bottom: -100%;
  }

  to {
    bottom: 42%;
  }
}

@keyframes j-up9 {
  from {
    opacity: 0.3;
    width: 3em;
    transform: translate(1.333333rem, 0);
  }

  to {
    opacity: 1;
    width: 7em;
    transform: translate(0, 0);
  }
}

#j-content {
  padding-top: 3%;
  padding-right: 0.4rem;
  padding-bottom: 0.533333rem;
  padding-left: 0.4rem;
}

#j-content>.j-content-word>div {
  text-align: center;
  margin-bottom: 0.5em;
  margin-top: 0.56rem;
}

#j-content>.j-content-word>div>span {
  font-size: 0.56rem;
  font-family: Raleway, Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.31;
  letter-spacing: 0.013333rem;
  font-style: normal;
}

#j-content>.j-content-word p {
  border-top: 0.026667rem solid #ff5f38;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0.4rem;
  width: 100%;
  max-width: 2.746667rem;
}

#j-content>.j-content-pics {
  margin-top: 7%;
}

#j-content>.j-content-pics>div {
  width: 100%;
  margin: 0.533333rem 0;
  padding: 0;
}

#j-content>.j-content-pics>div>img {
  width: 100%;
}

#j-content>.j-content-lg {
  margin: 1.2rem -0.4rem 0;
}

#j-content>.j-content-lg>.j-content-lg-pic {
  position: relative;
  height: 7.52rem;
  background-position: 50% 50% !important;
  background-size: cover !important;
  transform: translate3d(0, 0, 0);
  background: url(/img/singers-bg-1-71b498.jpg) no-repeat;
}

#j-content>.j-content-lg>.j-content-lg-pic>:first-child {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

#j-content>.j-content-lg>.j-content-lg-pic>:last-child {
  position: absolute;
  width: 100%;
  height: 1.32rem;
  left: 0;
  bottom: 0;
}

#j-content>.j-content-lg>.j-content-lg-pic svg {
  height: 1.333333rem;
}

#j-content>.j-content-lg>.j-content-lg-pic>.j-content-lg-pic-word {
  width: 10rem;
  max-width: 100%;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
}

#j-content>.j-content-lg>.j-content-lg-pic>.j-content-lg-pic-word>:first-child {
  display: block;
  margin: 2.666667rem auto 0;
  max-width: 90%;
  height: auto;
  width: 4.053333rem;
}

#j-content>.j-content-lg>.j-content-lg-pic>.j-content-lg-pic-word>:last-child {
  display: block;
  margin: 0.666667rem auto 0;
  height: auto;
  max-width: 90%;
  width: 20.973333rem;
}

#j-content>.j-content-product {
  padding-top: 1.2rem;
  padding-bottom: 0.666667rem;
}

#j-content>.j-content-product>.j-content-product-title {
  overflow: hidden;
}

#j-content>.j-content-product>.j-content-product-title>h2 {
  font-weight: 300;
  font-family: Raleway, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 0.56rem;
  line-height: 0.5276rem;
  text-align: center;
}

#j-content>.j-content-product>.j-content-product-title>h2::after {
  content: "";
  display: block;
  border-bottom: 0.026667rem solid #ff5f38;
  margin: 0 auto 0.8rem;
  width: 100%;
  height: 0.266667rem;
  max-width: 2.746667rem;
}

#j-content>.j-content-product>.j-content-products {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#j-content>.j-content-product>.j-content-products a {
  max-width: 10rem;
  margin-bottom: 0.666667rem;
}

#j-content>.j-content-product>.j-content-products a img {
  transition: transform 0.35s, box-shadow 0.35s;
  transform: perspective(13.333333rem) scale(1);
  box-shadow: 0 0 0 rgba(0,0,0,0.4);
}

#j-content>.j-content-product>.j-content-products a img:hover {
  transform: perspective(13.333333rem) scale(1.03);
  box-shadow: 0 0.04rem 0.2rem rgba(0,0,0,0.4);
}

#j-content>.j-content-product>.j-content-product-more {
  display: flex;
  justify-content: center;
  align-items: center;
}

#j-content>.j-content-product>.j-content-product-more>a {
  margin-top: 0.466667rem;
  width: 33%;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0.026667rem;
  display: block;
  background: #ffffff;
  color: #333333;
  padding: 0.173333rem 0;
  line-height: 0.226667rem;
  font-size: 0.426667rem;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}

#j-content>.j-content-product>.j-content-product-more>a:hover {
  text-decoration: none;
  background: #ff5f38;
  color: white;
}

#j-content>.j-content-product>.j-content-product-more>a::before {
  content: "";
  display: block;
  border-bottom: 0.026667rem solid rgba(0,0,0,0.1);
  width: 100%;
  transform: translate(-100%, 0.12rem);
}

#j-content>.j-content-product>.j-content-product-more>a::after {
  content: "";
  display: block;
  border-bottom: 0.026667rem solid rgba(0,0,0,0.1);
  width: 100%;
  transform: translate(100%, -0.12rem);
}

#j-content>.j-content-dangbei-banner {
  text-align: center;
}

#j-content>.j-content-dangbei-banner img {
  width: 100%;
  max-width: 8.8rem;
}