* {
  outline: none
}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td {
  font-weight: inherit;
  margin: 0;
  padding: 0
}
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, i {
  font: normal 12Px Helvetica Neue, Arial, Microsoft YaHei, PingFang SC, Source Han Sans SC, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased
}
ul, ol, li {
  list-style: none
}
a {
  text-decoration: none;
  color: inherit;
  display: inline-block
}
a:hover {
  text-decoration: none
}
img {
  vertical-align: top;
  border: 0;
  max-width: 100%
}
button, input, textarea {
  font-size: 100%;
  vertical-align: middle;
  outline: none;
  border-radius: 0;
  -webkit-appearance: none
}
table {
  border-spacing: 0;
  border-collapse: collapse
}
div, a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}
html {
  font-size: 200Px;
  overflow: hidden auto
}
body {
  width: 100vw
}
@media screen and (min-width: 1680px) and (max-width: 1903px) {
  html {
    font-size: 10vw
  }
}
@media screen and (min-width: 1600px) and (max-width: 1680px) {
  html {
    font-size: 11vw
  }
}
@media screen and (min-width: 1440px) and (max-width: 1600px) {
  html {
    font-size: 11.5vw
  }
}
@media screen and (min-width: 1281px) and (max-width: 1440px) {
  html {
    font-size: 12vw
  }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  html {
    font-size: 13vw
  }
}
@media screen and (max-width: 1024px) {
  html {
    font-size: 26.6666666667vw
  }
}
.clearfloat:after {
  font-size: 0;
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " "
}
.clearboth {
  clear: both
}
.wp {
  max-width: 7.2rem;
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
@media screen and (max-width: 1024px) {
  .wp {
    padding: 0 0.15rem
  }
}
.checkBrowser {
  font-size: 14Px;
  line-height: 40Px;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 50%;
  width: 700Px;
  height: 40Px;
  margin-left: -360Px;
  padding: 0 10Px;
  color: #fff;
  border-bottom-right-radius: 5Px;
  border-bottom-left-radius: 5Px;
  background-color: #e6212a
}
.checkBrowser a {
  font-size: 16Px;
  line-height: 20Px;
  position: absolute;
  top: 10Px;
  right: 5Px;
  display: block;
  width: 20Px;
  height: 20Px;
  cursor: pointer;
  text-align: center;
  color: #333;
  border-radius: 50%;
  background-color: #fff
}
.paged {
  text-align: center
}
.paged.gray a {
  background-color: #f4f5f4;
  color: #8b8b8b
}
@media screen and (max-width: 768px) {
  .paged {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.paged a, .paged span {
  display: inline-block;
  margin: 0 6PX;
  width: 40PX;
  font-size: 14PX;
  text-align: center;
  background: #fff;
  color: #8b8b8b;
  border-radius: 50%;
  height: 40PX;
  line-height: 40PX;
  white-space: nowrap;
  border: 0.005rem solid #dedede
}
.paged a:hover, .paged span.page_nowindex {
  background: #c8678b;
  color: #fff
}
@media screen and (max-width: 768px) {
  .paged a, .paged span {
    padding: 0 10PX;
    height: 35PX;
    line-height: 35PX;
    display: none;
    font-size: 0.12rem
  }
}
.paged span.page_nowindex {
  background: #c8678b;
  color: #fff
}
.paged .prev, .paged .next {
  width: 70PX;
  border-radius: 23PX
}
@media screen and (max-width: 1024px) {
  .paged .prev, .paged .next {
    width: 60PX;
    display: block
  }
}
.article-swiper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  -ms-touch-action: none;
  touch-action: none;
  z-index: 8888
}
.article-swiper .swiper-zoom-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%
}
.article-swiper .swiper-pagination {
  bottom: 1em;
  color: #fff
}
.article-swiper .swiper-slide img {
  max-width: 95%;
  max-height: -moz-calc(100% - 6em);
  max-height: calc(100% - 6em);
  vertical-align: middle
}
.article-swiper .swiper-slide p {
  position: absolute;
  top: 1em;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0.08rem;
  color: #fff;
  z-index: 22
}
.article-swiper .swiper-close-icon {
  position: absolute;
  top: 0.5rem;
  right: 0.3rem;
  z-index: 9999;
  width: 0.2rem;
  height: 0.2rem;
  cursor: pointer
}
.article-swiper .swiper-close-icon .iconfont {
  color: #fff;
  font-size: 0.25rem
}
.article-swiper .swiper-close-icon::after {
  width: 100%;
  position: absolute;
  height: 0.015rem;
  background: #fff;
  content: "";
  top: 0;
  left: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.article-swiper .swiper-close-icon::before {
  width: 100%;
  position: absolute;
  height: 0.015rem;
  background: #fff;
  content: "";
  top: 0;
  right: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg)
}
.wow {
  visibility: hidden;
  -webkit-animation: fadeInUp 0.8s both;
  -moz-animation: fadeInUp 0.8s both;
  animation: fadeInUp 0.8s both
}
.wow.no-anime {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
  visibility: visible
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate(0, 0.4rem);
    transform: translate(0, 0.4rem)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0);
    transform: translate3d(0, 0)
  }
}
@-moz-keyframes fadeInUp {
  from {
    opacity: 0;
    -moz-transform: translate(0, 0.4rem);
    transform: translate(0, 0.4rem)
  }
  to {
    opacity: 1;
    -moz-transform: translate3d(0, 0);
    transform: translate3d(0, 0)
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate(0, 0.4rem);
    -moz-transform: translate(0, 0.4rem);
    transform: translate(0, 0.4rem)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0);
    -moz-transform: translate3d(0, 0);
    transform: translate3d(0, 0)
  }
}
.page {
  background-color: #F9ECF1;
  background-repeat: no-repeat;
  background-size: 1.415rem;
  background-position: 7.745rem 4.025rem;
  padding-bottom: 0.88rem
}
.page .page-container {
  background-color: #fff;
  border-radius: 0.15rem;
  border-width: 0.01rem 0.01rem 0 0;
  border-style: solid;
  border-color: #eaced9;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3)
}
@media screen and (max-width: 1024px) {
  .page .page-container {
    margin-top: -0.4rem;
    display: block
  }
}
.page .page-container-content {
  border-radius: 0 0.15rem 0.15rem 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  padding: 0.3rem 0.245rem 0.4rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}
