﻿.show-page .show-card-list:after {
  position: absolute;
  bottom: -12px
}
.show-page__swipe-wrap {
  display: flex;
  align-items: center;
  padding: 0 16px 16px;
  background-color: #fff;
  color: #fe5a58
}
.show-page__swipe-wrap .speaker {
  margin-right: 10px;
  font-weight: 700;
  transform: translateY(-1px)
}
.show-page__swipe {
  flex: none;
  width: calc(100% - 24px)
}
.show-page__swipe i {
  font-weight: 700
}
.show-page__swipe .van-swipe-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: #fe5a58
}
.show-page__swipe .van-swipe-item span {
  font-weight: 700;
  width: calc(100% - 24px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.show-page__slide-wrap {
  background-color: #fff;
  padding: 0 16px;
  padding: 50px 16px;
}
.show-page__slide .van-swipe-item {
  /*padding-top: 43.2vw;*/
  /*background-size: cover;*/
  /*background-position: 50%;*/
  /*border-radius: 8px;*/
}
.show-page__slide img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 8px;
}
.show-page__toptab {
  margin-bottom: 12px
}
.show-page__toptab .van-tabs__line {
  height: 6px;
  width: 18px;
  border-radius: unset
}
.show-page__toptab .van-tab__text {
  font-size: 16px
}
.show-page__toptab .van-tab.van-tab--active .van-tab__text {
  line-height: 22px;
  font-size: 22px
}
.show-page-nav {
  padding: 16px 0;
  height: 76px;
  box-sizing: content-box;
  background-color: #fff
}
.show-page-nav__li {
  flex: none;
  height: 100%;
  width: 136px;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 4px
}
.show-page-tag-list {
  height: 36px;
  margin-top: 12px;
  width: 100%;
  overflow: hidden
}
.show-page-tag-list .swiper-wrapper {
  align-items: center
}
.show-page-tag-list.stick {
  position: fixed;
  top: 48px;
  padding: 20px 0 24px;
  z-index: 99;
  background-color: #fff;
  margin-top: unset
}
.show-page__tag:last-child {
  margin-right: 0 !important
}
.show-page__tag {
  font-size: 12px;
  font-weight: 700;
  width: auto;
  border-right: 1px solid #d8d8d8;
  padding-right: 16px;
  height: 16px
}
.show-page__tag.top span {
  display: block;
  font-size: 14px;
  transform: translateY(-12px)
}
.show-page__tag.top:after {
  content: "实时更新";
  position: absolute;
  left: -1px;
  bottom: -10px;
  white-space: nowrap;
  color: #1f1f1f;
  border-radius: 25px;
  padding: 0 6px;
  box-shadow: inset 0 0 1px 1px #1f1f1f
}
.show-page__tag.active {
  color: #fe5a58
}
.show-page__tag.active.top span {
  color: #1f1f1f
}
.show-page__tag.active.top:after {
  color: #fff;
  background: linear-gradient(90deg, #ff694b, #ff5063);
  box-shadow: unset
}
.show-page-cate-list {
  display: flex;
  justify-content: space-between;
  padding: 16px 36px 0;
  background-color: #fff
}
.show-page__cate {
  width: auto;
  color: #3c3c3c;
  font-size: 12px;
  line-height: 2;
  padding-top: 63px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  width: 48px
}
.show-page__cate:first-child {
  background-image: url(../image/m55-6aa4d60.svg)
}
.show-page__cate:nth-child(2) {
  background-image: url(../image/m55-c38412e.svg)
}
.show-page__cate:nth-child(3) {
  background-image: url(../image/m55-8bf7121.svg)
}
.show-page__cate:nth-child(4) {
  background-image: url(../image/m55-e239e37.svg)
}
.show-page-rmd {
  padding: 16px 16px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.show-page-button-container {
  padding: 20px
}
.show-page__see-more {
  height: 33px;
  color: #3c3c3c;
  margin: 0 auto;
  width: 150px;
  font-size: 14px;
  text-align: center;
  border: 1px solid;
  border-radius: 10px;
  line-height: 2.3;
  box-sizing: border-box;
  cursor: pointer
}
.show-page__see-more:hover {
  color: #fff;
  border-color: transparent;
  box-shadow: 0 4px 8px 0 rgba(60, 60, 60, .04), 0 8px 16px 0 rgba(60, 60, 60, .08);
  background-image: linear-gradient(-90deg, #f46e2f, #ff804d 98%)
}
.show-page__see-more.vanish {
  display: none
}