.md-head {
  height: 0.9rem;
}
.md-head.home {
  height: 0;
}
.md-head.home .head-pc {
  background-color: transparent;
}
.md-head.home .head-pc .logo {
  filter: none;
}
.md-head.m_show .md-mob_sideNav {
  right: 0;
  opacity: 1;
}
.md-head.m_show .mob_mask {
  display: block;
}
.md-head.is-fixed .head-pc, .md-head.white .head-pc {
  background-color: #fff;
}
.md-head.is-fixed .head-pc .logo, .md-head.white .head-pc .logo {
  filter: none;
}
.md-head.is-fixed .head-pc .logo .pi, .md-head.white .head-pc .logo .pi {
  display: none;
}
.md-head.is-fixed .head-pc .logo .mi, .md-head.white .head-pc .logo .mi {
  display: block;
}
.md-head.is-fixed .head-pc .ul1 .a1, .md-head.white .head-pc .ul1 .a1 {
  color: #333;
}
.md-head.is-fixed .head-pc .h-lang .hd, .md-head.white .head-pc .h-lang .hd {
  color: #333;
}
.md-head.is-fixed .head-pc .h-lang .ic, .md-head.white .head-pc .h-lang .ic {
  background-image: url(/static/home/images/h-lang-b.png);
}
.md-head.is-fixed .head-pc .h-lang .ar, .md-head.white .head-pc .h-lang .ar {
  filter: none;
}
.md-head.is-fixed .head-pc .h-search .hic, .md-head.white .head-pc .h-search .hic {
  filter: none;
}
.md-head .mob_mask {
  display: none;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(0.1rem);
          backdrop-filter: blur(0.1rem);
}
@media screen and (max-width: 750px) {
  .md-head {
    height: 0.9rem !important;
  }
}

.head-pc {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background-color: #fff;
  transition: all 0.3s;
}
@media screen and (max-width: 750px) {
  .head-pc {
    background-color: #fff !important;
  }
}