@media screen and (max-width: 1024px) {
  .page .page-container-content {
    padding: 0.3rem 0.15rem;
    width: 100%;
    border-radius: 0 0 0.15rem 0.15rem
  }
}
.page .page-container-content:nth-child(2) {
  z-index: 10;
  border-radius: 0.15rem
}
.page .page-title {
  position: absolute;
  width: 1.7rem;
  bottom: -moz-calc(100% - 0.2rem);
  bottom: calc(100% - 0.2rem);
  left: -0.01rem;
  background-color: #c8678b;
  color: #fff;
  font-variation-settings: "wght"600, "BEVL"100;
  font-family: "alimama";
  border-radius: 0.15rem 0.15rem 0 0;
  font-size: 0.19rem;
  line-height: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.13rem 0.15rem 0.33rem;
  z-index: 5
}
@media screen and (max-width: 1024px) {
  .page .page-title {
    width: 1.4rem
  }
}
.page .page-title:first-child {
  left: 0
}
.page .page-content-head {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.15rem;
  font-weight: bold
}
@media screen and (max-width: 1024px) {
  .page .page-content-head {
    font-size: 0.17rem
  }
}
.page .page-content-head .line {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom: 0.005rem solid #e8e8e8;
  margin: 0 0.09rem
}
@media screen and (max-width: 1024px) {
  .page .page-content-head .line {
    margin-right: 0
  }
}
.page .page-content-head .head-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1
}
.page .page-content-head .head-box img {
  margin-left: 0.03rem
}
@media screen and (max-width: 1024px) {
  .page .page-content-head .head-box img {
    width: 0.29rem;
    margin-left: 0.06rem
  }
}
.common-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.common-title.white .title-box {
  color: #fff
}
.common-title .icon {
  text-align: center;
  margin-bottom: 0.07rem
}
.common-title .icon img {
  height: 0.345rem
}
.common-title .title-box {
  font-family: "alimama";
  color: #333;
  font-size: 0.22rem;
  font-weight: bold;
  letter-spacing: 0.02rem;
  font-variation-settings: "wght"500, "BEVL"100;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1
}
.common-title .title-box span {
  margin: 0 0.055rem 0 0.075rem
}
.common-title .title-box img {
  width: 0.29rem
}
.common-title .title-box img:nth-of-type(1) {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg)
}
.crumbs {
  color: #999;
  font-size: 0.07rem;
  text-align: right;
  font-weight: normal
}
.crumbs a:hover {
  color: #c8678b
}
@media screen and (max-width: 1024px) {
  .crumbs {
    display: none
  }
}
.more-btn {
  text-align: center
}
.more-btn .btn {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.08rem;
  color: #fdf8fa;
  width: 0.75rem;
  height: 0.25rem;
  border-radius: 0.125rem;
  border: 0.01rem solid rgba(251, 241, 245, 0.5);
  -webkit-box-shadow: 0 0.01rem 0 0 rgba(193, 124, 155, 0.4);
  box-shadow: 0 0.01rem 0 0 rgba(193, 124, 155, 0.4);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s
}
.more-btn .btn:hover {
  background-color: #fae9ef;
  color: #c8678b
}
@media screen and (max-width: 1024px) {
  .more-btn .btn {
    width: 1.15rem;
    height: 0.375rem;
    border-radius: 1rem;
    font-size: 0.125rem
  }
}
.more-btn .btn .iconfont {
  font-size: 0.07rem
}
@media screen and (max-width: 1024px) {
  .more-btn .btn .iconfont {
    font-size: 0.11rem
  }
}
.uweb-search {
  width: 1200Px;
  max-width: 100%;
  margin: 0.92rem auto 0.5rem
}
@media (max-width: 1200px) {
  .uweb-search {
    width: auto;
    margin-right: 0.15rem;
    margin-left: 0.15rem
  }
}
.uweb-search-input-con {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 25Px
}
.uweb-search-select-con {
  float: left;
  width: 37%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 25Px
}
@media screen and (max-width: 750px) {
  .uweb-search-input-con, .uweb-search-select-con {
    float: none;
    width: 100%;
    padding-right: 0;
    margin-bottom: 0.05rem
  }
}
.uweb-search-top {
  position: relative;
  margin-bottom: 40Px;
  height: 44Px;
  width: 100%
}
.uweb-search-top-s .uweb-search-input-con {
  float: left;
  width: 87%
}
@media screen and (max-width: 750px) {
  .uweb-search-top {
    height: auto
  }
  .uweb-search-top-s .uweb-search-input-con {
    width: 100%
  }
}
.uweb-search-top-text {
  float: left;
  width: 80Px;
  font-size: 14Px;
  color: #666;
  line-height: 44Px
}
.uweb-search-top-input {
  margin: 0 0 0 80Px;
  height: 44Px;
  border: 1Px solid #e9e9e9
}
.uweb-search-top-input input {
  width: 100%;
  height: 100%;
  border: 0;
  font-size: 14Px;
  padding: 0 20Px
}
.uweb-search-top-button {
  float: left;
  width: 13%;
  height: 46Px;
  background: #c8678b;
  cursor: pointer;
  color: #fff;
  font-size: 14Px;
  line-height: 46Px;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0
}
.uweb-search-top-button:hover {
  opacity: 0.7
}
@media screen and (max-width: 750px) {
  .uweb-search-top-button {
    float: none;
    width: 100%
  }
}
.uweb-search-top-input2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 80Px;
  height: 44Px;
  border: 1Px solid #e9e9e9
}
.uweb-search-top-input2 input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 0;
  font-size: 14Px;
  padding: 0 20Px
}
.uweb-search-top-text1 {
  float: left;
  width: 70Px;
  font-size: 14Px;
  color: #666;
  line-height: 44Px
}
.uweb-search-top-select {
  position: relative;
  margin-left: 70Px;
  height: 44Px;
  border: 1Px solid #e9e9e9;
  font-size: 14Px;
  color: #999
}
.uweb-search-top-select:after {
  position: absolute;
  right: 12Px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  content: "";
  width: 0;
  height: 0;
  border-left: 5Px solid transparent;
  border-right: 5Px solid transparent;
  border-top: 6Px solid #999
}
.uweb-search-top-select select {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100% !important;
  border: 0Px;
  padding: 0 22Px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.uweb-search-top-select .customSelect {
  width: 100%;
  height: 100%;
  line-height: 42Px;
  padding: 0 22Px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
@media screen and (max-width: 1200px) {
  .uweb-search-top-select {
    float: none;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto
  }
}
.uweb-search-content {
  margin: 40Px -12Px;
  font-size: 0
}
.uweb-search-content li {
  display: inline-block;
  vertical-align: top;
  padding: 0 12Px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  height: 156Px;
  margin-bottom: 30Px
}
.uweb-search-content li a {
  display: block;
  width: 100%;
  height: 100%;
  border: 1Px solid #e9e9e9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25Px 40Px 30Px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease
}
.uweb-search-content li a:hover {
  background: #f1f1f1
}
.uweb-search-content li a:hover .text {
  color: #c8678b
}
.uweb-search-content li a:hover .btn {
  background: #c8678b
}
.uweb-search-content li a .text {
  font-size: 16Px;
  font-weight: bold;
  color: #666;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 22Px;
  max-height: 44Px;
  overflow: hidden
}
.uweb-search-content li a .time {
  margin-top: 5Px;
  font-size: 14Px;
  font-family: "Arial";
  color: #999
}
.uweb-search-content li a .btn {
  margin-top: 20Px;
  width: 95Px;
  height: 28Px;
  background: #999;
  font-size: 14Px;
  color: #fff;
  line-height: 28Px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease
}
@media screen and (max-width: 1200px) {
  .uweb-search-content {
    margin-right: 0;
    margin-left: 0
  }
  .uweb-search-content li:nth-child(2n+1) {
    padding: 0 0.06rem 0 0
  }
  .uweb-search-content li:nth-child(2n) {
    padding: 0 0 0 0.06rem
  }
}
@media screen and (max-width: 480px) {
  .uweb-search-content li {
    float: none;
    width: 100%;
    height: auto
  }
  .uweb-search-content li:nth-child(2n+1), .uweb-search-content li:nth-child(2n) {
    padding: 0
  }
  .uweb-search-content li a .text {
    max-height: none
  }
}
.uweb-search-tip-con {
  margin: 40Px auto;
  width: 1200Px;
  max-width: 100%;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5rem;
  text-align: center
}
.uweb-search-tip-con .title {
  font-size: 24Px;
  color: #333;
  margin-bottom: 20Px
}
.uweb-search-tip-con .tips {
  font-size: 14Px;
  color: orange;
  font-weight: bold;
  line-height: 28Px;
  width: 900Px;
  margin: 0 auto 10Px;
  max-width: 100%
}
.uweb-search-tip-con .p {
  font-size: 14Px;
  color: #333;
  line-height: 28Px;
  margin-bottom: 10Px
}
.uweb-search-tip-con .num {
  color: red;
  padding: 0 3Px;
  text-decoration: underline
}
.uweb-search-tip-con .tip-btn {
  display: block;
  width: 140Px;
  height: 36Px;
  text-align: center;
  line-height: 36Px;
  color: #fff;
  background: #999;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0 auto;
  cursor: pointer
}
.uweb-search-tip-con .tip-btn:hover {
  background: #b3b3b3
}
.tips-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9999999
}
.tips-popup.init {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}
.tips-popup.show .tips-popup-mask {
  opacity: 1
}
.tips-popup.show .tips-popup-box {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1)
}
.tips-popup-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s
}
.tips-popup-box {
  position: relative;
  padding: 18Px 24Px 8Px;
  width: 320Px;
  background-color: #fff;
  -webkit-box-shadow: 0 4Px 12Px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4Px 12Px rgba(0, 0, 0, 0.15);
  border-radius: 8Px;
  z-index: 9;
  opacity: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s
}
@media screen and (max-width: 414px) {
  .tips-popup-box {
    max-width: -moz-calc(100% - 0.4rem);
    max-width: calc(100% - 0.4rem);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
}
.tips-popup-head {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10Px
}
.tips-popup-head .title {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  padding-top: 1Px;
  line-height: 22Px;
  font-size: 16Px;
  color: #000
}
.tips-popup-close {
  margin: 5Px 0 0 10Px;
  width: 14Px;
  height: 14Px;
  background: url(../images/tips_icon.png) top -130Px left no-repeat;
  opacity: 0.7;
  z-index: 2;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s
}
.tips-popup-close:hover {
  opacity: 1
}
.tips-popup-content {
  padding-bottom: 10Px;
  font-size: 14Px;
  line-height: 24Px;
  color: #666
}
.tips-popup-footer {
  padding: 4Px 0;
  text-align: right;
  font-size: 0
}
.tips-popup-footer li {
  display: inline-block;
  vertical-align: top;
  margin-left: 10Px;
  padding: 8Px 15Px;
  line-height: 1;
  font-size: 12Px;
  white-space: nowrap;
  border-radius: 3Px;
  border-width: 1Px;
  border-style: solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s
}
.tips-popup-footer li:hover {
  opacity: 0.8
}
.tips-popup-footer .cancel-btn {
  color: #666;
  background-color: #fff;
  border-color: #dcdfe6
}
.tips-popup-footer .submit-btn {
  color: #fff
}
.tips-popup .tips-icon {
  margin-right: 10Px;
  width: 24Px;
  height: 24Px;
  background-image: url(../images/tips_icon.png);
  background-repeat: no-repeat
}
.tips-popup .tips-icon-success {
  background-position: 0 -104Px
}
.tips-popup .tips-icon-question {
  background-position: 0 -78Px
}
.tips-popup .tips-icon-info {
  background-position: 0 -52Px
}
.tips-popup .tips-icon-error {
  background-position: 0 -26Px
}
.tips-popup .tips-icon-alert {
  background-position: 0 0
}
.tips-popup-icon {
  padding-left: 20Px;
  padding-right: 20Px
}
.tips-popup-icon .tips-popup-content {
  padding-left: 34Px
}
.loading-wrap {
  position: relative
}
.loading-wrap .loading-box {
  position: absolute
}
.loading-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 9999
}
.loading-box-circular {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25Px 0 0 -25Px;
  width: 50Px;
  height: 50Px;
  -webkit-animation: loading-rotate 2s linear infinite;
  -moz-animation: loading-rotate 2s linear infinite;
  animation: loading-rotate 2s linear infinite
}
.loading-box-circular .path {
  -webkit-animation: loading-dash 1.5s ease-in-out infinite;
  -moz-animation: loading-dash 1.5s ease-in-out infinite;
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: #0da945;
  stroke-linecap: round
}
@-webkit-keyframes loading-rotate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}
@-moz-keyframes loading-rotate {
  to {
    -moz-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}
@keyframes loading-rotate {
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}
@-webkit-keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40Px
  }
  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120Px
  }
}
@-moz-keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40Px
  }
  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120Px
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40Px
  }
  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120Px
  }
}
.normal-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9000
}
.normal-popup.init {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}
.normal-popup.show .normal-popup-box {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s
}
.normal-popup.show .normal-popup-mask {
  opacity: 1;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s
}
.normal-popup-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s
}
.normal-popup-close {
  position: absolute;
  top: 10Px;
  right: 10Px;
  line-height: 1;
  font-size: 20Px;
  font-family: "iconfont";
  color: #666;
  z-index: 2;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s
}
.normal-popup-close:before {
  content: "\e662"
}
.normal-popup-close:hover {
  color: #ea140a
}
.normal-popup-box {
  position: relative;
  width: 680Px;
  background-color: #fff;
  overflow: hidden;
  border-radius: 6Px;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  z-index: 6;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s
}
.normal-popup-title {
  margin-bottom: 25Px;
  text-align: center
}
.normal-popup-title h3 {
  line-height: 1.2;
  font-size: 30Px;
  color: #555
}
.normal-popup-title p {
  line-height: 1.2;
  font-size: 12Px;
  color: #999;
  text-transform: uppercase
}
.normal-popup-scroller {
  position: relative;
  overflow: hidden
}
.normal-popup-scroller .bscroll-indicator {
  background-color: rgba(205, 205, 205, 0.5) !important
}
.modal-popup .normal-popup-box {
  padding: 60Px;
  text-align: center
}
.modal-popup .icon {
  font-family: "iconfont";
  font-size: 80Px
}
.modal-popup .icon-error {
  color: #ea140a
}
.modal-popup .icon-error:before {
  content: "\e71e"
}
.modal-popup .icon-success {
  color: #0da945
}
.modal-popup .icon-success:before {
  content: "\e605"
}
.modal-popup .icon-notice {
  color: #fbba65
}
.modal-popup .icon-notice:before {
  content: "\e698"
}
.modal-popup .title {
  margin: 15Px 0 3Px;
  line-height: 1.4;
  font-size: 24Px;
  color: #333
}
.modal-popup .p {
  line-height: 1.6;
  font-size: 16Px;
  color: #888
}
.modal-popup-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30Px
}
.modal-popup-footer li {
  width: 242Px;
  line-height: 45Px;
  font-size: 16Px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s
}
.modal-popup-footer li + li {
  margin-left: 16Px
}
.modal-popup-footer li:hover {
  opacity: 0.8
}
.modal-popup-footer .cancel-btn {
  background-color: #bbb
}
.iframe-popup .normal-popup-box {
  padding: 55Px 60Px 70Px
}
.iframe-popup .normal-popup-title {
  margin-bottom: 30Px
}
.iframe-popup-box {
  position: relative;
  max-height: -moz-calc(98vh - 205Px);
  max-height: calc(98vh - 205Px);
  overflow-y: auto
}
.iframe-popup-box .iframe {
  display: block;
  width: 100%;
  border: none
}
.iframe-popup .loading-box {
  position: absolute
}
.captcha-title {
  height: 60Px;
  width: 100%;
  text-align: center;
  border-radius: 2Px;
  background-color: #f3f3f3;
  color: #bbb;
  font-size: 14Px;
  letter-spacing: 0.1Px;
  line-height: 60Px
}
.captcha-show {
  display: none;
  height: 60Px;
  width: 100%;
  text-align: center;
  border-radius: 2Px;
  background-color: #f3f3f3
}
.captcha-loading {
  margin: auto;
  width: 70Px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.captcha-loading-dot {
  width: 8Px;
  height: 8Px;
  margin: 18Px 4Px;
  background: #ccc;
  border-radius: 50%;
  opacity: 0;
  -webkit-box-shadow: 0 0 2Px black;
  box-shadow: 0 0 2Px black;
  -webkit-animation: loadingFade 1s infinite;
  -moz-animation: loadingFade 1s infinite;
  animation: loadingFade 1s infinite
}
.captcha-loading-dot:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s
}
.captcha-loading-dot:nth-child(3) {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s
}
.captcha-loading-dot:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s
}
.captcha .geetest_holder.geetest_wind .geetest_logo, .captcha .geetest_holder.geetest_wind .geetest_success_logo {
  display: none
}
@-webkit-keyframes loadingFade {
  0% {
    opacity: 0
  }
  50% {
    opacity: 0.8
  }
  100% {
    opacity: 0
  }
}
@-moz-keyframes loadingFade {
  0% {
    opacity: 0
  }
  50% {
    opacity: 0.8
  }
  100% {
    opacity: 0
  }
}
@keyframes loadingFade {
  0% {
    opacity: 0
  }
  50% {
    opacity: 0.8
  }
  100% {
    opacity: 0
  }
}
.error-con {
  padding: 0.5rem 0;
  background: #fff
}
.error-box {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.25rem;
  text-align: center;
  width: 1360Px;
  max-width: 100%;
  margin: 0 auto;
  display: grid
}
.error-box img {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}
.error-box .tips {
  margin: 20Px auto;
  font-size: 18Px;
  color: #666
}
.error-box .btn a {
  display: inline-block;
  vertical-align: top;
  width: 170Px;
  height: 40Px;
  margin: 0 2Px;
  border-radius: 20Px;
  color: #fff;
  text-align: center;
  font-size: 16Px;
  background: #999;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  line-height: 40Px;
  max-width: 45%
}
.error-box .btn a:hover {
  background: #a6a6a6
}
.share-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.1rem;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.share-box-item {
  cursor: pointer;
  background-color: #181818;
  color: #fff;
  margin-right: 15Px;
  width: 40Px;
  height: 40Px;
  text-align: center;
  border-radius: 50%
}
.share-box-item .iconfont {
  font-size: 20Px;
  line-height: 40Px
}
.share-box .share-to-wechat {
  position: relative
}
.share-box .share-to-wechat .wechat-ewm {
  position: absolute;
  border-radius: 5Px;
  border: 1Px solid #eee;
  background: #fff;
  left: 50%;
  bottom: 100%;
  padding: 10Px 10Px 5Px;
  display: none;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%)
}
.share-box .share-to-wechat .wechat-ewm p {
  font-size: 12Px;
  color: #333;
  text-align: center;
  margin-top: 5Px
}
.share-box .share-to-wechat:hover {
  background-color: #3dbe5b
}
.share-box .share-to-wechat:hover .wechat-ewm {
  display: block
}
.share-box .share-to-qq, .share-box .share-to-qzone, .share-box .share-to-weibo, .share-box .share-to-wechat {
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s
}
.share-box .share-to-qq:hover {
  background-color: #21b3f7
}
.share-box .share-to-qzone:hover {
  background-color: #f8c514
}
.share-box .share-to-weibo:hover {
  background-color: #ff5757
}
.wechat-tip-mask {
  top: 0;
  left: 0;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  background-image: url(../images/share_bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto
}
:root {
  --searchSize: 0.22rem;
  --headerHeight: 0.45rem
}
@media screen and (max-width: 1024px) {
  :root {
    --searchSize: 0.3rem;
    --headerHeight: 0.6rem
  }
}
.header-placeholder {
  display: none
}
@media screen and (max-width: 1024px) {
  .header-placeholder {
    display: block;
    height: var(--headerHeight)
  }
}
.search-wrapper {
  display: none;
  position: relative;
  z-index: 10
}
.search-wrapper::after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: transparent
}
.search-wrapper.show::after {
  display: block
}
.search-wrapper-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.4rem 0;
  background-color: #fff;
  border-top: 0.005rem solid #F2F2F2
}
.search-wrapper-box .header-search {
  border: none;
  cursor: pointer;
  background-color: #c8678b;
  width: 0.375rem;
  height: 0.375rem;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  border-radius: 0 0.05rem 0.05rem 0
}
@media screen and (max-width: 1024px) {
  .search-wrapper-box .header-search {
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
}
.search-wrapper-box .header-search:hover {
  background-color: #bd4974
}
.search-wrapper-box .header-search .icon-sousuo {
  font-size: 0.13rem;
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  position: static
}
@media screen and (max-width: 1024px) {
  .search-wrapper-box .header-search .icon-sousuo {
    font-size: 0.2rem
  }
}
@media screen and (max-width: 768px) {
  .search-wrapper-box .header-search .icon-sousuo {
    font-size: 0.2rem
  }
}
.search-wrapper-box input {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border: 0.005rem solid #979797;
  padding: 0 0.15rem;
  border-right: none;
  height: 0.375rem;
  width: 3.44rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 0.09rem;
  max-width: 100%;
  border-radius: 0.05rem 0 0 0.05rem
}
@media screen and (max-width: 1024px) {
  .search-wrapper-box input {
    font-size: 0.13rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
}
.search-wrapper-box input::-webkit-input-placeholder {
  color: #999
}
.search-wrapper-box input:-moz-placeholder {
  color: #999
}
.search-wrapper-box input::-moz-placeholder {
  color: #999
}
.search-wrapper-box input:-ms-input-placeholder {
  color: #999
}
.search-wrapper-box input::-ms-input-placeholder {
  color: #999
}
.search-wrapper-box input::placeholder {
  color: #999
}
@media screen and (max-width: 768px) {
  .search-wrapper-box input {
    height: 0.375rem;
    padding: 0 0.1rem;
    right: 0
  }
}
.header {
  position: fixed;
  top: 0.175rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  z-index: 1000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: inherit;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  max-width: 8.4rem;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 0.225rem;
  -webkit-box-shadow: 0.015rem 0.02rem 0.05rem 0 rgba(35, 17, 16, 0.1);
  box-shadow: 0.015rem 0.02rem 0.05rem 0 rgba(35, 17, 16, 0.1)
}
@media screen and (max-width: 1024px) {
  .header {
    padding: 0 0.15rem
  }
}
@media screen and (max-width: 1600px) {
  .header {
    max-width: 8.2rem;
    margin: 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
}
@media screen and (max-width: 1600px) and (max-width: 1024px) {
  .header {
    padding: 0 0.15rem
  }
}
@media screen and (max-width: 1440px) {
  .header {
    max-width: 7.9rem;
    margin: 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
}
@media screen and (max-width: 1440px) and (max-width: 1024px) {
  .header {
    padding: 0 0.15rem
  }
}
@media screen and (max-width: 1024px) {
  .header {
    left: 0;
    top: 0;
    border-radius: 0;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    transform: translate(0)
  }
}
@media screen and (min-width: 1024px) {
  .header.header-small {
    top: 0;
    background-color: #fff;
    border-radius: 0 0 0.1rem 0.1rem;
    max-width: 100%;
    left: 0%;
    right: 0;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    transform: translate(0)
  }
  .header.header-small .header-doll {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
  }
  .header.header-small .header-wrapper {
    padding-right: 0;
    padding-left: 0
  }
  .header.header-small .header-box {
    max-width: 8.15rem
  }
  .header.header-small .header-con {
    border-radius: 0 0 0.1rem 0.1rem;
    -webkit-box-shadow: 0.015rem 0.02rem 0.05rem 0 rgba(35, 17, 16, 0);
    box-shadow: 0.015rem 0.02rem 0.05rem 0 rgba(35, 17, 16, 0)
  }
  .header.header-small .header-nav li {
    margin-right: 0.2rem
  }
}
.header-box {
  position: relative;
  max-width: 8.4rem;
  width: 100%;
  margin: 0 auto;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}
@media screen and (max-width: 1024px) {
  .header-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse
  }
}
.header-con {
  max-width: 8.4rem;
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.225rem;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}
@media screen and (max-width: 1024px) {
  .header-con {
    padding: 0 0.15rem
  }
}
@media screen and (max-width: 1024px) {
  .header-con {
    padding: 0;
    margin: 0;
    border-radius: 0
  }
}
.header-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: var(--headerHeight);
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  padding-left: 0.09rem;
  padding-right: 0.87rem;
  position: relative;
  z-index: 20
}
@media screen and (max-width: 1024px) {
  .header-wrapper {
    border-radius: 0;
    height: var(--headerHeight);
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-right: 0;
    padding-left: 0;
    position: static
  }
}
.header-doll {
  position: absolute;
  right: 0;
  top: -0.06rem;
  z-index: 10;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s
}
@media screen and (max-width: 1024px) {
  .header-doll {
    top: 0.125rem
  }
}
.header-doll img {
  width: 0.775rem
}
@media screen and (max-width: 1024px) {
  .header-doll img {
    width: 0.63rem
  }
}
.header-logo {
  position: relative
}
@media screen and (max-width: 1024px) {
  .header-logo {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}
.header-logo a {
  font-size: 0;
  display: block
}
.header-logo img {
  height: 0.25rem;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
.header-logo img:last-of-type {
  display: none
}
.header-logo img:last-of-type:first-of-type {
  display: inline-block
}
@media screen and (max-width: 1024px) {
  .header-logo img:first-of-type {
    display: none
  }
  .header-logo img:last-of-type {
    display: inline-block
  }
}
@media screen and (max-width: 1024px) {
  .header-logo img {
    height: 0.33rem
  }
}
.header-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}
@media screen and (max-width: 1024px) {
  .header-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse
  }
}
.header-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}
@media screen and (max-width: 1024px) {
  .header-nav {
    display: none
  }
}
.header-nav li {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0.15rem
}
@media screen and (max-width: 1600px) {
  .header-nav li {
    margin-right: 0.15rem
  }
}
.header-nav li > a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333;
  font-size: 0.08rem;
  line-height: 1;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  text-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 10
}
.header-nav li > a::after {
  content: "";
  width: 100%;
  height: 0;
  padding-bottom: 0.05rem;
  border-bottom: 0.015rem solid #c8678b;
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s
}
.header-nav li > a.on, .header-nav li > a:hover {
  color: #c8678b
}
.header-nav li > a.on::after, .header-nav li > a:hover::after {
  opacity: 1
}
.header-nav li:hover .hover-menu {
  opacity: 1;
  visibility: visible
}
.header-right-mb {
  display: none
}
@media screen and (max-width: 1024px) {
  .header-right-mb {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.header-right-mb .nav-menu .iconfont {
  color: #c8678b;
  font-weight: bold;
  font-size: 0.24rem
}
.header-right-mb .nav-menu .close {
  display: none
}
.header-right-mb .nav-menu img {
  width: 0.24rem
}
.header-right-mb .menu-btn-active .menu-icon {
  display: none
}
.header-right-mb .menu-btn-active .close {
  display: block
}
.header .nav-mobile {
  position: absolute;
  width: 100%;
  top: 0.6rem;
  left: 0;
  bottom: 0;
  z-index: 103;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.header .nav-mobile.anim {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  height: 100%
}
.header .nav-mobile-con {
  display: none;
  position: fixed;
  top: 0;
  height: 100vh;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 8889;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease
}
.header .nav-mobile-con .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1
}
.header .nav-mobile-con.anim .nav-mobile-search {
  -webkit-transform: translateX(0) !important;
  -moz-transform: translateX(0) !important;
  transform: translateX(0) !important
}
.header .nav-mobile-back {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 0.25rem;
  width: 100%;
  height: 0.6rem;
  background-color: #c8678b;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.header .nav-mobile-back span {
  position: relative;
  z-index: 1;
  font-size: 0.14rem;
  line-height: 0.6rem;
  color: #fff
}
.header .nav-mobile-back .fh {
  margin-left: 0.1rem
}
@media screen and (max-width: 500px) {
  .header .nav-mobile-back .fh {
    margin-left: 0.025rem
  }
}
.header .nav-mobile .sub {
  display: none;
  border-top: 0.005rem solid #e2e2e2
}
.header .nav-mobile .sub li {
  position: relative;
  overflow: hidden
}
.header .nav-mobile .sub li:not(:last-child) a {
  border-bottom: 0.005rem solid #e2e2e2
}
.header .nav-mobile .sub li a {
  display: block;
  padding: 0 0.15rem 0 0.325rem;
  line-height: 0.5rem;
  height: 0.5rem;
  font-size: 0.14rem;
  color: #666;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.header .nav-mobile .menu-search {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ebebeb;
  height: 0.4rem;
  line-height: 0.4rem
}
.header .nav-mobile .menu-search input {
  width: 80%;
  line-height: 0.4rem;
  background: #ebebeb;
  border: none;
  padding-left: 0.15rem
}
.header .nav-mobile .menu-search button {
  display: inline-block;
  width: 20%;
  height: 100%;
  text-align: center;
  border: none;
  background-color: #ebebeb
}
.header .nav-mobile .menu-search button span {
  color: #555;
  font-size: 0.25rem
}
.header .nav-mobile :root {
  --searchSize: 0.22rem;
  --headerHeight: 0.35rem
}
@media screen and (max-width: 1024px) {
  .header .nav-mobile :root {
    --searchSize: 0.3rem;
    --headerHeight: 0.6rem
  }
}
.header .nav-mobile .menu-unfold {
  top: -moz-calc(0.6rem + 0.15rem);
  top: calc(0.6rem + 0.15rem);
  right: 0;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s
}
.header .nav-mobile .menu-unfold .menu-box {
  top: -moz-calc(0.6rem + 0.15rem);
  top: calc(0.6rem + 0.15rem);
  right: 0;
  z-index: 20;
  overflow-y: auto;
  height: 100%;
  background-color: #fff;
  display: inline-block;
  width: 100%
}
.header .nav-mobile .menu-unfold .menu-box::-webkit-scrollbar {
  display: none
}
.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.2rem 0.25rem;
  width: 2.4rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f0f0f0
}
.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0.1rem 0.15rem;
  border-radius: 0.25rem;
  border: 0.005rem solid #eee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff
}
.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input {
  width: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  border: none;
  font-size: 0.13rem
}
.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::-webkit-input-placeholder {
  color: #666;
  font-size: 0.13rem
}
.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input:-moz-placeholder {
  color: #666;
  font-size: 0.13rem
}
.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::-moz-placeholder {
  color: #666;
  font-size: 0.13rem
}
.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input:-ms-input-placeholder {
  color: #666;
  font-size: 0.13rem
}
.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::-ms-input-placeholder {
  color: #666;
  font-size: 0.13rem
}
.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::placeholder {
  color: #666;
  font-size: 0.13rem
}
.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box button {
  background-color: transparent;
  border: none;
  font-size: 0.2rem
}
.header .nav-mobile .menu-unfold .menu-box .menu-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  color: #333;
  font-size: 0.16rem;
  line-height: 0.5rem;
  background-color: #fff;
  border-bottom: 0.005rem solid rgba(149, 149, 149, 0.2549019608);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.header .nav-mobile .menu-unfold .menu-box .menu-item .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0.15rem 0 0.35rem
}
.header .nav-mobile .menu-unfold .menu-box .menu-item a {
  color: #333;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.header .nav-mobile .menu-unfold .menu-box .menu-item .iconfont {
  font-size: 0.27rem;
  color: #333;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  width: 0.15rem;
  text-align: center;
  padding-left: 0.6rem
}
.header .nav-mobile .menu-unfold .menu-box .menu-item .menu-2-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0.15rem 0 0.35rem;
  border-top: 0.005rem solid rgba(149, 149, 149, 0.2549019608);
  color: #666;
  font-size: 0.14rem
}
.header .nav-mobile .menu-unfold .menu-box .menu-item .menu-3, .header .nav-mobile .menu-unfold .menu-box .menu-item .menu-2 {
  display: none
}
.header .nav-mobile .menu-unfold .menu-box .menu-item .menu-3 > a, .header .nav-mobile .menu-unfold .menu-box .menu-item .menu-2 > a {
  padding: 0 0.15rem 0 0.35rem;
  display: block;
  color: #666;
  font-size: 0.14rem
}
.header .nav-mobile .flex-box {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 0;
  overflow: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  background-color: #fff
}
.header .header-icon-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.header .header-icon-box .header-qrcode {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width: 1024px) {
  .header .header-icon-box .header-qrcode {
    display: none
  }
}
.header .header-icon-box .header-qrcode .item {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer
}
.header .header-icon-box .header-qrcode .item:not(:last-child) {
  margin-right: 0.1rem
}
.header .header-icon-box .header-qrcode .item .iconfont {
  color: #fff;
  font-size: 0.12rem;
  position: relative
}
.header .header-icon-box .header-qrcode .item .number-box {
  position: absolute;
  top: 150%;
  white-space: nowrap;
  text-align: center;
  width: 0.85rem;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
  visibility: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0
}
.header .header-icon-box .header-qrcode .item .number-box::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.06rem 0.05rem 0;
  border-color: #fff transparent transparent;
  position: absolute;
  bottom: 99%;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(-180deg);
  -moz-transform: translateX(-50%) rotate(-180deg);
  transform: translateX(-50%) rotate(-180deg)
}
.header .header-icon-box .header-qrcode .item .number-box .phone-num {
  border-radius: 0.05rem 0.05rem 0 0;
  font-size: 0.1rem;
  font-family: "mon";
  font-weight: bold;
  background-color: #fff;
  color: #c8678b;
  line-height: 2
}
.header .header-icon-box .header-qrcode .item .number-box .text {
  font-size: 0.07rem;
  line-height: 2;
  color: #fff;
  background-color: #c8678b;
  border-radius: 0 0 0.05rem 0.05rem
}
.header .header-icon-box .header-qrcode .item .qrcode-box {
  position: absolute;
  top: 150%;
  width: 0.55rem;
  height: 0.55rem;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  transform-origin: top center;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0
}
.header .header-icon-box .header-qrcode .item .qrcode-box img {
  border-radius: 0.05rem;
  max-width: 100%
}
.header .header-icon-box .header-qrcode .item .qrcode-box::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.06rem 0.05rem 0;
  border-color: #fff transparent transparent;
  position: absolute;
  bottom: 99%;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(-180deg);
  -moz-transform: translateX(-50%) rotate(-180deg);
  transform: translateX(-50%) rotate(-180deg)
}
.header .header-icon-box .header-qrcode .item:hover .number-box, .header .header-icon-box .header-qrcode .item:hover .qrcode-box {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  visibility: visible;
  opacity: 1
}
.header .header-icon-box .header-qrcode .item svg {
  fill: #fff;
  fill-rule: evenodd
}
.header .hover-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  border-radius: 0.05rem;
  -webkit-transform: translateX(-50%) translateY(0.05rem);
  -moz-transform: translateX(-50%) translateY(0.05rem);
  transform: translateX(-50%) translateY(0.05rem);
  padding: 0.15rem 0.235rem 0.1rem
}
.header .hover-menu::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.055rem 0.05rem;
  border-color: transparent transparent #fff;
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%)
}
@media screen and (max-width: 1024px) {
  .header .hover-menu {
    top: 80%
  }
}
.header .hover-menu a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.075rem;
  color: #333;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  padding-bottom: 0.055rem;
  position: relative;
  white-space: nowrap
}
.header .hover-menu a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.01rem;
  left: 0;
  bottom: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s
}
.header .hover-menu a:not(:last-child) {
  margin-bottom: 0.12rem
}
.header .hover-menu a:hover::after, .header .hover-menu a.on::after {
  background-color: #c8678b
}
.header .search-box {
  height: var(--searchSize);
  position: relative
}
.header .search-box .header-search-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  background-color: transparent;
  cursor: pointer;
  height: var(--searchSize);
  border-radius: 50%
}
.header .search-box .header-search-btn .icon-sousuo {
  font-size: 0.11rem;
  color: #333;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  position: static
}
@media screen and (max-width: 1024px) {
  .header .search-box .header-search-btn .icon-sousuo {
    font-size: 0.29rem;
    color: #707070;
    margin-left: 0.1rem
  }
}
.nav-mobile {
  position: absolute;
  width: 100%;
  top: 0.5rem;
  right: 0;
  bottom: 0;
  z-index: 99999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.nav-mobile.anim {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  height: -moz-calc(100vh - 0.5rem);
  height: calc(100vh - 0.5rem)
}
.nav-mobile-con {
  display: none;
  position: fixed;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden;
  z-index: 8889;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease
}
.nav-mobile-con .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1
}
.nav-mobile-con.anim .nav-mobile-search {
  -webkit-transform: translateX(0) !important;
  -moz-transform: translateX(0) !important;
  transform: translateX(0) !important
}
.nav-mobile-con.anim .nav-mobile-back {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0)
}
.nav-mobile-back {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 0.25rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 0.5rem;
  background-color: #c8678b;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transform: translateX(100%)
}
.nav-mobile-back span {
  position: relative;
  z-index: 1;
  font-size: 0.14rem;
  line-height: 0.5rem;
  color: #fff
}
@media screen and (max-width: 500px) {
  .nav-mobile-back span {
    line-height: 0.25rem
  }
}
.nav-mobile-back .fh {
  margin-left: 0.1rem
}
@media screen and (max-width: 500px) {
  .nav-mobile-back .fh {
    margin-left: 0.025rem
  }
}
.nav-mobile .sub {
  display: none;
  border-top: 0.005rem solid #e2e2e2
}
.nav-mobile .sub li {
  position: relative;
  overflow: hidden
}
.nav-mobile .sub li:not(:last-child) a {
  border-bottom: 0.005rem solid #e2e2e2
}
.nav-mobile .sub li a {
  display: block;
  padding: 0 0.15rem 0 0.325rem;
  line-height: 0.5rem;
  height: 0.5rem;
  font-size: 0.14rem;
  color: #666;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.nav-mobile .menu-search {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ebebeb;
  height: 0.4rem;
  line-height: 0.4rem
}
.nav-mobile .menu-search input {
  width: 80%;
  line-height: 0.4rem;
  background: #ebebeb;
  border: none;
  padding-left: 0.15rem
}
.nav-mobile .menu-search button {
  display: inline-block;
  width: 20%;
  height: 100%;
  text-align: center;
  border: none;
  background-color: #ebebeb
}
.nav-mobile .menu-search button span {
  color: #555;
  font-size: 0.25rem
}
.nav-mobile :root {
  --searchSize: 0.22rem;
  --headerHeight: 0.35rem
}
@media screen and (max-width: 1024px) {
  .nav-mobile :root {
    --searchSize: 0.3rem;
    --headerHeight: 0.5rem
  }
}
.nav-mobile .menu-unfold {
  top: -moz-calc(0.5rem + 0.15rem);
  top: calc(0.5rem + 0.15rem);
  right: 0;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  height: 100%
}
.nav-mobile .menu-unfold .menu-box {
  top: -moz-calc(0.5rem + 0.15rem);
  top: calc(0.5rem + 0.15rem);
  right: 0;
  z-index: 20;
  overflow-y: auto;
  height: 100%;
  background-color: #fff;
  display: inline-block;
  width: 100%
}
.nav-mobile .menu-unfold .menu-box::-webkit-scrollbar {
  display: none
}
.nav-mobile .menu-unfold .menu-box .nav-mobile-search {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.2rem 0.25rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border-bottom: 0.005rem solid rgba(149, 149, 149, 0.2)
}
.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0.125rem 0.15rem;
  border-radius: 0.25rem;
  border: 0.005rem solid #d8d7d7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #eee
}
.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input {
  width: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  border: none;
  font-size: 0.13rem;
  background-color: transparent
}
.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::-webkit-input-placeholder {
  color: #666;
  font-size: 0.13rem
}
.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input:-moz-placeholder {
  color: #666;
  font-size: 0.13rem
}
.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::-moz-placeholder {
  color: #666;
  font-size: 0.13rem
}
.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input:-ms-input-placeholder {
  color: #666;
  font-size: 0.13rem
}
.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::-ms-input-placeholder {
  color: #666;
  font-size: 0.13rem
}
.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::placeholder {
  color: #666;
  font-size: 0.13rem
}
.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box .iconfont {
  color: #999;
  font-size: 0.15rem
}
.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box button {
  background-color: transparent;
  border: none;
  font-size: 0.2rem
}
.nav-mobile .menu-unfold .menu-box .menu-item {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  color: #333;
  font-size: 0.16rem;
  line-height: 0.5rem;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 0.005rem solid rgba(149, 149, 149, 0.2)
}
.nav-mobile .menu-unfold .menu-box .menu-item .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0.15rem 0 0.35rem
}
.nav-mobile .menu-unfold .menu-box .menu-item a {
  color: #333;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.nav-mobile .menu-unfold .menu-box .menu-item .iconfont {
  font-size: 0.2rem;
  color: #333;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  width: 0.15rem;
  text-align: center;
  padding-left: 0.4rem
}
.nav-mobile .menu-unfold .menu-box .menu-item .menu-2 {
  display: none
}
.nav-mobile .menu-unfold .menu-box .menu-item .menu-2 a {
  padding: 0 0.15rem 0 0.35rem;
  border-top: 0.005rem solid rgba(149, 149, 149, 0.2549019608);
  display: block;
  color: #666;
  font-size: 0.14rem
}
.nav-mobile .flex-box {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 0;
  background-color: rgba(0, 0, 0, 0.3)
}
.footer {
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.4rem;
  padding-bottom: 0.45rem;
  min-height: 2.7rem;
  background-color: #c8678b;
  background-position: center bottom;
  position: relative;
  z-index: 50
}
@media screen and (max-width: 1024px) {
  .footer {
    height: auto;
    background-image: var(--mb) !important;
    background-size: 100% auto
  }
}
.footer .top-bg {
  position: absolute;
  bottom: -moz-calc(100% - 0.01rem);
  bottom: calc(100% - 0.01rem);
  left: 0;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none
}
.footer .top-bg img {
  width: 100%
}
.footer .footer-wrapper .head {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0.11rem
}
.footer .footer-wrapper .head .slogan {
  color: #fff;
  font-size: 0.16rem;
  letter-spacing: 0.03rem;
  font-family: "HYJieLong"
}
.footer .footer-wrapper .head .logo {
  display: block
}
.footer .footer-wrapper .head .logo img {
  height: 0.305rem
}
@media screen and (max-width: 1024px) {
  .footer .footer-wrapper .head .logo img {
    height: 0.38rem
  }
}
.footer .footer-wrapper .info-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 1024px) {
  .footer .footer-wrapper .info-box {
    display: block
  }
}
.footer .footer-wrapper .info-box .left .info {
  font-size: 0.09rem;
  color: #f1dde5;
  line-height: 0.18rem
}
@media screen and (max-width: 1024px) {
  .footer .footer-wrapper .info-box .left .info {
    font-size: 0.12rem;
    line-height: 2
  }
}
.footer .footer-wrapper .info-box .left .info a {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  margin-right: 0.025rem
}
.footer .footer-wrapper .info-box .left .info a:hover {
  color: #fff
}
.footer .footer-wrapper .info-box .left .info .box img {
  margin-top: 0.04rem;
  margin-right: 0.025rem
}
.footer .footer-wrapper .info-box .left .info .box .other {
  width: 0.225rem;
  height: 0.275rem;
  margin-top: -0.1rem;
  position: relative;
  margin-left: 0.05rem
}
.footer .footer-wrapper .info-box .left .info .box .other img {
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute
}
.footer .footer-wrapper .info-box .left .footer-qrcode {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.075rem;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.footer .footer-wrapper .info-box .left .footer-qrcode .other {
  margin-right: 0.04rem
}
.footer .footer-wrapper .info-box .left .footer-qrcode .qrcode {
  position: relative;
  cursor: pointer;
  margin-right: 0.04rem;
  font-size: 0.08rem;
  color: #fefefe;
  white-space: nowrap;
  text-align: center
}
@media screen and (max-width: 1024px) {
  .footer .footer-wrapper .info-box .left .footer-qrcode .qrcode {
    margin-right: 0.18rem;
    font-size: 0.11rem
  }
}
.footer .footer-wrapper .info-box .left .footer-qrcode .qrcode .icon {
  width: 0.2rem;
  height: 0.2rem;
  background-color: #e59eba;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  margin: 0 auto
}
@media screen and (max-width: 1024px) {
  .footer .footer-wrapper .info-box .left .footer-qrcode .qrcode .icon {
    width: 0.35rem;
    height: 0.35rem
  }
}
.footer .footer-wrapper .info-box .left .footer-qrcode .qrcode .icon img {
  width: 100%;
  height: 100%
}
.footer .footer-wrapper .info-box .left .footer-qrcode .qrcode .icon .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
.footer .footer-wrapper .info-box .left .footer-qrcode .qrcode:hover .qrcode-box {
  -webkit-transform: translateY(0) translateX(-50%);
  -moz-transform: translateY(0) translateX(-50%);
  transform: translateY(0) translateX(-50%);
  visibility: visible;
  opacity: 1
}
.footer .footer-wrapper .info-box .left .footer-qrcode .qrcode-box {
  position: absolute;
  bottom: 120%;
  width: 0.6rem;
  height: 0.6rem;
  -webkit-transform: translateY(30%) translateX(-50%);
  -moz-transform: translateY(30%) translateX(-50%);
  transform: translateY(30%) translateX(-50%);
  visibility: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  left: 50%;
  padding: 0.025rem;
  background-color: #fff;
  border-radius: 0.05rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.footer .footer-wrapper .info-box .left .footer-qrcode .qrcode-box img {
  border-radius: 0.05rem;
  max-width: 100%;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto
}
.footer .footer-wrapper .info-box .left .footer-qrcode .qrcode-box::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.06rem 0.05rem 0;
  border-color: #fff transparent transparent;
  position: absolute;
  top: 98%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%)
}
.footer .footer-wrapper .info-box .right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width: 1024px) {
  .footer .footer-wrapper .info-box .right {
    display: block;
    margin-top: 0.265rem
  }
}
.footer .footer-wrapper .info-box .right .item {
  border: 0.01rem dashed rgba(231, 199, 212, 0.4);
  border-radius: 0.05rem;
  padding: 0.2rem 0.075rem 0.1rem 0.085rem
}
.footer .footer-wrapper .info-box .right .item + .item {
  margin-left: 0.08rem
}
@media screen and (max-width: 1024px) {
  .footer .footer-wrapper .info-box .right .item + .item {
    margin-left: 0;
    margin-top: 0.14rem
  }
}
.footer .footer-wrapper .info-box .right .item .title {
  color: #fff;
  font-size: 0.09rem;
  font-weight: bold;
  margin-bottom: 0.1rem
}
@media screen and (max-width: 1024px) {
  .footer .footer-wrapper .info-box .right .item .title {
    font-size: 0.15rem
  }
}
.footer .footer-wrapper .info-box .right .item .info {
  font-size: 0.07rem;
  color: #f1dde5;
  line-height: 0.18rem
}
@media screen and (max-width: 1024px) {
  .footer .footer-wrapper .info-box .right .item .info {
    font-size: 0.13rem;
    line-height: 0.24rem
  }
}
.footer .footer-wrapper .info-box .right .item p {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 1024px) {
  .footer .footer-wrapper .info-box .right .item p {
    display: block;
    margin-bottom: 0.05rem
  }
}
.footer .footer-wrapper .info-box .right .item p span {
  display: block
}
.footer .footer-wrapper .info-box .right .item p span + span {
  margin-left: 0.15rem
}
@media screen and (max-width: 1024px) {
  .footer .footer-wrapper .info-box .right .item p span + span {
    margin-left: 0
  }
}
.tips {
  position: absolute;
  top: 0.1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 999
}
@media (max-width: 1024px) {
  .tips {
    width: 100%
  }
}
.tips .box {
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0 0.05rem 0.025rem 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.05rem 0.025rem 0 rgba(193, 124, 155, 0.3);
  border: 0.01rem solid #e59eba;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.tips .box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.tips .box .close {
  position: absolute;
  top: 0.025rem;
  right: 0.05rem;
  font-size: 0.1rem;
  color: #fff;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}
.tips .box .close svg path {
  fill: #fff
}
.tips .box .close:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2)
}
.qrcode-box {
  position: fixed;
  right: 0.025rem;
  bottom: 0.1rem;
  -webkit-box-shadow: 0 0.05rem 0.075rem 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.05rem 0.075rem 0 rgba(193, 124, 155, 0.3);
  border: 0.01rem solid #e59eba;
  z-index: 99;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.025rem;
  border-radius: 0.025rem;
  max-width: 0.65rem
}
@media (max-width: 1024px) {
  .qrcode-box {
    max-width: 1.05rem
  }
  .qrcode-box.hide {
    display: none
  }
}
.qrcode-box .close {
  position: absolute;
  bottom: -moz-calc(100% - 0.025rem);
  bottom: calc(100% - 0.025rem);
  left: -0.05rem;
  width: 0.1rem;
  height: 0.1rem;
  background-color: #fff;
  border-radius: 100%;
  border: 0.01rem solid #e59eba;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.01rem;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}
@media (max-width: 1024px) {
  .qrcode-box .close {
    width: 0.2rem;
    height: 0.2rem;
    left: -0.1rem
  }
}
.qrcode-box .close svg {
  width: 100%;
  height: 100%
}
.qrcode-box .close:hover {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  transform: scale(1.3)
}
.qrcode-box .img {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 auto;
  overflow: hidden
}
@media (max-width: 1024px) {
  .qrcode-box .img {
    width: 1rem;
    height: 1rem
  }
}
.qrcode-box .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.qrcode-box p {
  text-align: center;
  font-size: 0.07rem
}
@media (max-width: 1024px) {
  .qrcode-box p {
    font-size: 0.13rem;
    line-height: 0.2rem
  }
}
.page-banner {
  position: relative;
}
.page-banner .img-box {
  position: relative;
  padding-bottom: 29.1666666667%;
  overflow: hidden
}
.page-banner .img-box video, .page-banner .img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
.page-banner .img-box img:last-of-type {
  display: none
}
.page-banner .img-box img:last-of-type:first-of-type {
  display: inline-block
}
@media screen and (max-width: 1024px) {
  .page-banner .img-box img:first-of-type {
    display: none
  }
  .page-banner .img-box img:last-of-type {
    display: inline-block
  }
}
@media screen and (max-width: 1024px) {
  .page-banner .img-box img {
    -o-object-position: 70% center;
    object-position: 70% center
  }
}
@media screen and (max-width: 1024px) {
  .page-banner .img-box {
    position: relative;
    padding-bottom: 60%;
    overflow: hidden
  }
  .page-banner .img-box video, .page-banner .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
  }
}
.page-nav {
  position: relative;
  z-index: 10;
  background-color: #FDF6F9;
  width: 1.7rem;
  border-radius: 0.15rem 0.15rem 0;
  border: 0.015rem solid #e7c7d4;
  margin: -0.01rem 0 -0.01rem -0.01rem;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-position: 80% bottom;
  padding-bottom: 0.9rem
}
@media screen and (max-width: 1024px) {
  .page-nav .wp {
    padding: 0
  }
}
.page-nav .mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh
}
@media screen and (max-width: 1024px) {
  .page-nav {
    background-image: none !important;
    padding-bottom: 0;
    border-radius: 0.15rem 0.15rem 0 0;
    width: 100%;
    border: none;
    margin: 0;
    border-bottom: 0.01rem solid #e7c7d4
  }
}
.page-nav .nav-bg {
  position: absolute;
  width: 100%;
  left: 0;
  top: -moz-calc(100% + 0.01rem);
  top: calc(100% + 0.01rem);
  background-color: #fff;
  height: 0.35rem;
  border-bottom: 0.005rem solid #eee;
  display: none;
  z-index: -1;
  -webkit-box-shadow: 0 0.05rem 0.05rem 0 inset rgba(95, 94, 91, 0.1);
  box-shadow: 0 0.05rem 0.05rem 0 inset rgba(95, 94, 91, 0.1)
}
.page-nav-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}
@media screen and (max-width: 1024px) {
  .page-nav-wrapper {
    height: 0.5rem;
    position: static;
    padding: 0 0.15rem
  }
}
.page-nav-right {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.page-nav-right .mb-nav {
  display: none
}
@media screen and (max-width: 1024px) {
  .page-nav-right .mb-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.15rem;
    color: #c8678b;
    height: 100%;
    width: 100%;
    z-index: 10;
    position: relative;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .page-nav-right .mb-nav .iconfont {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 0.14rem;
    margin-left: 0.075rem;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
  }
  .page-nav-right .mb-nav.active .iconfont {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }
}
.page-nav-right .nav-content {
  width: 100%
}
@media screen and (max-width: 1024px) {
  .page-nav-right .nav-content {
    position: absolute;
    width: 100%;
    top: 100%;
    z-index: 30;
    left: 0;
    background-color: #fff;
    display: none;
    padding-bottom: 0.15rem;
    height: auto;
    border-top: 0.005rem solid rgba(118, 118, 118, 0.1)
  }
}
.page-nav-right .sub {
  display: none;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.13rem;
  background-color: #fff;
  z-index: 5;
  text-align: center
}
@media screen and (max-width: 1024px) {
  .page-nav-right .sub {
    opacity: 1;
    visibility: visible;
    position: static;
    height: auto;
    display: none;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
  }
}
.page-nav-right .sub.show {
  visibility: visible;
  opacity: 1
}
.page-nav-right .sub.right, .page-nav-right .sub.left {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0)
}
.page-nav-right .sub.left {
  left: 0
}
.page-nav-right .sub.right {
  right: 0;
  left: auto
}
.page-nav-right .sub a {
  font-size: 0.08rem;
  color: #333;
  height: 0.3rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  padding: 0 0.15rem;
  position: relative
}
.page-nav-right .sub a:not(:last-child) {
  border-bottom: 0.005rem dashed #ecd7e1
}
.page-nav-right .sub a::before {
  content: "";
  background-color: #666;
  width: 0.025rem;
  height: 0.025rem;
  border-radius: 50%;
  margin-right: 0.04rem;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  transition: inherit
}
@media screen and (max-width: 1024px) {
  .page-nav-right .sub a {
    font-size: 0.13rem;
    height: 0.5rem;
    padding-left: 0.15rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
  }
}
@media screen and (min-width: 1024px) {
  .page-nav-right .sub a:hover {
    color: #c8678b;
    border-color: #c8678b
  }
  .page-nav-right .sub a:hover::before {
    background-color: #c8678b
  }
}
.page-nav-right .sub a.on {
  color: #c8678b
}
.page-nav-right .sub a.on::before {
  background-color: #c8678b
}
@media screen and (max-width: 1024px) {
  .page-nav-right .sub a {
    margin-right: 0;
    border-bottom: 0.005rem solid #e5e5e5
  }
}
.page-nav-right .nav-item {
  width: 100%;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 1024px) {
  .page-nav-right .nav-item {
    padding-right: 0;
    display: block
  }
}
.page-nav-right .nav-item .head {
  width: 100%;
  height: 0.4rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 0.005rem solid rgba(205, 178, 189, 0.3);
  position: relative
}
@media screen and (max-width: 1024px) {
  .page-nav-right .nav-item .head {
    position: relative;
    z-index: 10;
    height: 0.5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 0.005rem solid rgba(118, 118, 118, 0.1);
    margin-right: 0
  }
  .page-nav-right .nav-item .head:last-child {
    position: relative;
    z-index: 10
  }
  .page-nav-right .nav-item .head:last-child .mb-more-btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    pointer-events: none;
    z-index: -1
  }
  .page-nav-right .nav-item .head:last-child .mb-more-btn .iconfont {
    font-size: 0.14rem;
    color: #c8678b
  }
  .page-nav-right .nav-item .head:last-child .mb-more-btn .iconfont::before {
    content: "\e63e"
  }
}
.page-nav-right .nav-item .head > a {
  z-index: 10;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 0.09rem;
  color: #333;
  height: 100%;
  line-height: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.12rem 0 0.25rem;
  width: 100%
}
@media screen and (max-width: 1024px) {
  .page-nav-right .nav-item .head > a {
    text-align: right;
    font-size: 0.14rem;
    line-height: 0.5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
}
.page-nav-right .nav-item .head > a .iconfont {
  color: #999;
  font-size: 0.07rem
}
@media screen and (max-width: 1024px) {
  .page-nav-right .nav-item .head > a .iconfont {
    display: none
  }
}
.page-nav-right .nav-item .head > a::before {
  position: absolute;
  top: 50%;
  left: 0.15rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 0.07rem;
  height: 0.07rem;
  border-radius: 50%;
  border: 0.01rem solid #666;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
@media screen and (max-width: 1024px) {
  .page-nav-right .nav-item .head > a::before {
    width: 0.08rem;
    height: 0.08rem;
    left: 0.125rem
  }
}
.page-nav-right .nav-item .head > a::after {
  content: "";
  position: absolute;
  bottom: -0.005rem;
  width: 0;
  height: 0.01rem;
  background-color: #c8678b;
  left: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
.page-nav-right .nav-item .head > a:hover, .page-nav-right .nav-item .head > a.on {
  color: #c8678b;
  font-weight: bold
}
.page-nav-right .nav-item .head > a:hover .iconfont, .page-nav-right .nav-item .head > a.on .iconfont {
  color: inherit
}
.page-nav-right .nav-item .head > a:hover::after, .page-nav-right .nav-item .head > a.on::after {
  width: 100%
}
.page-nav-right .nav-item .head > a:hover::before, .page-nav-right .nav-item .head > a.on::before {
  border-color: #c8678b
}
@media screen and (max-width: 1024px) {
  .page-nav-right .nav-item .head > a:hover, .page-nav-right .nav-item .head > a.on {
    border-color: transparent;
    background-color: transparent;
    color: #333
  }
}
.page-nav-right .nav-item .mb-more-btn {
  display: none;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 15%;
  color: #999;
  cursor: pointer;
  height: 100%
}
.page-nav-right .nav-item .mb-more-btn .iconfont {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s
}
@media screen and (max-width: 1024px) {
  .page-nav-right .nav-item .mb-more-btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 0.5rem;
    margin-right: 0.12rem
  }
  .page-nav-right .nav-item .mb-more-btn .iconfont {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    font-size: 0.14rem;
    color: #c8678b
  }
}
.page-nav-right .nav-item .mb-more-btn.active .iconfont {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg)
}
@media screen and (min-width: 1024px) {
  .page-nav-right .nav-item:hover .sub {
    visibility: visible;
    opacity: 1
  }
}
.index-banner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}
.index-banner .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden
}
.index-banner .swiper-container .swiper-slide {
  overflow: hidden
}
.index-banner .swiper-container .swiper-slide .img-box {
  position: relative;
  padding-bottom: 50.4466631634%;
  overflow: hidden
}
.index-banner .swiper-container .swiper-slide .img-box video, .index-banner .swiper-container .swiper-slide .img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
@media screen and (max-width: 1024px) {
  .index-banner .swiper-container .swiper-slide .img-box {
    position: relative;
    padding-bottom: 128%;
    overflow: hidden
  }
  .index-banner .swiper-container .swiper-slide .img-box video, .index-banner .swiper-container .swiper-slide .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
  }
}
.index-banner .swiper-container .swiper-slide .img-box img:last-of-type {
  display: none
}
.index-banner .swiper-container .swiper-slide .img-box img:last-of-type:first-of-type {
  display: inline-block
}
@media screen and (max-width: 1024px) {
  .index-banner .swiper-container .swiper-slide .img-box img:first-of-type {
    display: none
  }
  .index-banner .swiper-container .swiper-slide .img-box img:last-of-type {
    display: inline-block
  }
}
.index-banner .swiper-container .wp {
  position: absolute;
  left: 50%;
  bottom: 0.25rem;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 4;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width: 1024px) {
  .index-banner .swiper-container .wp {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    left: 0;
    bottom: 0.15rem
  }
}
.index-banner .swiper-container .pagination {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.index-banner .swiper-container .pagination.swiper-pagination-lock {
  display: none
}
.index-banner .swiper-container .pagination .swiper-pagination-bullet {
  opacity: 1;
  background-color: #fff;
  width: 0.06rem;
  height: 0.06rem;
  margin: 0 0.025rem
}
.index-banner .swiper-container .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ad5478;
  width: 0.08rem;
  height: 0.08rem
}
.index-nav .wrapper {
  position: relative;
  z-index: 10
}
.index-nav .bg-box {
  position: relative;
  background-color: #F5E4EB;
  height: 0.35rem;
  z-index: 5
}
.index-nav .bg-box.scroll {
  height: 0.8rem
}
.index-nav .bg-box .bg-1, .index-nav .bg-box .bg-2 {
  position: absolute;
  width: 100%;
  z-index: 5
}
.index-nav .bg-box .bg-1 {
  bottom: -moz-calc(100% - 0.005rem);
  bottom: calc(100% - 0.005rem)
}
.index-nav .bg-box .bg-2 {
  top: 100%
}
.index-nav .wp {
  position: relative;
  z-index: 20
}
.index-nav .slogan {
  position: relative;
  z-index: 5;
  height: 0.35rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.11rem;
  color: #fff;
  font-weight: bold;
  border-radius: 0.05rem;
  -webkit-box-shadow: 0 0.05rem 0 0 #e7c7d4;
  box-shadow: 0 0.05rem 0 0 #e7c7d4;
  background-color: #c8678b;
  background-repeat: no-repeat;
  line-height: 1;
  margin-top: -0.15rem
}
@media screen and (max-width: 1024px) {
  .index-nav .slogan {
    font-size: 0.2rem;
    height: 0.5rem;
    background-image: var(--mb) !important;
    background-size: contain;
    background-position: right bottom
  }
}
.index-nav .slogan span + span {
  margin-left: 0.1rem
}
.index-nav .nav {
  margin-top: 0.15rem
}
@media screen and (max-width: 1024px) {
  .index-nav .nav {
    margin-top: 0.19rem
  }
}
.index-nav .nav .list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.07rem
}
@media screen and (max-width: 1024px) {
  .index-nav .nav .list {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin: 0 -0.095rem -0.19rem
  }
}
.index-nav .nav li {
  width: 20%;
  padding: 0 0.07rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
@media screen and (max-width: 1024px) {
  .index-nav .nav li {
    width: 50%;
    padding: 0 0.095rem;
    margin-bottom: 0.19rem
  }
  .index-nav .nav li:nth-child(n+5) {
    width: 100%
  }
}
.index-nav .nav li.pc-hidden {
  display: none
}
@media screen and (max-width: 1024px) {
  .index-nav .nav li.pc-hidden {
    display: block
  }
}
.index-nav .nav .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 0.6rem;
  background-color: #dd86a6;
  color: #fff;
  border-radius: 0.075rem;
  -webkit-box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  padding: 0 0.1rem 0 0.15rem;
  background-repeat: no-repeat;
  background-position: right bottom;
  position: relative;
  z-index: 10
}
@media screen and (max-width: 1024px) {
  .index-nav .nav .item {
    height: 0.75rem;
    background-size: 0.4rem
  }
}
.index-nav .nav .item:hover .bg {
  background-color: #c8678b;
  opacity: 1
}
.index-nav .nav .item .bg {
  border-radius: inherit;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  opacity: 0
}
.index-nav .nav .item .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.index-nav .nav .item .icon img {
  height: 0.215rem
}
@media screen and (max-width: 1024px) {
  .index-nav .nav .item .icon img {
    height: 0.275rem
  }
}
.index-nav .nav .item .text-box {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0.1rem
}
.index-nav .nav .item .text-box .title {
  font-weight: bold;
  font-size: 0.1rem;
  margin-bottom: 0.04rem
}
@media screen and (max-width: 1024px) {
  .index-nav .nav .item .text-box .title {
    font-size: 0.15rem;
    letter-spacing: 0.015rem;
    margin-bottom: 0.01rem
  }
}
.index-nav .nav .item .text-box .more {
  font-size: 0.06rem;
  opacity: 0.7
}
@media screen and (max-width: 1024px) {
  .index-nav .nav .item .text-box .more {
    font-size: 0.11rem
  }
}
.index-nav .nav .item .iconfont {
  color: rgba(255, 255, 255, 0.5)
}
.normal-pagination {
  font-size: 0
}
.normal-pagination .swiper-pagination-bullet {
  width: 0.065rem;
  height: 0.065rem;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 1;
  margin: 0 0.02rem !important;
  border: 0.01rem solid #b56384
}
@media screen and (max-width: 1024px) {
  .normal-pagination .swiper-pagination-bullet {
    width: 0.09rem;
    height: 0.09rem
  }
}
.normal-pagination .swiper-pagination-bullet-active {
  background-color: #e590b1;
  border-color: #e590b1
}
.index-section-1 {
  margin-top: 0.3rem
}
.index-section-1 .index-news {
  position: relative
}
.index-section-1 .index-news .tab-box {
  position: absolute;
  right: -moz-calc(100% + 0.1rem);
  right: calc(100% + 0.1rem);
  top: 0.29rem
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news .tab-box {
    position: static;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0.1rem;
    margin-top: 0.22rem
  }
}
.index-section-1 .index-news .tab-box .tab-item {
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 0.05rem;
  -webkit-box-shadow: 0.02rem 0.02rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0.02rem 0.02rem 0 0 rgba(193, 124, 155, 0.3);
  background-color: #f8dde9;
  font-size: 0.075rem;
  color: #333;
  line-height: 0.1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news .tab-box .tab-item {
    width: 33.3333333333%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
    font-size: 0.14rem
  }
}
.index-section-1 .index-news .tab-box .tab-item .box {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news .tab-box .tab-item .box {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
  }
}
.index-section-1 .index-news .tab-box .tab-item + .tab-item {
  margin-top: 0.19rem
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news .tab-box .tab-item + .tab-item {
    margin-top: 0;
    margin-left: 0.13rem
  }
}
.index-section-1 .index-news .tab-box .tab-item:hover, .index-section-1 .index-news .tab-box .tab-item.on {
  background-color: #c8678b;
  font-size: 0.08rem;
  color: #fff;
  font-weight: bold
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news .tab-box .tab-item:hover, .index-section-1 .index-news .tab-box .tab-item.on {
    font-size: 0.14rem
  }
}
.index-section-1 .index-news-swiper {
  overflow: hidden;
  position: relative;
  margin-top: 0.25rem;
  padding: 0.175rem 0.2rem;
  background-color: #fff;
  border-radius: 0.05rem;
  -webkit-box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3)
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news-swiper {
    padding: 0.2rem 0.225rem;
    margin-top: 0.19rem
  }
}
.index-section-1 .index-news-pagination {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  z-index: 10;
  right: 0.15rem;
  left: auto !important;
  bottom: auto !important;
  width: auto !important
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news-pagination {
    position: static;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    margin-top: 0.2rem
  }
}
.index-section-1 .index-news-pagination .swiper-pagination-bullet {
  margin: 0.045rem 0 !important
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news-pagination .swiper-pagination-bullet {
    margin: 0 0.035rem !important
  }
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news-pagination {
    right: 0.15rem;
    top: auto;
    bottom: 0 !important;
    height: -moz-calc(100% - 50vw);
    height: calc(100% - 50vw);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.index-section-1 .index-news-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
  }
}
.index-section-1 .index-news-item:hover .index-news-content .title {
  color: #c8678b
}
.index-section-1 .index-news-item:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05)
}
.index-section-1 .index-news-img {
  width: 44.1176470588%
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news-img {
    width: 100%
  }
}
.index-section-1 .index-news-img .img-box {
  border-radius: 0.05rem;
  overflow: hidden;
  position: relative;
  padding-bottom: 58.3333333333%;
  overflow: hidden
}
.index-section-1 .index-news-img .img-box video, .index-section-1 .index-news-img .img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
.index-section-1 .index-news-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 0.2rem;
  padding-top: 0.275rem;
  padding-right: 0.35rem
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news-content {
    padding: 0;
    padding-top: 0.125rem
  }
}
.index-section-1 .index-news-content .title {
  font-size: 0.1rem;
  color: #333;
  line-height: 0.18rem;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0.075rem;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news-content .title {
    font-size: 0.15rem;
    line-height: 0.225rem;
    max-height: none;
    margin-bottom: 0.125rem
  }
}
.index-section-1 .index-news-content .desc {
  font-size: 0.075rem;
  color: #999;
  line-height: 0.18rem;
  height: 0.54rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 0.2rem
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news-content .desc {
    font-size: 0.12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 0.6rem;
    line-height: 0.2rem
  }
}
.index-section-1 .index-news-content .date {
  font-size: 0.07rem;
  color: #999
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news-content .date {
    font-size: 0.12rem;
    margin-top: 0.1rem
  }
}
.index-section-1 .index-news-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.15rem -0.055rem 0
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news-list {
    margin-top: 0.15rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
}
.index-section-1 .index-news-list li {
  width: 33.3333333333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.055rem
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news-list li {
    width: 100%;
    margin-bottom: 0.15rem
  }
}
.index-section-1 .index-news-list .item {
  display: block;
  border-radius: 0.05rem;
  -webkit-box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  min-height: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.15rem 0.175rem 0.175rem;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  background-color: #fff
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news-list .item {
    padding: 0.15rem 0.225rem
  }
}
.index-section-1 .index-news-list .item .bg {
  position: absolute;
  right: 0;
  bottom: -0.1rem;
  opacity: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  width: 0.495rem
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news-list .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.index-section-1 .index-news-list .item:hover {
  background-color: #c8678b
}
.index-section-1 .index-news-list .item:hover .bg {
  opacity: 1
}
.index-section-1 .index-news-list .item:hover .desc, .index-section-1 .index-news-list .item:hover .date, .index-section-1 .index-news-list .item:hover .title {
  color: #fff
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news-list .info-box {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0
  }
}
.index-section-1 .index-news-list .date {
  font-size: 0.07rem;
  color: #999;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news-list .date {
    font-size: 0.12rem
  }
}
.index-section-1 .index-news-list .desc {
  line-height: 0.13rem;
  color: #999;
  font-size: 0.075rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 0.26rem;
  margin-bottom: 0.09rem;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news-list .desc {
    font-size: 0.12rem;
    line-height: 2;
    height: 0.48rem
  }
}
.index-section-1 .index-news-list .title {
  font-size: 0.09rem;
  color: #333;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.09rem;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
@media screen and (max-width: 1024px) {
  .index-section-1 .index-news-list .title {
    font-size: 0.14rem;
    line-height: 0.18rem;
    margin-bottom: 0.08rem
  }
}
.index-section-2 {
  background-repeat: no-repeat;
  background-size: cover;
  height: 5.335rem;
  background-position: center top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 1.13rem;
  margin-top: -0.2rem
}
@media screen and (max-width: 1024px) {
  .index-section-2 {
    background-image: var(--mb) !important;
    height: 7.375rem;
    padding-top: 0.675rem;
    background-size: 100% 100%
  }
}
.index-section-2 .swiper-box {
  position: relative;
  margin-top: 0.225rem
}
@media screen and (max-width: 1024px) {
  .index-section-2 .nav-btn-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0.225rem
  }
}
.index-section-2 .nav-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  background-color: #fbc6db;
  font-size: 0.1rem;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer
}
@media screen and (max-width: 1024px) {
  .index-section-2 .nav-btn {
    position: static;
    width: 0.3rem;
    height: 0.3rem;
    font-size: 0.14rem;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    margin-bottom: 0.165rem
  }
}
.index-section-2 .nav-btn:hover {
  background-color: #f896bd
}
.index-section-2 .nav-btn.prev-btn {
  right: 100%;
  margin-right: 0.1rem
}
@media screen and (max-width: 1024px) {
  .index-section-2 .nav-btn.prev-btn {
    margin-right: 0.05rem
  }
}
.index-section-2 .nav-btn.next-btn {
  left: 100%;
  margin-left: 0.1rem
}
@media screen and (max-width: 1024px) {
  .index-section-2 .nav-btn.next-btn {
    margin-left: 0.05rem
  }
}
.index-section-2 .nav-btn.swiper-button-lock {
  display: none
}
.index-section-2 .pagination {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.09rem;
  margin-bottom: 0.08rem
}
@media screen and (max-width: 1024px) {
  .index-section-2 .pagination {
    display: none
  }
}
.index-section-2 .pagination .swiper-pagination-bullet {
  width: 0.06rem;
  height: 0.06rem;
  background-color: #fbc6db;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 1;
  margin: 0 0.02rem !important
}
.index-section-2 .pagination .swiper-pagination-bullet-active {
  width: 0.08rem;
  height: 0.08rem
}
.index-section-2 .swiper {
  overflow: hidden;
  padding-bottom: 0.04rem
}
.index-section-2 .swiper .list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  margin: 0 -0.055rem -0.13rem
}
@media screen and (max-width: 1024px) {
  .index-section-2 .swiper .list {
    margin: 0 -0.075rem -0.13rem
  }
}
.index-section-2 .swiper .list li {
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.055rem;
  margin-bottom: 0.13rem
}
@media screen and (max-width: 1024px) {
  .index-section-2 .swiper .list li {
    width: 50%;
    padding: 0 0.075rem
  }
}
.index-section-2 .swiper .item {
  background-color: #fff;
  position: relative;
  border: 0.01rem solid #ff9bc2;
  border-radius: 0.075rem;
  -webkit-box-shadow: 0 0.04rem 0 0 #9d3f60;
  box-shadow: 0 0.04rem 0 0 #9d3f60;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  padding: 0.2rem 0.125rem 0.15rem;
  overflow: hidden;
  z-index: 5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.index-section-2 .swiper .item:hover {
  border-color: #f29ebf
}
.index-section-2 .swiper .item:hover .title, .index-section-2 .swiper .item:hover .desc, .index-section-2 .swiper .item:hover .more {
  color: #fff
}
.index-section-2 .swiper .item:hover .bg-icon {
  opacity: 0.3;
  -webkit-filter: brightness(40%);
  filter: brightness(40%)
}
.index-section-2 .swiper .item:hover .bg {
  opacity: 1
}
.index-section-2 .swiper .item .title {
  font-size: 0.18rem;
  color: #333;
  font-weight: bold;
  margin-bottom: 0.035rem;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
@media screen and (max-width: 1024px) {
  .index-section-2 .swiper .item .title {
    margin-bottom: 0.1rem
  }
}
.index-section-2 .swiper .item .desc {
  font-size: 0.07rem;
  line-height: 0.13rem;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0.1rem;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  height: 0.26rem
}
@media screen and (max-width: 1024px) {
  .index-section-2 .swiper .item .desc {
    font-size: 0.11rem;
    line-height: 0.145rem;
    height: 0.29rem
  }
}
.index-section-2 .swiper .item .more {
  font-size: 0.06rem;
  color: #999;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
@media screen and (max-width: 1024px) {
  .index-section-2 .swiper .item .more {
    font-size: 0.11rem
  }
}
.index-section-2 .swiper .item .bg-icon {
  position: absolute;
  right: 0;
  bottom: -0.15rem;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  width: 0.495rem
}
.index-section-2 .swiper .item .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  background-image: -moz-linear-gradient(100deg, #c8678b 0%, #ec8bb2 100%);
  background-image: linear-gradient(-10deg, #c8678b 0%, #ec8bb2 100%);
  opacity: 0
}
.index-section-3 {
  padding-bottom: 0.73rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right bottom
}
@media screen and (max-width: 1024px) {
  .index-section-3 {
    padding-top: 0.3rem;
    background-position: 95% bottom;
    padding-bottom: 0.83rem
  }
}
.index-section-3 .swiper-box {
  position: relative;
  margin-top: 0.165rem
}
@media screen and (max-width: 1024px) {
  .index-section-3 .swiper-box {
    margin-top: 0.285rem
  }
}
.index-section-3 .page-pagination {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 0.09rem;
  color: #666;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}
@media screen and (max-width: 1024px) {
  .index-section-3 .page-pagination {
    display: none
  }
}
.index-section-3 .page-pagination span:first-child {
  font-weight: bold;
  color: #ad5478;
  font-size: 0.16rem
}
.index-section-3 .page-pagination .s {
  margin: 0 0.025rem
}
.index-section-3 .pagination {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.3rem
}
.index-section-3 .pagination .swiper-pagination-bullet-active {
  width: 0.08rem;
  height: 0.08rem;
  background-color: #c8678b;
  border-color: #c8678b
}
@media screen and (max-width: 1024px) {
  .index-section-3 .pagination .swiper-pagination-bullet-active {
    width: 0.12rem;
    height: 0.12rem
  }
}
.index-section-3 .nav-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ebd2dc;
  background-color: transparent;
  font-size: 0.1rem;
  border: 0.01rem solid #ebd2dc;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer
}
.index-section-3 .nav-btn:hover {
  background-color: #c8678b;
  border-color: #c8678b;
  color: #fff
}
.index-section-3 .nav-btn.prev-btn {
  right: 100%;
  margin-right: 0.1rem
}
.index-section-3 .nav-btn.next-btn {
  left: 100%;
  margin-left: 0.1rem
}
.index-section-3 .nav-btn.swiper-button-lock {
  display: none
}
@media screen and (max-width: 1024px) {
  .index-section-3 .nav-btn-box {
    display: none
  }
}
.index-section-3 .swiper {
  overflow: hidden;
  padding: 0.145rem 0;
  margin: -0.145rem 0
}
.index-section-3 .swiper .left {
  width: 37.037037037%;
  border: 0.005rem solid #ead2dc;
  border-radius: 0.05rem;
  overflow: hidden;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}
.index-section-3 .swiper .left .img-box {
  position: relative;
  padding-bottom: 139%;
  overflow: hidden
}
.index-section-3 .swiper .left .img-box video, .index-section-3 .swiper .left .img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
.index-section-3 .swiper .right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  padding-right: 0.175rem;
  padding-left: 0.1rem
}
.index-section-3 .swiper .swiper-slide {
  cursor: pointer
}
.index-section-3 .swiper .swiper-slide-duplicate-active .item, .index-section-3 .swiper .swiper-slide-active .item {
  background-color: #c8678b;
  pointer-events: auto;
  -webkit-box-shadow: 0 0 0.145rem 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0.145rem 0 rgba(0, 0, 0, 0.3)
}
.index-section-3 .swiper .swiper-slide-duplicate-active .item .left, .index-section-3 .swiper .swiper-slide-active .item .left {
  -webkit-transform: translateX(1.69rem);
  -moz-transform: translateX(1.69rem);
  transform: translateX(1.69rem)
}
.index-section-3 .swiper .swiper-slide-duplicate-active .item .right, .index-section-3 .swiper .swiper-slide-active .item .right {
  -webkit-transform: translateX(-1rem);
  -moz-transform: translateX(-1rem);
  transform: translateX(-1rem)
}
.index-section-3 .swiper .swiper-slide-duplicate-active .item .bg, .index-section-3 .swiper .swiper-slide-active .item .bg {
  opacity: 1
}
.index-section-3 .swiper .swiper-slide-duplicate-active .item::after, .index-section-3 .swiper .swiper-slide-active .item::after {
  opacity: 0
}
.index-section-3 .swiper .swiper-slide-duplicate-prev .item::after, .index-section-3 .swiper .swiper-slide-duplicate-next .item::after, .index-section-3 .swiper .swiper-slide-next .item::after, .index-section-3 .swiper .swiper-slide-prev .item::after {
  background-color: rgba(0, 0, 0, 0.1)
}
.index-section-3 .swiper .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #eba3be;
  border-radius: 0.075rem;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.15rem;
  position: relative;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none
}
.index-section-3 .swiper .item .bg {
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  opacity: 0;
  width: 1.9rem
}
.index-section-3 .swiper .item::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
.index-section-3 .swiper .item .title {
  font-weight: bold;
  font-size: 0.11rem;
  color: #fbf1f5;
  margin-bottom: 0.1rem
}
@media screen and (max-width: 1024px) {
  .index-section-3 .swiper .item .title {
    font-size: 0.15rem;
    margin-bottom: 0.075rem
  }
}
.index-section-3 .swiper .item .desc {
  font-size: 0.075rem;
  color: #fbe4f1;
  line-height: 2;
  margin-bottom: 0.265rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 0.45rem
}
@media screen and (max-width: 1024px) {
  .index-section-3 .swiper .item .desc {
    font-size: 0.12rem;
    height: 0.6rem;
    line-height: 0.2rem;
    margin-bottom: 0.15rem
  }
}
.index-section-3 .swiper .item .more {
  font-size: 0.07rem;
  color: #fbf1f5
}
@media screen and (max-width: 1024px) {
  .index-section-3 .swiper .item .more {
    font-size: 0.12rem
  }
}
.index-section-4 {
  padding-top: 0.2rem;
}
@media screen and (max-width: 1024px) {
  .index-section-4 {
    padding-top: 0.45rem
  }
}
.index-section-4 .swiper-box {
  margin-top: 0;
  position: relative
}
.index-section-4 .nav-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ebd2dc;
  background-color: transparent;
  font-size: 0.1rem;
  border: 0.01rem solid #ebd2dc;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer
}
.index-section-4 .nav-btn:hover {
  background-color: #c8678b;
  border-color: #c8678b;
  color: #fff
}
.index-section-4 .nav-btn.prev-btn {
  right: 100%;
  margin-right: 0.1rem
}
.index-section-4 .nav-btn.next-btn {
  left: 100%;
  margin-left: 0.1rem
}
.index-section-4 .nav-btn.swiper-button-lock {
  display: none
}
@media screen and (max-width: 1024px) {
  .index-section-4 .nav-btn-box {
    display: none
  }
}
.index-section-4 .swiper {
  overflow: hidden;
  padding: 0.1rem;
  margin: -0.1rem;
  padding-top: 0.32rem
}
@media screen and (max-width: 1024px) {
  .index-section-4 .swiper {
    padding: 0.1rem 0 0.4rem;
    margin: 0.1rem 0 -0.4rem
  }
}
.index-section-4 .pagination {
  text-align: center;
  margin-top: 0.385rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.index-section-4 .pagination .swiper-pagination-bullet-active {
  width: 0.08rem;
  height: 0.08rem;
  background-color: #c8678b;
  border-color: #c8678b
}
.index-section-4 .list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  margin-right: -0.1rem;
  margin-left: -0.1rem;
  margin-bottom: -0.135rem
}
.index-section-4 .list li {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.1rem
}
@media screen and (max-width: 1024px) {
  .index-section-4 .list {
    margin: 0 0 -0.135rem
  }
}
.index-section-4 .list li {
  margin-bottom: 0.135rem
}
@media screen and (max-width: 1024px) {
  .index-section-4 .list li {
    width: 100%;
    padding: 0;
    margin-bottom: 0.15rem
  }
}
.index-section-4 .list .item {
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.14rem 0.2rem 0.14rem 0.15rem;
  border-radius: 0.05rem;
  -webkit-box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.index-section-4 .list .item:hover {
  background-color: #c8678b
}
.index-section-4 .list .item:hover .bg {
  opacity: 1
}
.index-section-4 .list .item:hover .info-box .title, .index-section-4 .list .item:hover .info-box .desc, .index-section-4 .list .item:hover .info-box .date {
  color: #fff
}
.index-section-4 .list .item:hover .img-box img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05)
}
.index-section-4 .list .item .video-ewm {
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 0.025rem;
  background-color: #f8dde9;
  margin-left: auto;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  z-index: 10
}
@media screen and (max-width: 1024px) {
  .index-section-4 .list .item .video-ewm {
    margin-top: 0
  }
}
@media screen and (max-width: 1024px) {
  .index-section-4 .list .item .video-ewm:hover .ewm-box {
    -webkit-transform: translateX(0) translateY(50%) rotate(-90deg);
    -moz-transform: translateX(0) translateY(50%) rotate(-90deg);
    transform: translateX(0) translateY(50%) rotate(-90deg)
  }
}
@media screen and (max-width: 1024px) {
  .index-section-4 .list .item .video-ewm .ewm-box {
    -webkit-transform: translateX(20%) translateY(50%) rotate(-90deg);
    -moz-transform: translateX(20%) translateY(50%) rotate(-90deg);
    transform: translateX(20%) translateY(50%) rotate(-90deg);
    right: 100%;
    left: auto;
    bottom: 50%;
    width: 1.25rem;
    height: 1.44rem;
    padding: 0.12rem 0.17rem;
    font-size: 0.12rem
  }
  .index-section-4 .list .item .video-ewm .ewm-box p {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    margin-left: auto;
    margin-right: -0.06rem
  }
}
@media screen and (max-width: 1024px) {
  .index-section-4 .list .item .video-ewm .ewm-box img {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}
.index-section-4 .list .item .bg {
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  z-index: 5;
  pointer-events: none;
  overflow: hidden;
  width: 0.385rem;
  height: 0.385rem
}
.index-section-4 .list .item .bg img {
  width: 0.495rem;
  max-width: none
}
.index-section-4 .list .item .img {
  width: 44.4444444444%;
  margin-right: 0.1rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.index-section-4 .list .item .img .img-box {
  border-radius: 0.05rem;
  position: relative;
  padding-bottom: 69.6428571429%;
  overflow: hidden
}
.index-section-4 .list .item .img .img-box video, .index-section-4 .list .item .img .img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
.index-section-4 .list .item .info-box {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-top: 0.125rem;
  width: 0
}
@media screen and (max-width: 1024px) {
  .index-section-4 .list .item .info-box {
    padding-top: 0.075rem
  }
}
.index-section-4 .list .item .info-box .title {
  font-weight: bold;
  color: #333;
  font-size: 0.09rem;
  margin-bottom: 0.09rem;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
@media screen and (min-width: 1024px) {
  .index-section-4 .list .item .info-box .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
}
@media screen and (max-width: 1024px) {
  .index-section-4 .list .item .info-box .title {
    font-size: 0.14rem;
    line-height: 0.18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0.15rem
  }
}
.index-section-4 .list .item .info-box .desc {
  font-size: 0.075rem;
  line-height: 0.13rem;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0.09rem;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
@media screen and (max-width: 1024px) {
  .index-section-4 .list .item .info-box .desc {
    display: none
  }
}
.index-section-4 .list .item .info-box .date {
  font-size: 0.07rem;
  color: #999;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
@media screen and (max-width: 1024px) {
  .index-section-4 .list .item .info-box .date {
    font-size: 0.12rem
  }
}
/* 外层容器 */
.img-wrap {
    max-width: 1200px;   /* 可按实际页面调整 */
    margin: 0.3rem auto;
    box-sizing: border-box;
}

/* 图片列表 */
.img-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 单张图片 */
.img-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
}

/* 移动端：每行两张 */
@media (max-width: 768px) {
    .img-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}
.flink{font-size: 0.1rem;}
.flink a{color: #333333;margin-right: 0.08rem;}
.video-ewm {
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 0.025rem;
  background-color: #f8dde9;
  margin-left: auto;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  z-index: 10
}
@media screen and (max-width: 1024px) {
  .video-ewm {
    margin-top: 0
  }
}
.video-ewm:hover .ewm-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(0);
  -moz-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0)
}
.video-ewm .ewm-box {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(20%);
  -moz-transform: translateX(-50%) translateY(20%);
  transform: translateX(-50%) translateY(20%);
  width: 0.75rem;
  height: 0.94rem;
  background-image: url(../images/qrcode_bg.svg);
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.07rem;
  text-align: center;
  font-size: 0.07rem;
  color: #666;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden
}
.video-ewm .ewm-box img {
  margin-bottom: 0.025rem;
  max-width: 100%;
  width: 100%
}
.video-ewm .iconfont {
  color: #ad5478;
  font-size: 0.14rem
}
.news .news-list {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem
}
@media screen and (max-width: 1024px) {
  .news .news-list {
    margin-top: 0.3rem;
    margin-bottom: 0.35rem
  }
}
.news .news-list li:not(:last-child) {
  margin-bottom: 0.15rem
}
@media screen and (max-width: 1024px) {
  .news .news-list li:not(:last-child) {
    margin-bottom: 0.2rem
  }
}
.news .news-list .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.14rem 0.2rem 0.14rem 0.13rem;
  border: 0.005rem solid #ecd7e1;
  position: relative;
  border-radius: 0.05rem;
  background-color: #fdf6f9;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  overflow: hidden;
  border: 1px solid #ecd7e1;
  position: relative
}
.news .news-list .item:hover {
  border-color: #c8678b;
  background-color: #c8678b
}
@media screen and (max-width: 1024px) {
  .news .news-list .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 0.15rem
  }
}
.news .news-list .item:hover .right .title, .news .news-list .item:hover .right .desc, .news .news-list .item:hover .right .date {
  color: #fff
}
.news .news-list .item:hover .bg {
  opacity: 1
}
.news .news-list .item .bg {
  position: absolute;
  right: -0.08rem;
  bottom: -0.06rem;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  width: 0.495rem
}
.news .news-list .left {
  width: 32.1888412017%;
  margin-right: 0.13rem
}
@media screen and (max-width: 1024px) {
  .news .news-list .left {
    width: 100%;
    margin-bottom: 0.15rem
  }
}
.news .news-list .left .img-box {
  border-radius: 0.05rem;
  position: relative;
  padding-bottom: 62.5%;
  overflow: hidden
}
.news .news-list .left .img-box video, .news .news-list .left .img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
.news .news-list .right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 1024px) {
  .news .news-list .right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0
  }
}
.news .news-list .right:last-child .info-con {
  padding-bottom: 0.05rem
}
@media screen and (max-width: 1024px) {
  .news .news-list .right:last-child .info-con {
    padding-bottom: 0
  }
}
.news .news-list .right:last-child .info-con .date {
  margin-top: 0.1rem
}
.news .news-list .right .info-con {
  width: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.025rem 0 0.1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column
}
@media screen and (max-width: 1024px) {
  .news .news-list .right .info-con {
    width: 100%;
    padding: 0
  }
}
.news .news-list .right .date {
  font-size: 0.07rem;
  color: #999;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s
}
@media screen and (max-width: 1024px) {
  .news .news-list .right .date {
    font-size: 0.11rem;
    margin-top: 0.15rem
  }
}
.news .news-list .right .title {
  font-size: 0.09rem;
  color: #333;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.095rem;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s
}
@media screen and (max-width: 1024px) {
  .news .news-list .right .title {
    font-size: 0.17rem;
    margin-bottom: 0.1rem
  }
}
.news .news-list .right .desc {
  font-size: 0.07rem;
  color: #888;
  line-height: 2.1428571429;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
@media screen and (max-width: 1024px) {
  .news .news-list .right .desc {
    font-size: 0.12rem
  }
}
.detail {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width: 1024px) {
  .detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
  }
}
.detail .left {
  padding-top: 0.2rem
}
.detail .left.w-full {
  width: 100%
}
.detail .detail-title {
  font-size: 0.12rem;
  color: #333;
  margin-bottom: 0.1rem
}
@media screen and (max-width: 1024px) {
  .detail .detail-title {
    font-size: 0.15rem;
    margin-bottom: 0.05rem
  }
}
.detail .detail-desc {
  background-color: #faf3f6;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.14rem 0.215rem 0.14rem 0.11rem;
  border-radius: 0.05rem;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.2rem
}
@media screen and (max-width: 1024px) {
  .detail .detail-desc {
    display: block;
    padding: 0.15rem
  }
}
.detail .detail-desc .img {
  width: 32.0855614973%;
  margin-right: 0.15rem
}
@media screen and (max-width: 1024px) {
  .detail .detail-desc .img {
    width: 100%;
    margin-bottom: 0.15rem
  }
}
.detail .detail-desc .img .img-box {
  border-radius: 0.05rem;
  position: relative;
  padding-bottom: 62.5%;
  overflow: hidden
}
.detail .detail-desc .img .img-box video, .detail .detail-desc .img .img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
.detail .detail-desc .info {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 1024px) {
  .detail .detail-desc .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0
  }
}
.detail .detail-desc .info .info-con {
  width: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.025rem 0 0.1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column
}
@media screen and (max-width: 1024px) {
  .detail .detail-desc .info .info-con {
    width: 100%;
    padding: 0
  }
}
.detail .detail-desc .info .desc {
  font-size: 0.075rem;
  color: #888;
  line-height: 2;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s
}
@media screen and (max-width: 1024px) {
  .detail .detail-desc .info .desc {
    font-size: 0.12rem
  }
}
.detail .detail-data {
  font-size: 0.07rem;
  color: #999;
  padding-bottom: 0.125rem
}
@media screen and (max-width: 1024px) {
  .detail .detail-data {
    font-size: 0.13rem;
    margin-bottom: 0.2rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-top: 0.15rem
  }
}
@media screen and (max-width: 1024px) {
  .detail .detail-data span {
    display: inline-block;
    width: 50%;
    margin-bottom: 0.05rem
  }
  .detail .detail-data span:nth-of-type(1) {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
  .detail .detail-data span:nth-of-type(2) {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }
  .detail .detail-data span:nth-of-type(3) {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }
  .detail .detail-data span:nth-of-type(4) {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
}
.detail .detail-data span + span {
  margin-left: 0.075rem
}
@media screen and (max-width: 1024px) {
  .detail .detail-data span + span {
    margin-left: 0
  }
}
.detail .detail-content {
  color: #666;
  padding-bottom: 0.15rem;
  font-size: 0.08rem;
  line-height: 2.5
}
.detail .detail-content img {
  max-width: 100%;
  height: auto !important
}
.detail .detail-content video {
  max-width: 100%;
  height: auto !important
}
.detail .detail-content ul {
  list-style: disc
}
.detail .detail-content ul li {
  list-style: disc
}
.detail .detail-content ol {
  list-style: decimal
}
.detail .detail-content ol li {
  list-style: decimal
}
.detail .detail-content iframe {
  max-width: 100%
}
@media screen and (max-width: 1024px) {
  .detail .detail-content {
    font-size: 0.13rem;
    line-height: 2;
    padding-bottom: 0.3rem
  }
}
.detail .detail-content img, .detail .detail-content video, .detail .detail-content iframe {
  max-width: 100%
}
.detail .detail-content td {
  border-style: solid
}
.detail .detail-content table {
  width: 100% !important
}

.download-file {
  padding: 0.1rem 0.15rem;
  border-radius: 0.05rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #faf3f6
}
.download-file .t {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.09rem;
  color: #333;
  font-weight: bold;
  gap: 0.025rem
}
.download-file .t .iconfont {
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 100%;
  background-color: #C8678B;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.download-file .file-list {
  border-top: 0.01rem solid #EDCFDB;
  margin-top: 0.05rem
}
.download-file .file-list .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.08rem;
  line-height: 0.2rem;
  color: #333;
  border-bottom: 0.005rem dashed #E7C7D4;
  gap: 0.04rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}
@media (max-width: 1024px) {
  .download-file .file-list .item {
    font-size: 0.13rem;
    line-height: 0.3rem;
    padding: 0 0.075rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 0.01rem dotted #E7C7D4
  }
}
.download-file .file-list .item .icon {
  height: 0.09rem
}
@media (max-width: 1024px) {
  .download-file .file-list .item .icon {
    height: 0.12rem
  }
}
.download-file .file-list .item .icon img {
  height: 100%
}
.download-file .file-list .item:hover {
  color: #C8678B
}
.hr {
  border-bottom: 0.005rem solid rgba(229, 223, 223, 0.5);
  margin-top: 0.25rem;
  margin-bottom: 0.25rem
}
.news-detail-navigation {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0.25rem
}
@media screen and (max-width: 1024px) {
  .news-detail-navigation {
    margin-top: 0.2rem
  }
}
.news-detail-navigation .box:first-child {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  max-width: 75%
}
.news-detail-navigation .box a {
  display: block;
  font-size: 0.07rem;
  color: #666;
  line-height: 0.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s
}
@media screen and (max-width: 1024px) {
  .news-detail-navigation .box a {
    font-size: 0.12rem;
    line-height: 2
  }
}
.news-detail-navigation .box a:hover {
  color: #c8678b
}
.news-detail-navigation .box .back-list {
  color: #666;
  font-size: 0.075rem
}
@media screen and (max-width: 1024px) {
  .news-detail-navigation .box .back-list {
    font-size: 0.12rem
  }
}
.news-detail-navigation .box .back-list:hover {
  color: #c8678b
}
.tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.24rem
}
@media screen and (max-width: 1024px) {
  .tabs {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin: 0.24rem -0.05rem -0.1rem
  }
}
.tabs li:not(:last-child) {
  margin-right: 0.1rem
}
@media screen and (max-width: 1024px) {
  .tabs li:not(:last-child) {
    margin-right: 0
  }
}
@media screen and (max-width: 1024px) {
  .tabs li {
    width: 33.3333333333%;
    padding: 0 0.05rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0.1rem
  }
}
.tabs a {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 0.7rem;
  height: 0.3rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.05rem;
  background-color: #fff;
  border: 0.005rem solid #ecd7e1;
  -webkit-box-shadow: 0 0.025rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.025rem 0 0 rgba(193, 124, 155, 0.3);
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 0.09rem;
  font-weight: bold;
  color: #333;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s
}
@media screen and (max-width: 1024px) {
  .tabs a {
    font-size: 0.12rem;
    height: 0.35rem;
    width: 100%
  }
}
.tabs a.on, .tabs a:hover {
  background-color: #c8678b;
  border-color: #c8678b;
  color: #fff
}
.course .paged {
  margin-top: 0.28rem
}
.course .list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  margin-right: -0.085rem;
  margin-left: -0.085rem;
  margin-top: 0.22rem;
  margin-bottom: -0.15rem
}
.course .list li {
  width: 33.3333333333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.085rem
}
@media screen and (max-width: 1024px) {
  .course .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-right: -0.05rem;
    margin-left: -0.05rem
  }
  .course .list li {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.05rem
  }
}
.course .list li {
  margin-bottom: 0.15rem
}
.course .list .item {
  border: 0.005rem solid #ecd7e1;
  -webkit-box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  background-color: #fdf6f9;
  border-radius: 0.05rem;
  padding: 0.125rem 0.15rem;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%
}
.course .list .item:hover .bg {
  opacity: 1
}
.course .list .item .bg {
  position: absolute;
  right: -0.15rem;
  bottom: -0.15rem;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  width: 0.495rem
}
.course .list .item:hover {
  background-color: #c8678b;
  border-color: #c8678b
}
.course .list .item:hover .title, .course .list .item:hover .tag, .course .list .item:hover .date {
  color: #fff
}
.course .list .item:hover .tag {
  border-color: #fff
}
.course .list .item .title {
  font-weight: bold;
  font-size: 0.09rem;
  color: #333;
  margin-bottom: 0.075rem;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
@media screen and (max-width: 1024px) {
  .course .list .item .title {
    font-size: 0.13rem
  }
}
.course .list .item .tag {
  display: inline-block;
  border: 0.005rem dashed #a74e73;
  border-radius: 0.025rem;
  font-size: 0.07rem;
  font-weight: bold;
  color: #ad5478;
  line-height: 1;
  padding: 0.04rem 0.08rem;
  margin-bottom: 0.12rem;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
@media screen and (max-width: 1024px) {
  .course .list .item .tag {
    font-size: 0.11rem
  }
}
.course .list .item .date {
  font-size: 0.07rem;
  color: #999;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
@media screen and (max-width: 1024px) {
  .course .list .item .date {
    font-size: 0.11rem
  }
}
.download .list {
  margin: 0.26rem 0
}
.download .list li {
  margin-bottom: 0.15rem
}
.download .list li + li {
  margin-top: 0.15rem
}
.download .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-radius: 0.05rem;
  background-color: #fdf6f9;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  overflow: hidden;
  border: 0.005rem solid #ecd7e1;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.12rem 0.15rem
}
.download .item:hover .bg {
  opacity: 1
}
.download .item .bg {
  position: absolute;
  right: -0.1rem;
  bottom: -0.325rem;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  width: 0.495rem
}
.download .item:hover {
  border-color: #c8678b;
  background-color: #c8678b
}
@media screen and (max-width: 1024px) {
  .download .item {
    display: block
  }
}
.download .item:hover .name, .download .item:hover .date {
  color: #fff
}
.download .item:hover .btn {
  color: #c8678b
}
.download .item .name {
  font-weight: bold;
  font-size: 0.09rem;
  color: #333;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  margin-right: 0.05rem
}
@media screen and (max-width: 1024px) {
  .download .item .name {
    margin-bottom: 0.075rem;
    font-size: 0.14rem;
    margin-right: 0
  }
}
.download .item .date {
  font-size: 0.07rem;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  color: #999;
  white-space: nowrap
}
@media screen and (max-width: 1024px) {
  .download .item .date {
    font-size: 0.12rem
  }
}
.download .item .box .date {
  margin-top: 0.025rem
}
.download .item .btn {
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 0.6rem;
  height: 0.2rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.005rem solid #a74e73;
  border-radius: 0.025rem;
  font-size: 0.07rem;
  font-weight: bold;
  color: #333;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  z-index: 5;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width: 1024px) {
  .download .item .btn {
    margin-top: 0.1rem;
    width: 0.8rem;
    height: 0.3rem;
    font-size: 0.11rem
  }
}
.download .item .btn .iconfont {
  font-size: 0.12rem
}
@media screen and (max-width: 1024px) {
  .download .item .btn .iconfont {
    font-size: 0.17rem
  }
}
.recru .list {
  margin: 0.26rem 0
}
.recru .list li {
  margin-bottom: 0.15rem
}
.recru .list li + li {
  margin-top: 0.15rem
}
.recru .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-radius: 0.05rem;
  background-color: #fdf6f9;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  overflow: hidden;
  border: 0.005rem solid #ecd7e1;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.15rem
}
.recru .item:hover .bg {
  opacity: 1
}
.recru .item .bg {
  position: absolute;
  right: -0.1rem;
  bottom: -0.325rem;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  width: 0.495rem
}
.recru .item:hover {
  border-color: #c8678b;
  background-color: #c8678b
}
.recru .item:hover .name, .recru .item:hover .text {
  color: #fff
}
.recru .item:hover .btn {
  color: #c8678b
}
.recru .item .name {
  font-weight: bold;
  font-size: 0.09rem;
  color: #333;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s
}
@media screen and (max-width: 1024px) {
  .recru .item .name {
    font-size: 0.14rem
  }
}
.recru .item .text {
  font-size: 0.07rem;
  font-weight: bold;
  color: #666;
  margin-top: 0.075rem;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s
}
@media screen and (max-width: 1024px) {
  .recru .item .text {
    font-size: 0.12rem
  }
}
.recru .item .box .date {
  margin-top: 0.025rem
}
.recru .item .btn {
  width: 0.15rem;
  height: 0.15rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #fff;
  color: #ad5478;
  border: 0.005rem solid #ad5478;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  z-index: 10
}
@media screen and (max-width: 1024px) {
  .recru .item .btn {
    width: 0.2rem;
    height: 0.2rem
  }
}
.recru .item .btn .iconfont {
  font-size: 0.12rem
}
@media screen and (max-width: 1024px) {
  .recru .item .btn .iconfont {
    font-size: 0.14rem
  }
}
.detail-dialog {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100000;
  background-color: rgba(0, 0, 0, 0.5);
  display: none
}
.detail-dialog .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.detail-dialog-box {
  width: 5.25rem;
  height: 4.2rem;
  max-width: 100%;
  max-height: 95%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  overflow: hidden
}
@media screen and (max-width: 1024px) {
  .detail-dialog-box {
    max-width: 92vw;
    max-height: 80vh;
    height: 80vh
  }
}
.detail-dialog-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #c8678b;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 0.5rem;
  padding: 0.1rem 0.15rem 0.1rem 0.215rem;
  color: #fff;
  margin-bottom: 0.25rem;
  position: relative
}
@media screen and (max-width: 1024px) {
  .detail-dialog-title {
    padding: 0.1rem 0.3rem 0.1rem 0.15rem
  }
}
.detail-dialog-title #detailScrollTitle {
  font-size: 0.12rem
}
@media screen and (max-width: 1024px) {
  .detail-dialog-title #detailScrollTitle {
    font-size: 0.15rem
  }
}
.detail-dialog-title .close-btn {
  color: #fff;
  font-size: 0.15rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  right: 0.09rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width: 1024px) {
  .detail-dialog-title .close-btn {
    width: 0.125rem;
    height: 0.125rem;
    line-height: 1;
    font-size: 0.19rem
  }
}
.detail-dialog-con {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.11rem 0 0.215rem;
  margin-bottom: 0.26rem
}
@media screen and (max-width: 1024px) {
  .detail-dialog-con {
    padding: 0 0.15rem
  }
}
.detail-dialog-scroll {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 0.08rem;
  line-height: 0.18rem;
  color: #666
}
@media screen and (max-width: 1024px) {
  .detail-dialog-scroll {
    font-size: 0.13rem;
    line-height: 2
  }
}
.detail-dialog-scroll img {
  max-width: 100%
}
.detail-dialog-scroll ul {
  list-style: disc
}
.detail-dialog-scroll ul li {
  list-style: disc
}
.detail-dialog-scroll ol {
  list-style: decimal
}
.detail-dialog-scroll ol li {
  list-style: decimal
}
.detail-dialog-scroll-wp {
  padding-right: 0.16rem
}
.detail-dialog-scroll .bscroll-vertical-scrollbar {
  width: 0.035rem !important;
  position: relative;
  cursor: pointer;
  right: 0 !important
}
.detail-dialog-scroll .bscroll-vertical-scrollbar .bscroll-indicator {
  background-color: #e5eaea !important;
  border: none !important;
  border-radius: 0.025rem !important;
  z-index: 5
}
.detail-dialog-btn {
  padding: 0 0.15rem 0 0.4rem;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem
}
@media screen and (max-width: 1024px) {
  .detail-dialog-btn {
    padding: 0 0.15rem;
    text-align: center
  }
}
.detail-dialog-btn a {
  display: inline-block;
  vertical-align: top;
  height: 0.25rem;
  line-height: 0.25rem;
  color: #fff;
  font-size: 0.07rem;
  padding: 0 0.07rem;
  background: #5d9f86;
  border-radius: 0.125rem;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s
}
@media screen and (max-width: 1024px) {
  .detail-dialog-btn a {
    height: 0.4rem;
    line-height: 2;
    border-radius: 0.2rem;
    font-size: 0.12rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 0 0.15rem
  }
}
.detail-dialog-btn a:hover {
  background: #000
}
.about {
  padding-top: 0.2rem
}
.about .content {
  font-size: 0.075rem;
  line-height: 2.6666666667;
  color: #666
}
.about .content img {
  max-width: 100%;
  height: auto !important
}
.about .content video {
  max-width: 100%;
  height: auto !important
}
.about .content ul {
  list-style: disc
}
.about .content ul li {
  list-style: disc
}
.about .content ol {
  list-style: decimal
}
.about .content ol li {
  list-style: decimal
}
.about .content iframe {
  max-width: 100%
}
@media screen and (max-width: 1024px) {
  .about .content {
    font-size: 0.13rem
  }
}
.about .counter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 0.005rem solid #e7c7d4;
  padding-bottom: 0.1rem;
  padding-top: 0.15rem;
  margin-bottom: 0.15rem
}
@media screen and (max-width: 1024px) {
  .about .counter {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: space-evenly;
    -moz-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
  }
}
.about .counter .counter-item {
  text-align: center
}
@media screen and (max-width: 1024px) {
  .about .counter .counter-item {
    width: 33.3333333333%
  }
}
.about .counter .counter-item .num-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1
}
.about .counter .counter-item .num-box .num {
  font-size: 0.2rem;
  font-weight: bold;
  color: #c8678b
}
@media screen and (max-width: 1024px) {
  .about .counter .counter-item .num-box .num {
    font-size: 0.24rem
  }
}
.about .counter .counter-item .num-box .unit {
  font-size: 0.07rem;
  color: #666
}
@media screen and (max-width: 1024px) {
  .about .counter .counter-item .num-box .unit {
    font-size: 0.11rem;
    line-height: 2
  }
}
.about .counter .counter-item .text {
  font-size: 0.07rem;
  color: #999
}
@media screen and (max-width: 1024px) {
  .about .counter .counter-item .text {
    font-size: 0.11rem;
    line-height: 2
  }
}
.office-floor .tabs {
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  margin: 0.24rem -0.03rem 0
}
.office-floor .tabs li {
  width: 20%;
  padding: 0 0.03rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0.08rem;
  margin-right: 0
}
@media screen and (max-width: 1024px) {
  .office-floor .tabs li {
    width: 33.3333333333%
  }
}
.office-floor .tabs a {
  min-width: auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.06rem
}
@media screen and (max-width: 1024px) {
  .office-floor .tabs a {
    padding: 0.05rem 0.06rem;
    height: 100%
  }
}
.office-floor-wrapper {
  margin-top: 0.2rem
}
.office-floor-wrapper .office-floor-item {
  margin-bottom: 0.25rem
}
.office-floor-wrapper .office-floor-head {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.11rem;
  font-weight: bold;
  background-color: #c8678b;
  border-radius: 0.05rem 0.05rem 0 0;
  color: #fff;
  height: 0.25rem;
  padding: 0 0.11rem;
  min-width: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
@media screen and (max-width: 1024px) {
  .office-floor-wrapper .office-floor-head {
    font-size: 0.14rem;
    height: 0.3rem;
    padding: 0 0.16rem
  }
}
.office-floor-wrapper .office-floor-head::before {
  content: "";
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 50%;
  margin-right: 0.03rem;
  background-color: #fff
}
.office-floor-wrapper .office-floor-body {
  border-radius: 0.05rem;
  background-color: #fdf6f9;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  overflow: hidden;
  border: 0.005rem solid #ecd7e1;
  padding: 0.18rem 0.1rem 0.12rem;
  border-top-left-radius: 0
}
.office-floor-wrapper .list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  margin-right: -0.03rem;
  margin-left: -0.03rem
}
.office-floor-wrapper .list li {
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.03rem
}
@media screen and (max-width: 1024px) {
  .office-floor-wrapper .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-right: -0.04rem;
    margin-left: -0.04rem
  }
  .office-floor-wrapper .list li {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.04rem
  }
}
.office-floor-wrapper .list li {
  margin-bottom: 0.06rem
}
@media screen and (max-width: 1024px) {
  .office-floor-wrapper .list li {
    margin-bottom: 0.08rem
  }
}
.office-floor-wrapper .list a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  border: 0.005rem solid #c8678b;
  border-radius: 0.025rem;
  min-height: 0.3rem;
  line-height: 1;
  font-size: 0.08rem;
  font-weight: bold;
  color: #333;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  transition: 0.1s
}
@media screen and (max-width: 1024px) {
  .office-floor-wrapper .list a {
    font-size: 0.12rem;
    padding: 0.05rem 0.06rem;
    line-height: 1.3
  }
}
.office-floor-wrapper .list a:hover {
  color: #fff;
  background-color: #c8678b
}
.office {
  padding-top: 0.34rem
}
.office .expert-search {
  background-color: #f8f0f4;
  border: 0.005rem solid #ecd7e1;
  padding: 0.145rem 0.15rem 0.175rem 0.27rem;
  border-radius: 0.05rem;
  -webkit-box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  position: relative;
  overflow: hidden
}
.office .expert-search:hover .bg {
  opacity: 1
}
.office .expert-search .bg {
  position: absolute;
  right: -0.08rem;
  bottom: -0.23rem;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  width: 0.495rem
}
@media screen and (max-width: 1024px) {
  .office .expert-search {
    padding: 0.2rem 0.15rem
  }
}
.office .expert-search .bg {
  opacity: 1
}
.office .expert-search form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 1024px) {
  .office .expert-search form {
    display: block;
    text-align: center
  }
}
@media screen and (max-width: 1024px) {
  .office .expert-search form img {
    display: none
  }
}
.office .expert-search form .label {
  font-size: 0.11rem;
  font-weight: bold;
  color: #333;
  line-height: 1;
  margin-right: 0.04rem
}
@media screen and (max-width: 1024px) {
  .office .expert-search form .label {
    font-size: 0.16rem;
    margin-bottom: 0.15rem
  }
}
.office .expert-search form .input-box {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 0.125rem;
  height: 0.25rem;
  overflow: hidden;
  margin-right: 0.1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 1024px) {
  .office .expert-search form .input-box {
    margin-right: 0;
    border-radius: 0.175rem;
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
.office .expert-search form .input-box input {
  height: 100%;
  width: 100%;
  border: none;
  outline: none;
  font-size: 0.08rem;
  color: #333;
  background-color: #fff;
  border-radius: 0.125rem;
  padding: 0 0.12rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
@media screen and (max-width: 1024px) {
  .office .expert-search form .input-box input {
    font-size: 0.13rem;
    height: 0.35rem;
    border-radius: 0.2rem
  }
}
.office .expert-search form .input-box input + input {
  margin-left: 0.1rem
}
@media (max-width: 1024px) {
  .office .expert-search form .input-box input + input {
    margin-left: 0;
    margin-top: 0.2rem
  }
}
.office .expert-search form button {
  border: none;
  cursor: pointer;
  background-color: #c8678b;
  color: #fff;
  height: 0.25rem;
  border-radius: 0.125rem;
  width: 0.95rem;
  -webkit-box-shadow: 0 0.025rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.025rem 0 0 rgba(193, 124, 155, 0.3);
  font-size: 0.08rem;
  font-weight: bold;
  margin-right: 0.09rem;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s
}
@media screen and (max-width: 1024px) {
  .office .expert-search form button {
    margin-right: 0;
    height: 0.35rem;
    border-radius: 0.175rem;
    font-size: 0.13rem;
    width: 50%;
    margin-top: 0.15rem
  }
}
.office .expert-search form button:hover {
  background-color: #b9436f
}
.office .list {
  margin-top: 0.24rem;
  margin-bottom: 0.15rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  margin-right: -0.05rem;
  margin-left: -0.05rem
}
.office .list li {
  width: 33.3333333333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.05rem
}
@media screen and (max-width: 1024px) {
  .office .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-right: -0.05rem;
    margin-left: -0.05rem
  }
  .office .list li {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.05rem
  }
}
.office .list li {
  margin-bottom: 0.1rem
}
.office .item {
  background-color: #fff;
  position: relative;
  border: 0.005rem solid #c8678b;
  border-radius: 0.075rem;
  -webkit-box-shadow: 0 0.03rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.03rem 0 0 rgba(193, 124, 155, 0.3);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  padding: 0.125rem 0.15rem 0.15rem;
  overflow: hidden;
  z-index: 5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.office .item:hover {
  border-color: #f29ebf
}
.office .item:hover .title, .office .item:hover .desc, .office .item:hover .more {
  color: #fff
}
.office .item:hover .bg-icon {
  opacity: 0.3;
  -webkit-filter: brightness(40%);
  filter: brightness(40%)
}
.office .item:hover .bg {
  opacity: 1
}
.office .item .title {
  font-size: 0.09rem;
  color: #333;
  font-weight: bold;
  margin-bottom: 0.05rem;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
@media screen and (max-width: 1024px) {
  .office .item .title {
    font-size: 0.14rem;
    margin-bottom: 0.1rem
  }
}
.office .item .desc {
  font-size: 0.07rem;
  line-height: 0.13rem;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0.15rem;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  height: 0.26rem
}
@media screen and (max-width: 1024px) {
  .office .item .desc {
    font-size: 0.11rem;
    line-height: 0.145rem;
    height: 0.29rem
  }
}
.office .item .more {
  font-size: 0.06rem;
  color: #999;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
@media screen and (max-width: 1024px) {
  .office .item .more {
    font-size: 0.11rem
  }
}
.office .item .bg-icon {
  position: absolute;
  right: 0;
  bottom: -0.15rem;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  width: 0.495rem
}
.office .item .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  background-image: -moz-linear-gradient(100deg, #c8678b 0%, #ec8bb2 100%);
  background-image: linear-gradient(-10deg, #c8678b 0%, #ec8bb2 100%);
  opacity: 0
}
.office-detail {
  margin-top: 0.25rem
}
.office-detail .content-item:not(:last-of-type) {
  margin-bottom: 0.25rem
}
.office-detail .content-item .head-box {
  border-bottom: 0.01rem solid #ecd7e1;
  margin-bottom: 0.07rem
}
.office-detail .content-item .head {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.11rem;
  font-weight: bold;
  background-color: #c8678b;
  border-radius: 0.05rem 0.05rem 0 0;
  color: #fff;
  height: 0.25rem;
  padding: 0 0.11rem;
  min-width: 0.8rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: -0.01rem
}
@media screen and (max-width: 1024px) {
  .office-detail .content-item .head {
    font-size: 0.14rem;
    height: 0.3rem;
    padding: 0 0.16rem
  }
}
.office-detail .content-item .head::before {
  content: "";
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 50%;
  margin-right: 0.03rem;
  background-color: #fff
}
.office-detail .content-item .content {
  font-size: 0.08rem;
  line-height: 2.5;
  color: #666
}
.office-detail .content-item .content img {
  max-width: 100%;
  height: auto !important
}
.office-detail .content-item .content video {
  max-width: 100%;
  height: auto !important
}
.office-detail .content-item .content ul {
  list-style: disc
}
.office-detail .content-item .content ul li {
  list-style: disc
}
.office-detail .content-item .content ol {
  list-style: decimal
}
.office-detail .content-item .content ol li {
  list-style: decimal
}
.office-detail .content-item .content iframe {
  max-width: 100%
}
@media screen and (max-width: 1024px) {
  .office-detail .content-item .content {
    font-size: 0.13rem
  }
}
.office-detail .content-item .pagination {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.2rem
}
.office-detail .content-item .pagination .swiper-pagination-bullet-active {
  width: 0.08rem;
  height: 0.08rem;
  background-color: #c8678b;
  border-color: #c8678b
}
@media screen and (max-width: 1024px) {
  .office-detail .content-item .pagination .swiper-pagination-bullet-active {
    width: 0.12rem;
    height: 0.12rem
  }
}
.office-detail .content-item .swiper-box {
  margin-top: 0.12rem;
  position: relative
}
.office-detail .content-item .swiper-box .nav-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ebd2dc;
  background-color: transparent;
  font-size: 0.1rem;
  border: 0.01rem solid #ebd2dc;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer
}
.office-detail .content-item .swiper-box .nav-btn:hover {
  background-color: #c8678b;
  border-color: #c8678b;
  color: #fff
}
.office-detail .content-item .swiper-box .nav-btn.prev-btn {
  right: 100%;
  margin-right: 0.1rem
}
.office-detail .content-item .swiper-box .nav-btn.next-btn {
  left: 100%;
  margin-left: 0.1rem
}
.office-detail .content-item .swiper-box .nav-btn.swiper-button-lock {
  display: none
}
.office-detail .content-item .swiper-box .nav-btn {
  width: 0.125rem;
  height: 0.125rem;
  font-size: 0.07rem
}
@media screen and (max-width: 1024px) {
  .office-detail .content-item .swiper-box .nav-btn {
    display: none
  }
}
.office-detail .content-item .swiper-box .nav-btn.next-btn {
  margin-left: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.office-detail .content-item .swiper-box .nav-btn.prev-btn {
  margin-right: 0;
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  transform: translate(50%, -50%)
}
.office-detail .content-item .swiper-box .swiper {
  overflow: hidden;
  padding-bottom: 0.05rem;
  margin-bottom: -0.05rem
}
.office-detail .content-item .swiper-box .swiper .swiper-slide {
  height: auto
}
.office-detail .content-item .swiper-box .swiper .item {
  position: relative;
  padding: 0.1rem 0.1rem 0.125rem;
  background-color: #fdf6f9;
  -webkit-box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  border-radius: 0.075rem;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%
}
.office-detail .content-item .swiper-box .swiper .item:hover .bg {
  opacity: 1
}
.office-detail .content-item .swiper-box .swiper .item .bg {
  position: absolute;
  right: -0.085rem;
  bottom: -0.085rem;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  width: 0.495rem
}
.office-detail .content-item .swiper-box .swiper .item:hover {
  background-color: #c8678b
}
.office-detail .content-item .swiper-box .swiper .item:hover .name, .office-detail .content-item .swiper-box .swiper .item:hover .desc {
  color: #fff
}
.office-detail .content-item .swiper-box .swiper .item:hover .img-box {
  -webkit-box-shadow: 0 0.03rem 0 0 #B9577A;
  box-shadow: 0 0.03rem 0 0 #B9577A
}
.office-detail .content-item .swiper-box .swiper .item .img-box {
  -webkit-box-shadow: 0 0.03rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.03rem 0 0 rgba(193, 124, 155, 0.3);
  border-radius: 50%;
  overflow: hidden;
  width: 0.85rem;
  height: 0.85rem;
  margin: 0 auto 0.11rem;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s
}
.office-detail .content-item .swiper-box .swiper .item .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top
}
.office-detail .content-item .swiper-box .swiper .item .bg {
  opacity: 0.5
}
.office-detail .content-item .swiper-box .swiper .item .name {
  font-size: 0.09rem;
  font-weight: bold;
  color: #333;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 0.05rem;
  text-align: left
}
@media screen and (max-width: 1024px) {
  .office-detail .content-item .swiper-box .swiper .item .name {
    font-size: 0.14rem
  }
}
.office-detail .content-item .swiper-box .swiper .item .desc {
  font-size: 0.07rem;
  color: #999;
  line-height: 1.7142857143;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
@media screen and (max-width: 1024px) {
  .office-detail .content-item .swiper-box .swiper .item .desc {
    font-size: 0.12rem
  }
}
.office-detail .detail-navigation {
  background-color: #F9ECF1;
  font-size: 0.07rem;
  color: #000;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  margin-top: 0.45rem;
  border-radius: 0.05rem;
  overflow: hidden;
  -webkit-box-shadow: 0 0.03rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.03rem 0 0 rgba(193, 124, 155, 0.3)
}
@media screen and (max-width: 1024px) {
  .office-detail .detail-navigation {
    font-size: 0.12rem
  }
}
.office-detail .detail-navigation .iconfont {
  color: #6a6a6a;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s
}
@media screen and (max-width: 1024px) {
  .office-detail .detail-navigation .iconfont {
    font-size: 0.13rem
  }
}
.office-detail .detail-navigation a {
  padding: 0.11rem 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  color: #000;
  height: 0.285rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
@media screen and (max-width: 1024px) {
  .office-detail .detail-navigation a {
    height: 0.35rem
  }
}
.office-detail .detail-navigation a:hover {
  color: #fff;
  background-color: #c8678b
}
.office-detail .detail-navigation a:hover .iconfont {
  color: #fff
}
.office-detail .detail-back-btn {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-left: 0.005rem solid rgba(200, 103, 139, 0.25);
  border-right: 0.005rem solid rgba(200, 103, 139, 0.25);
  background-color: #FDF6F9
}
.office-detail .detail-back-btn .iconfont {
  font-size: 0.1rem;
  margin-right: 0.1rem
}
@media screen and (max-width: 1024px) {
  .office-detail .detail-back-btn .iconfont {
    font-size: 0.18rem
  }
}
.office-detail .detail-prev-btn, .office-detail .detail-next-btn {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.office-detail .detail-prev-btn p, .office-detail .detail-next-btn p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.office-detail .detail-prev-btn .iconfont {
  margin-right: 0.05rem
}
.office-detail .detail-next-btn .iconfont {
  margin-left: 0.05rem
}
@media screen and (max-width: 1024px) {
  .office-detail .detail-next-btn {
    text-align: right
  }
  .office-detail .detail-next-btn .iconfont {
    margin-left: 0.1rem
  }
}
.expert {
  padding-top: 0.34rem
}
.expert .expert-search {
  background-color: #f8f0f4;
  border: 0.005rem solid #ecd7e1;
  padding: 0.145rem 0.15rem 0.175rem 0.27rem;
  border-radius: 0.05rem;
  -webkit-box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  position: relative;
  overflow: hidden
}
.expert .expert-search:hover .bg {
  opacity: 1
}
.expert .expert-search .bg {
  position: absolute;
  right: -0.08rem;
  bottom: -0.23rem;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  width: 0.495rem
}
@media screen and (max-width: 1024px) {
  .expert .expert-search {
    padding: 0.2rem 0.15rem
  }
}
.expert .expert-search .bg {
  opacity: 1
}
.expert .expert-search form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 1024px) {
  .expert .expert-search form {
    display: block;
    text-align: center
  }
}
@media screen and (max-width: 1024px) {
  .expert .expert-search form img {
    display: none
  }
}
.expert .expert-search form .label {
  font-size: 0.11rem;
  font-weight: bold;
  color: #333;
  line-height: 1;
  margin-right: 0.04rem
}
@media screen and (max-width: 1024px) {
  .expert .expert-search form .label {
    font-size: 0.16rem;
    margin-bottom: 0.15rem
  }
}
.expert .expert-search form .input-box {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 0.125rem;
  height: 0.25rem;
  overflow: hidden;
  margin-right: 0.1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 1024px) {
  .expert .expert-search form .input-box {
    margin-right: 0;
    border-radius: 0.175rem;
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
.expert .expert-search form .input-box input {
  height: 100%;
  width: 100%;
  border: none;
  outline: none;
  font-size: 0.08rem;
  color: #333;
  background-color: #fff;
  border-radius: 0.125rem;
  padding: 0 0.12rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
@media screen and (max-width: 1024px) {
  .expert .expert-search form .input-box input {
    font-size: 0.13rem;
    height: 0.35rem;
    border-radius: 0.2rem
  }
}
.expert .expert-search form .input-box input + input {
  margin-left: 0.1rem
}
@media (max-width: 1024px) {
  .expert .expert-search form .input-box input + input {
    margin-left: 0;
    margin-top: 0.2rem
  }
}
.expert .expert-search form button {
  border: none;
  cursor: pointer;
  background-color: #c8678b;
  color: #fff;
  height: 0.25rem;
  border-radius: 0.125rem;
  width: 0.95rem;
  -webkit-box-shadow: 0 0.025rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.025rem 0 0 rgba(193, 124, 155, 0.3);
  font-size: 0.08rem;
  font-weight: bold;
  margin-right: 0.09rem;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s
}
@media screen and (max-width: 1024px) {
  .expert .expert-search form button {
    margin-right: 0;
    height: 0.35rem;
    border-radius: 0.175rem;
    font-size: 0.13rem;
    width: 50%;
    margin-top: 0.15rem
  }
}
.expert .expert-search form button:hover {
  background-color: #b9436f
}
.expert .paged {
  margin-top: 0.325rem
}
.expert .list {
  margin-top: 0.25rem;
  margin-bottom: 0
}
@media screen and (min-width: 1024px) {
  .expert .list {
    margin-bottom: -0.15rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-right: -0.075rem;
    margin-left: -0.075rem
  }
  .expert .list li {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.075rem
  }
}
.expert .list li {
  margin-bottom: 0.15rem
}
.expert .list .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fdf6f9;
  border-radius: 0.075rem;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
  padding: 0.12rem 0.12rem 0.12rem 0.2rem;
  position: relative;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  overflow: hidden;
  z-index: 10
}
.expert .list .item:hover {
  background-color: #c8678b;
  -webkit-box-shadow: 0 0 0.145rem 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0.145rem 0 rgba(0, 0, 0, 0.3)
}
.expert .list .item:hover .bg {
  opacity: 1
}
.expert .list .item:hover .bg2 {
  opacity: 0
}
.expert .list .item:hover .desc {
  color: #fbe4f1
}
.expert .list .item:hover .more, .expert .list .item:hover .title {
  color: #fbf1f5
}
.expert .list .item .left {
  width: 38.0952380952%;
  border: 0.005rem solid #ead2dc;
  border-radius: 0.05rem;
  overflow: hidden
}
.expert .list .item .left .img-box {
  position: relative;
  padding-bottom: 139%;
  overflow: hidden
}
.expert .list .item .left .img-box video, .expert .list .item .left .img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
.expert .list .item .right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 0.175rem;
  padding-top: 0.1rem
}
.expert .list .item .bg {
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  width: 1.9rem;
  z-index: -1
}
.expert .list .item .bg2 {
  position: absolute;
  left: 0.09rem;
  width: 0.41rem;
  bottom: -0.09rem;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
.expert .list .item .title {
  font-weight: bold;
  font-size: 0.09rem;
  color: #333;
  margin-bottom: 0.06rem;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
@media screen and (max-width: 1024px) {
  .expert .list .item .title {
    font-size: 0.15rem;
    margin-bottom: 0.075rem
  }
}
.expert .list .item .desc {
  font-size: 0.07rem;
  color: #999;
  line-height: 2;
  margin-bottom: 0.13rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 0.45rem;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
@media screen and (max-width: 1024px) {
  .expert .list .item .desc {
    font-size: 0.12rem;
    height: 0.6rem;
    line-height: 0.2rem;
    margin-bottom: 0.15rem
  }
}
.expert .list .item .more {
  font-size: 0.07rem;
  color: #999;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
@media screen and (max-width: 1024px) {
  .expert .list .item .more {
    font-size: 0.12rem
  }
}
.expert-detail .detail-head {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.05rem;
  background-color: #fdf6f9;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  overflow: hidden;
  border: 0.005rem solid #ecd7e1;
  border: none;
  padding: 0.14rem 0.27rem 0.14rem 0.15rem;
  margin-top: 0.235rem
}
@media screen and (max-width: 1024px) {
  .expert-detail .detail-head {
    display: block;
    padding: 0.15rem 0.2rem 0.2rem
  }
}
.expert-detail .detail-head .left {
  width: 22.9257641921%
}
@media screen and (max-width: 1024px) {
  .expert-detail .detail-head .left {
    width: 50%;
    margin: 0 auto
  }
}
.expert-detail .detail-head .left .img-box {
  position: relative;
  padding-bottom: 125.7142857143%;
  overflow: hidden;
  border-radius: 0.075rem
}
.expert-detail .detail-head .left .img-box video, .expert-detail .detail-head .left .img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
.expert-detail .detail-head .right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0.165rem;
  padding-top: 0.14rem
}
@media screen and (max-width: 1024px) {
  .expert-detail .detail-head .right {
    padding-left: 0
  }
}
.expert-detail .detail-head .right .info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  color: #666;
  font-size: 0.08rem;
  line-height: 2;
  margin-bottom: 0.07rem
}
@media screen and (max-width: 1024px) {
  .expert-detail .detail-head .right .info {
    font-size: 0.14rem;
    display: block
  }
}
.expert-detail .detail-head .right .info span:first-child {
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.expert-detail .detail-head .right .info .b {
  font-weight: bold;
  color: #333
}
.expert-detail .content-box {
  margin-top: 0.32rem
}
.expert-detail .content-box .title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.08rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 0.05rem;
  line-height: 1.2
}
@media screen and (max-width: 1024px) {
  .expert-detail .content-box .title {
    font-size: 0.16rem
  }
}
.expert-detail .content-box .title .dot {
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  color: #ad5478;
  border: 0.005rem dashed currentColor;
  background-color: currentColor;
  background-clip: content-box;
  padding: 0.025rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0.05rem
}
@media screen and (max-width: 1024px) {
  .expert-detail .content-box .title .dot {
    width: 0.175rem;
    height: 0.175rem;
    padding: 0.04rem
  }
}
.expert-detail .content-box .content {
  font-size: 0.08rem;
  line-height: 2.5;
  color: #666
}
.expert-detail .content-box .content img {
  max-width: 100%;
  height: auto !important
}
.expert-detail .content-box .content video {
  max-width: 100%;
  height: auto !important
}
.expert-detail .content-box .content ul {
  list-style: disc
}
.expert-detail .content-box .content ul li {
  list-style: disc
}
.expert-detail .content-box .content ol {
  list-style: decimal
}
.expert-detail .content-box .content ol li {
  list-style: decimal
}
.expert-detail .content-box .content iframe {
  max-width: 100%
}
@media screen and (max-width: 1024px) {
  .expert-detail .content-box .content {
    font-size: 0.14rem
  }
}
.expert-detail .detail-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fdf6f9;
  border-radius: 0.15rem;
  padding: 0.125rem 0.165rem;
  margin-top: 0.15rem
}
@media screen and (max-width: 1024px) {
  .expert-detail .detail-footer {
    padding: 0.125rem 0.1rem
  }
}
.expert-detail .detail-footer .qrcode {
  background-color: #fff;
  border: 0.01rem solid #fad3d8;
  border-radius: 0.1rem;
  padding: 0.06rem;
  width: 1rem;
  height: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.expert-detail .detail-footer .qrcode img {
  width: 100%;
  height: 100%
}
.expert-detail .detail-footer .info {
  font-size: 0.08rem;
  font-weight: bold;
  line-height: 2.5;
  color: #333;
  margin-left: 0.13rem
}
@media screen and (max-width: 1024px) {
  .expert-detail .detail-footer .info {
    font-size: 0.1rem
  }
}
.expert-detail .detail-navigation {
  background-color: #F9ECF1;
  font-size: 0.07rem;
  color: #000;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  margin-top: 0.45rem;
  border-radius: 0.05rem;
  overflow: hidden;
  -webkit-box-shadow: 0 0.03rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.03rem 0 0 rgba(193, 124, 155, 0.3)
}
@media screen and (max-width: 1024px) {
  .expert-detail .detail-navigation {
    font-size: 0.12rem
  }
}
.expert-detail .detail-navigation .iconfont {
  color: #6a6a6a;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s
}
@media screen and (max-width: 1024px) {
  .expert-detail .detail-navigation .iconfont {
    font-size: 0.13rem
  }
}
.expert-detail .detail-navigation a {
  padding: 0.11rem 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  color: #000;
  height: 0.285rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
@media screen and (max-width: 1024px) {
  .expert-detail .detail-navigation a {
    height: 0.35rem
  }
}
.expert-detail .detail-navigation a:hover {
  color: #fff;
  background-color: #c8678b
}
.expert-detail .detail-navigation a:hover .iconfont {
  color: #fff
}
.expert-detail .detail-back-btn {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-left: 0.005rem solid rgba(200, 103, 139, 0.25);
  border-right: 0.005rem solid rgba(200, 103, 139, 0.25);
  background-color: #FDF6F9
}
.expert-detail .detail-back-btn .iconfont {
  font-size: 0.1rem;
  margin-right: 0.1rem
}
@media screen and (max-width: 1024px) {
  .expert-detail .detail-back-btn .iconfont {
    font-size: 0.18rem
  }
}
.expert-detail .detail-prev-btn, .expert-detail .detail-next-btn {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.expert-detail .detail-prev-btn p, .expert-detail .detail-next-btn p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.expert-detail .detail-prev-btn .iconfont {
  margin-right: 0.05rem
}
.expert-detail .detail-next-btn .iconfont {
  margin-left: 0.05rem
}
@media screen and (max-width: 1024px) {
  .expert-detail .detail-next-btn {
    text-align: right
  }
  .expert-detail .detail-next-btn .iconfont {
    margin-left: 0.1rem
  }
}
.video .paged {
  margin-top: 0.3rem
}
.video .list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  margin-right: -0.085rem;
  margin-left: -0.085rem;
  margin-top: 0.24rem;
  margin-bottom: -0.18rem
}
.video .list li {
  width: 33.3333333333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.085rem
}
@media screen and (max-width: 1024px) {
  .video .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-right: -0.05rem;
    margin-left: -0.05rem;
    margin-bottom: -0.1rem
  }
  .video .list li {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.05rem
  }
}
.video .list li {
  margin-bottom: 0.18rem
}
@media screen and (max-width: 1024px) {
  .video .list li {
    margin-bottom: 0.15rem
  }
}
.video .list .item {
  display: block;
  border-radius: 0.05rem;
  background-color: #fdf6f9;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  overflow: hidden;
  border: 0.005rem solid #ecd7e1;
  overflow: visible;
  padding: 0.09rem 0.075rem 0.11rem
}
.video .list .item:hover {
  border-color: #c8678b;
  background-color: #c8678b
}
.video .list .item:hover .title {
  color: #fff
}
.video .list .item .info-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0.11rem
}
@media screen and (max-width: 1024px) {
  .video .list .item .info-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
  }
  .video .list .item .info-box .video-ewm {
    margin-left: 0
  }
  .video .list .item .info-box .video-ewm .ewm-box {
    width: 1rem;
    height: 1.19rem;
    padding: 0.1rem 0.12rem
  }
}
.video .list .item .title {
  color: #333;
  font-weight: bold;
  font-size: 0.08rem;
  line-height: 1.5;
  padding-left: 0.05rem;
  padding-right: 0.1rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s
}
@media screen and (max-width: 1024px) {
  .video .list .item .title {
    font-size: 0.11rem;
    margin-bottom: 0.075rem
  }
}
.video .list .item .img-box {
  position: relative;
  border-radius: 0.05rem;
  background-color: #000;
  position: relative;
  padding-bottom: 64.2857142857%;
  overflow: hidden
}
.video .list .item .img-box video, .video .list .item .img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}
.video .list .item .img-box .iconfont {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
  color: #fff;
  font-size: 0.18rem
}
@media screen and (max-width: 1024px) {
  .video .list .item .img-box .iconfont {
    font-size: 0.24rem
  }
}
.video .list .item .img-box img {
  opacity: 0.5
}
.message-form {
  padding: 0.3rem 0.225rem 0.37rem;
  border-radius: 0.05rem;
  background-color: #fdf6f9;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  box-shadow: 0 0.05rem 0 0 rgba(193, 124, 155, 0.3);
  overflow: hidden;
  border: 0.005rem solid #ecd7e1;
  margin-top: 0.3rem
}
@media screen and (max-width: 1024px) {
  .message-form {
    padding: 0.25rem 0.15rem 0.3rem
  }
}
.message-form .head {
  text-align: center;
  color: #333
}
.message-form .head .title {
  font-size: 0.15rem;
  font-weight: bold;
  margin-bottom: 0.04rem
}
@media screen and (max-width: 1024px) {
  .message-form .head .title {
    font-size: 0.17rem
  }
}
.message-form .head .desc {
  font-size: 0.08rem
}
@media screen and (max-width: 1024px) {
  .message-form .head .desc {
    font-size: 0.12rem
  }
}
.message-form form {
  margin-top: 0.2rem
}
.message-form .textarea-wrapper, .message-form .input-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.1rem
}
@media screen and (max-width: 1024px) {
  .message-form .textarea-wrapper, .message-form .input-wrapper {
    display: block
  }
}
.message-form .textarea-wrapper .input-box, .message-form .input-wrapper .input-box {
  background-color: #fff;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0.08rem;
  padding: 0 0.06rem;
  border-radius: 0.05rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 1024px) {
  .message-form .textarea-wrapper .input-box, .message-form .input-wrapper .input-box {
    font-size: 0.13rem;
    padding: 0 0.1rem
  }
}
.message-form .textarea-wrapper .input-box:not(:last-child), .message-form .input-wrapper .input-box:not(:last-child) {
  margin-right: 0.085rem
}
@media screen and (max-width: 1024px) {
  .message-form .textarea-wrapper .input-box:not(:last-child), .message-form .input-wrapper .input-box:not(:last-child) {
    margin-right: 0;
    margin-bottom: 0.13rem
  }
}
.message-form .textarea-wrapper .input-box span, .message-form .input-wrapper .input-box span {
  white-space: nowrap
}
.message-form .textarea-wrapper .input-box em, .message-form .input-wrapper .input-box em {
  color: #ff0101;
  margin-left: 0.015rem
}
.message-form .textarea-wrapper .input-box input, .message-form .input-wrapper .input-box input {
  height: 0.29rem;
  border: none;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: transparent;
  padding: 0 0.05rem
}
@media screen and (max-width: 1024px) {
  .message-form .textarea-wrapper .input-box input, .message-form .input-wrapper .input-box input {
    height: 0.5rem
  }
}
.message-form .textarea-wrapper .input-box textarea, .message-form .input-wrapper .input-box textarea {
  display: block;
  resize: none;
  border: none;
  background-color: transparent;
  width: 100%;
  padding-top: 0.05rem;
  height: 0.25rem
}
@media screen and (max-width: 1024px) {
  .message-form .textarea-wrapper .input-box textarea, .message-form .input-wrapper .input-box textarea {
    height: 0.8rem
  }
}
.message-form .btn-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
@media screen and (max-width: 1024px) {
  .message-form .btn-box {
    display: block
  }
}
.message-form .btn-box .captcha {
  width: 53.9647577093%
}
@media screen and (max-width: 1024px) {
  .message-form .btn-box .captcha {
    width: 100%
  }
}
.message-form .btn-box .captcha .geetest_holder.geetest_wind {
  height: 0.3rem
}
@media screen and (max-width: 1024px) {
  .message-form .btn-box .captcha .geetest_holder.geetest_wind {
    height: 0.5rem
  }
}
.message-form .btn-box .captcha .geetest_holder.geetest_wind .geetest_radar {
  margin: 0 !important;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0.07rem;
  width: 0.15rem;
  height: 0.15rem
}
@media screen and (max-width: 1024px) {
  .message-form .btn-box .captcha .geetest_holder.geetest_wind .geetest_radar {
    width: 0.25rem;
    height: 0.25rem
  }
}
.message-form .btn-box .captcha .geetest_holder.geetest_wind .geetest_radar_tip {
  height: 0.3rem;
  line-height: 0.3rem;
  padding: 0 0.23rem 0 0.275rem
}
@media screen and (max-width: 1024px) {
  .message-form .btn-box .captcha .geetest_holder.geetest_wind .geetest_radar_tip {
    height: 0.5rem;
    line-height: 0.5rem;
    padding: 0 0.23rem 0 0.5rem
  }
}
.message-form .btn-box .captcha .geetest_holder.geetest_wind .geetest_wait {
  margin: 0;
  top: 50%;
  left: 0.1rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 1024px) {
  .message-form .btn-box .captcha .geetest_holder.geetest_wind .geetest_wait {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.message-form .btn-box .captcha .geetest_holder.geetest_wind.geetest_radar_click_ready .geetest_radar_btn {
  background-color: #fff
}
.message-form .btn-box .captcha .geetest_holder.geetest_wind .geetest_success_btn {
  border-radius: 0.05rem
}
.message-form .btn-box .captcha .geetest_holder.geetest_wind .geetest_radar_btn {
  background-image: none;
  background-color: #fff;
  border: none;
  border-radius: 0.05rem
}
.message-form .btn-box .captcha .geetest_holder.geetest_wind .geetest_radar_tip, .message-form .btn-box .captcha .geetest_holder.geetest_wind .geetest_success_radar_tip {
  height: 0.3rem;
  line-height: 0.3rem
}
@media screen and (max-width: 1024px) {
  .message-form .btn-box .captcha .geetest_holder.geetest_wind .geetest_radar_tip, .message-form .btn-box .captcha .geetest_holder.geetest_wind .geetest_success_radar_tip {
    height: 0.5rem;
    line-height: 0.5rem
  }
}
.message-form .btn-box .captcha .geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0.06rem
}
.message-form .btn-box .captcha .geetest_holder.geetest_wind * {
  color: #999;
  text-transform: uppercase
}
.message-form .btn-box button {
  color: #fff;
  height: 0.3rem;
  border: none;
  background-color: #c8678b;
  margin-left: 0.085rem;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  width: 0.95rem;
  font-size: 0.08rem;
  border-radius: 0.05rem;
  font-weight: bold
}
@media screen and (max-width: 1024px) {
  .message-form .btn-box button {
    height: 0.5rem;
    margin-left: 0;
    width: 100%;
    font-size: 0.15rem;
    margin-top: 0.1rem
  }
}
.message-form .btn-box button:hover {
  background-color: #bd4974
}
.message-form .textarea-wrapper .input-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0.1rem 0.06rem
}
@media screen and (max-width: 1024px) {
  .message-form .textarea-wrapper .input-box {
    padding: 0.1rem
  }
}