.head-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 5;
}
.head-box .logo {
  flex-shrink: 0;
  font-size: 0;
}
.head-box .logo .la {
  display: inline-flex;
  align-items: center;
}
.head-box .logo img {
  height: 0.39rem;
}
.head-box .logo .mi {
  display: none;
}
.head-box .hd_le {
  display: flex;
  align-items: center;
}
.head-box .hb_ri {
  display: flex;
  align-items: center;
}
.head-box .ul1 {
  display: flex;
}
.head-box .ul1 .li1 {
  position: relative;
  margin-right: 0.6rem;
}
.head-box .ul1 .li1:hover .ul2 {
  top: 100%;
  opacity: 1;
  transition: all 0.3s;
  pointer-events: auto;
}
.head-box .ul1 .li1:hover .head-sub {
  opacity: 1;
  display: block;
  pointer-events: auto;
  transition: opacity 0.2s;
}
.head-box .ul1 .a1 {
  display: block;
  white-space: nowrap;
  position: relative;
  line-height: 0.9rem;
  color: #333;
  transition: all 0.3s;
}
.head-box .ul1 .a1:hover {
  color: #ed8e8a;
}
.head-box .ul1 .a1.on {
  color: #ed8e8a;
}
.head-box .ul1 .ul2 {
  position: absolute;
  top: 110%;
  left: 0%;
  width: -moz-max-content;
  width: max-content;
  opacity: 0;
  box-shadow: 0px 0 0.2rem 0px rgba(0, 0, 0, 0.2);
  pointer-events: none;
  transition: all 0.3s;
}
.head-box .ul1 .li2 {
  position: relative;
}
.head-box .ul1 .li2:hover .ul3 {
  display: block;
}
.head-box .ul1 .a2 {
  display: block;
  padding: 0.1rem 0.15rem;
  background-color: white;
  color: #000;
  white-space: nowrap;
  position: relative;
  transition: all 0.3s;
}
.head-box .ul1 .a2:hover {
  color: #fff;
  background-color: #ed8e8a;
}
.head-box .ul1 .ul3 {
  position: absolute;
  left: 100%;
  top: 0;
  display: none;
}
.head-box .ul1 .a3 {
  display: block;
  text-align: center;
  padding: 0.15rem;
  background-color: white;
  color: #000;
  white-space: nowrap;
  position: relative;
  transition: all 0.3s;
}
.head-box .ul1 .a3:hover {
  color: #fff;
  background-color: #ed8e8a;
}
.head-box .h-phone {
  display: inline-flex;
  align-items: center;
  color: #ed8e8a;
  font-weight: bold;
}
.head-box .h-phone .ic {
  width: 0.26rem;
  height: 0.26rem;
  background-image: url(/static/home/images/h-phone.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  flex-shrink: 0;
  margin-right: 0.1rem;
}
.head-box .h-href {
  display: inline-flex;
}
.head-box .h-href .aa {
  display: block;
  line-height: 2.5;
  background-color: #ed8e8a;
  color: #fff;
  border-radius: 0.2rem;
  padding: 0 0.25rem;
}
.head-box .h-user {
  cursor: pointer;
  margin-left: 0.4rem;
}
.head-box .h-user .hic {
  display: block;
  width: 1em;
  height: 1em;
  background-image: url(/static/home/images/h-user-w.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.head-box .h-shop {
  cursor: pointer;
  margin-left: 0.4rem;
}
.head-box .h-shop .hic {
  cursor: pointer;
  display: block;
  width: 1em;
  height: 1em;
  background-image: url(/static/home/images/h-shop.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.head-box .h-lang {
  position: relative;
  margin-left: 0.4rem;
}
.head-box .h-lang:hover .bd {
  top: 100%;
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0%);
  transition: all 0.3s;
}
.head-box .h-lang .hd {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #333;
}
.head-box .h-lang .ic {
  width: 1em;
  height: 1em;
  background-image: url(/static/home/images/h-lang-b.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.head-box .h-lang .sp {
  margin: 0 0.3em;
}
.head-box .h-lang .ar {
  width: 1em;
  height: 0.5em;
  background-image: url(/static/home/images/a4.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 0.5em;
}
.head-box .h-lang .bord img {
  width: 0.1rem;
  min-width: auto;
}
.head-box .h-lang .bd {
  position: absolute;
  min-width: 100%;
  top: 150%;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 10%);
  transition: all 0.3s;
  padding-top: 0.2rem;
  z-index: 5;
}
.head-box .h-lang .b_a {
  display: block;
  text-align: center;
  padding: 0.1rem;
  white-space: nowrap;
  background-color: #ed8e8a;
  color: #fff;
  min-width: 4em;
}
.head-box .h-lang .b_a:hover {
  color: #ed8e8a;
  background-color: #fff;
}
.head-box .h-search {
  position: relative;
  cursor: pointer;
  margin-left: 0.4rem;
}
.head-box .h-search .hic {
  display: block;
  width: 1em;
  height: 1em;
  background-image: url(/static/home/images/h-mag-b.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.head-box .h-more {
  cursor: pointer;
  display: none;
  margin-left: 0.3rem;
}
.head-box .h-more .ic {
  display: block;
  width: 1em;
  height: 1em;
  background-image: url(/static/home/images/h-more-b.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 1280px) {
  .head-box .ul1 .li1 {
    margin-right: 0.2rem;
  }
}
@media screen and (min-width: 751px) {
  .head-box .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 750px) {
  .head-box {
    height: 0.9rem;
  }
  .head-box .logo .pi {
    display: none;
  }
  .head-box .logo .mi {
    display: block;
  }
  .head-box .ul1 {
    display: none;
  }
  .head-box .h-lang .hd {
    color: #333;
  }
  .head-box .h-lang .ic {
    filter: none;
    background-image: url(/static/home/images/h-lang-b.png);
  }
  .head-box .h-lang .ar {
    filter: none;
  }
  .head-box .h-user {
    filter: brightness(0) invert(1);
  }
  .head-box .h-shop {
    filter: brightness(0) invert(1);
  }
  .head-box .h-search .hic {
    filter: none;
  }
  .head-box .h-more {
    display: block;
  }
  .head-box .h-vr {
    display: none;
  }
}

.head-sub {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100vw;
  background-color: rgba(21, 21, 21, 0.95);
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
}
.head-sub .hs-box1 {
  padding: 0.6rem 0;
}
.head-sub .hs-ul1 {
  display: flex;
}
.head-sub .hs-ul1 .hs-li {
  width: 22.5%;
}
.head-sub .hs-ul1 .hs-li1 {
  width: 31.25%;
  margin-right: 3.125%;
}
.head-sub .hs-ul1 .hs-li2 {
  padding-bottom: 0.2rem;
}
.head-sub .hs-ul1 .d1 {
  font-weight: 600;
}
.head-sub .hs-ul1 .d2 {
  line-height: 1.625;
  color: #666;
  margin-top: 0.18rem;
}
.head-sub .hs-ul1 .img {
  position: relative;
  padding-top: 40%;
  margin-top: 0.18rem;
}
.head-sub .hs-ul1 .aa {
  padding: 0 0.3rem;
  display: block;
  height: 100%;
  box-shadow: 1px 0 0 0 inset #f3f3f3;
}
.head-sub .hs-ul1 .aa:hover .d13 {
  background-image: url(/static/home/images/a14.png);
  background-color: #ed8e8a;
  box-shadow: none;
}
.head-sub .hs-ul1 .d11 {
  font-weight: 600;
}
.head-sub .hs-ul1 .d12 {
  line-height: 1.625;
  height: 4.875em;
  color: #666;
  margin-top: 0.18rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.head-sub .hs-ul1 .d13 {
  width: 1em;
  height: 1em;
  box-shadow: 0 0 0 1px inset #ccc;
  border-radius: 50%;
  margin-right: 0.2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 34.7826086957%;
  background-image: url(/static/home/images/a13.png);
  cursor: pointer;
  margin-top: 1.2rem;
}
.head-sub .hs-box2 {
  display: flex;
  box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.1);
  color: #fff;
}
.head-sub .hs_le {
  width: 20%;
  position: relative;
}
.head-sub .hs_le::before {
  content: "";
  width: 300%;
  height: 200%;
  position: absolute;
  right: -0.2rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: #f7f7f7;
  pointer-events: none;
}
.head-sub .hs_ri {
  width: 75%;
}
.head-sub .hp_nav {
  position: relative;
}
.head-sub .hp_nav .hp_li {
  margin-bottom: 0.1rem;
}
.head-sub .hp_nav .hp_li.on .hp_dd {
  background-color: #fff;
  color: #ed8e8a;
}
.head-sub .hp_nav .hp_li.on .hp_dd::before {
  border-left: 0.25em solid #ed8e8a;
}
.head-sub .hp_nav .hp_dd {
  position: relative;
  padding: 0.2rem;
  line-height: 1;
  cursor: pointer;
}
.head-sub .hp_nav .hp_dd:hover {
  color: #ed8e8a;
}
.head-sub .hp_nav .hp_dd::before {
  content: "";
  border-top: 0.25em solid transparent;
  border-bottom: 0.25em solid transparent;
  border-left: 0.25em solid #ccc;
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.head-sub .hp-item2 {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);
}
.head-sub .h-item3 {
  position: absolute;
  left: 100%;
  top: 0;
  width: 10.1rem;
  height: 100%;
  padding: 0.6rem;
  padding-right: 0;
  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);
}
.head-sub .hp-list {
  display: flex;
}
.head-sub .hp-list .li {
  width: 2.78rem;
  margin-right: 0.3rem;
}
.head-sub .hp-list .hp_a {
  text-align: center;
  display: block;
  background-color: #2a2a2a;
}
.head-sub .hp-list .hp_a:hover .img img {
  transform: scale(1.1);
}
.head-sub .hp-list .img {
  position: relative;
  padding-top: 56.1151079137%;
  overflow: hidden;
}
.head-sub .hp-list .te {
  padding: 0.16rem;
  color: #fff;
}
.head-sub .hp-list .t11 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.head-sub .hp-ul {
  padding: 0.56rem 0;
  padding-left: 0.6rem;
}
.head-sub .hp-ul .hp-li {
  margin-bottom: 0.2rem;
}
.head-sub .hp-ul .hp-li:last-child {
  margin-bottom: 0;
}
.head-sub .hp-ul .h_ua {
  display: block;
  cursor: pointer;
  position: relative;
}
.head-sub .hp-item {
  display: none;
}
.head-sub .hp-li.pshow > .hp-item {
  display: block;
}
.head-sub .hp-li.pshow > .h_ua {
  color: #ed8e8a;
}
.head-sub .hp-li.pshow > .h_ua::before {
  content: "";
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  right: 0.4rem;
  transform: translateY(-50%);
  background-image: url(/static/home/images/a2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 87.5% auto;
}
.head-sub .hs-pro1 {
  width: 16.6447368421%;
  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);
  position: relative;
}
.head-sub .hs-pro2 {
  width: 16.6447368421%;
  padding-top: 0.58rem;
  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);
}
.head-sub .hs-pro3 {
  width: 66.4473684211%;
  padding-left: 0.6rem;
  padding-top: 0.58rem;
  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);
}

.head-pro {
  position: fixed;
  left: 50%;
  top: 1rem;
  transform: translate(-50%);
  display: none;
}
.head-pro .hp-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.6rem 0.4rem;
  width: 8rem;
  max-width: 100vw;
  background-color: rgba(21, 21, 21, 0.95);
}
.head-pro .imgs {
  width: 38.6111111111%;
}
.head-pro .img {
  position: relative;
  padding-top: 56.4748201439%;
}
.head-pro .list {
  width: 55%;
  display: flex;
  flex-wrap: wrap;
}
.head-pro .litem {
  width: 50%;
  margin-bottom: 0.2rem;
  padding-right: 2%;
}
.head-pro .la {
  color: #fff;
}
.head-pro .la:hover {
  color: #ed8e8a;
}

.md-foot {
  position: relative;
  background-color: #fdf3f2;
}
.md-foot .ul1 .li1 {
  width: 2.8rem;
}
.md-foot .ul1 .li1:last-child {
  margin-right: 0;
  width: auto;
}
.md-foot .ul1 .a1 {
  display: block;
  color: #000;
  font-weight: bold;
  transition: all 0.3s;
  margin-top: 0.6rem;
}
.md-foot .ul1 .a1:first-child {
  margin-top: 0;
}
.md-foot .ul1 .a1:hover {
  opacity: 0.6;
  transition: all 0.3s;
}
.md-foot .ul1 .ul2 {
  margin-top: 0.08rem;
  position: relative;
}
.md-foot .ul1 .li2:last-child {
  margin-bottom: 0;
}
.md-foot .ul1 .a2 {
  line-height: 2.25;
  color: #666666;
  transition: color 0.3s;
}
.md-foot .ul1 .a2:hover {
  text-decoration: underline;
  transition: color 0.3s;
}
.md-foot .shares {
  display: flex;
  flex-wrap: wrap;
  font-size: 0;
}
.md-foot .shares .si {
  position: relative;
  margin-right: 0.22rem;
}
.md-foot .shares .si:hover .hi {
  opacity: 1;
}
.md-foot .shares .si:hover .bd {
  opacity: 1;
  pointer-events: auto;
}
.md-foot .shares .si:last-child {
  margin-right: 0;
}
.md-foot .shares .hd {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.md-foot .shares .hi {
  height: 1em;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  opacity: 0.5;
}
.md-foot .shares .bd {
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%);
  opacity: 0;
  pointer-events: none;
  padding-bottom: 0.18rem;
  z-index: 30;
}
.md-foot .shares .bd .bbox {
  background-color: #fff;
  position: relative;
}
.md-foot .shares .bd img {
  width: 1rem;
  min-width: 80px;
  max-width: none;
}
@media screen and (max-width: 750px) {
  .md-foot .ul1 {
    display: none;
  }
}

.foot-1 {
  position: relative;
}
.foot-1 .box {
  padding-top: 0.84rem;
  padding-bottom: 0.4rem;
}
.foot-1 .le {
  font-size: 0;
}
.foot-1 .ri {
  width: calc(380 / 1600 * 100%);
}
.foot-1 .d12 {
  opacity: 0.6;
  margin-top: 0.14rem;
}
.foot-1 .form .inp {
  position: relative;
  margin-top: 0.24rem;
}
.foot-1 .form .ip {
  width: 100%;
  height: 0.6rem;
  padding: 0 0.2rem;
  border-radius: 0.06rem;
  border: solid 1px #e4e1df;
  background-color: #fdf3f2;
}
.foot-1 .form .submit {
  height: 0.5rem;
  background-color: #ed8e8a;
  border-radius: 0.06rem;
  color: #fff;
  position: absolute;
  right: 0.05rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 0.2rem;
}
.foot-1 .shares {
  justify-content: flex-end;
  margin-top: 0.3rem;
}
@media screen and (max-width: 750px) {
  .foot-1 .box {
    flex-wrap: wrap;
    justify-content: center;
  }
  .foot-1 .le {
    width: 100%;
    text-align: center;
  }
  .foot-1 .ri {
    width: 100%;
  }
  .foot-1 .shares {
    justify-content: center;
    margin-top: 0.3rem;
  }
  .foot-1 .shares .si {
    margin: 0.1rem;
  }
}

.foot-2 {
  position: relative;
  z-index: 2;
  color: #333;
}
.foot-2 .box {
  position: relative;
  padding-top: 0.53rem;
  padding-bottom: 0.5rem;
}
.foot-2 .logo {
  display: inline-flex;
}
.foot-2 .logo img {
  height: 0.39rem;
}
@media screen and (max-width: 750px) {
  .foot-2 .box {
    justify-content: center;
  }
  .foot-2 .le {
    display: none;
  }
  .foot-2 .ri {
    width: 100%;
    margin-top: 0.2rem;
    text-align: center;
  }
}

.foot-3 .box {
  color: #999999;
  align-items: center;
  padding-top: 0.39rem;
  padding-bottom: 0.36rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 1.6875;
}
.foot-3 .href a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 750px) {
  .foot-3 .box {
    flex-wrap: wrap;
    padding: 0.2rem 0;
  }
  .foot-3 .href {
    width: 100%;
    text-align: center;
    order: 2;
  }
}

.com-banner {
  position: relative;
  z-index: 30;
}
.com-banner .cb_ban {
  position: relative;
}
.com-banner .cb_bg {
  position: relative;
  padding-top: 30.2083333333%;
  overflow: hidden;
  background-color: #999;
}
.com-banner .cb_text {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  color: #fff;
}
.com-banner .cb_text .cbp1 {
  position: relative;
}
.com-banner .cb_text .cbp2 {
  margin-top: 0.22rem;
  line-height: 1.3;
}
.com-banner .cb_text .cbp3 {
  margin-top: 0.41rem;
}
.com-banner .cb_text .cbp4 {
  display: inline-block;
  padding: 0.2rem;
  border-radius: 0 0.1rem 0 0.1rem;
  background-color: #ed8e8a;
  color: #fff;
  margin-top: 0.1rem;
}
.com-banner .cb_text .cpa {
  display: inline-block;
  line-height: 2.875em;
  border-radius: 1rem;
  color: #ed8e8a;
  background-color: #fff;
  padding: 0 0.3rem;
  border-radius: 1rem;
  min-width: 1.7rem;
  margin-right: 0.2rem;
  text-align: center;
}
.com-banner .cb_text .cpa:hover {
  background-color: #3b763f;
  color: #fff;
}
.com-banner .cb_text .ii {
  height: 1.8rem;
}
.com-banner .cb_mouse {
  position: absolute;
  bottom: 0.2rem;
  left: 50%;
  transform: translate(-50%);
  z-index: 30;
  cursor: pointer;
}
.com-banner .cb_mouse img {
  animation: jump 1s linear infinite;
  width: 0.22rem;
  min-width: 16px;
}
.com-banner .video video {
  width: 100%;
}
.com-banner .cb_nav {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%);
  display: flex;
  align-items: center;
  line-height: 1;
  background-color: #fff;
  overflow: hidden;
}
.com-banner .cb_nav .home {
  display: inline-flex;
  align-items: center;
}
.com-banner .cb_nav a:hover {
  color: #ed8e8a;
}
.com-banner .cb_nav .cb_a {
  flex-grow: 1;
  text-align: center;
  line-height: 0.7rem;
}
.com-banner .cb_nav .cb_a.on {
  background-image: linear-gradient(-90deg, #007ac8 0%, #1daceb 100%);
  color: #fff !important;
}
.com-banner .cb_mask {
  pointer-events: none;
}
.com-banner .cb_mask .cm1 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.com-banner .cb_mask .cm1 img {
  width: 100%;
}
.com-banner .cb_mask .cm2 {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  -webkit-mask-image: url(/static/home/images/icon-m2.png);
          mask-image: url(/static/home/images/icon-m2.png);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: bottom;
          mask-position: bottom;
}
.com-banner .cb_mask .cm2 img {
  width: 100%;
  opacity: 0;
}
@media screen and (max-width: 750px) {
  .com-banner {
    background-color: #f2f6fc;
  }
  .com-banner .cb_text .cbp1 {
    font-size: 0.5rem;
  }
  .com-banner .cb_text .ii {
    height: 0.8rem;
  }
}

.md-com-tag {
  padding-top: 0.7rem;
  text-align: center;
}
.md-com-tag.fixed .swiper {
  position: fixed;
  left: 0;
  top: 0.9rem;
  background-color: #fff;
}
.md-com-tag .swiper {
  top: 0;
  padding: 0.1rem;
  overflow: hidden;
  width: 100%;
  z-index: 90;
  transition: top 0.3s;
}
.md-com-tag .swiper-container {
  display: inline-block;
  max-width: 100%;
  overflow: visible;
}
.md-com-tag .cti {
  width: 2.6rem;
  margin: 0 0.1rem;
}
.md-com-tag .cti.on .cta {
  color: #fff;
  background-color: #ed8e8a;
}
.md-com-tag .cta {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 0.1rem;
  border: 1px dashed #ed8e8a;
  border-radius: 0.1rem;
  color: #666;
  line-height: 1.2;
  height: calc(54em / 16);
  cursor: pointer;
}
.md-com-tag .cta:hover {
  color: #ed8e8a;
}
@media screen and (max-width: 750px) {
  .md-com-tag .cti {
    min-width: auto;
    margin: 0.05rem;
  }
}

.com-tags {
  padding-top: 0.7rem;
}
.com-tags .cti {
  display: inline-block;
  margin: 0.1rem;
  width: 2.6rem;
}
.com-tags .cta {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 0.1rem;
  border: 1px dashed #ed8e8a;
  border-radius: 0.1rem;
  color: #666;
  line-height: 1.2;
  height: calc(54em / 16);
}
.com-tags .cta:hover {
  color: #ed8e8a;
}
.com-tags .cta.on {
  color: #fff;
  background-color: #ed8e8a;
}
@media screen and (max-width: 750px) {
  .com-tags .cti {
    min-width: auto;
    margin: 0.05rem;
  }
}