@charset "UTF-8";

/************************** 重置播放器样式 ***************************/

.vcp-player .vcp-controls-panel {
  left: 0;
  height: 2.0512rem;
}

.vcp-controls-panel .vcp-panel-bg {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}

.vcp-controls-panel .vcp-playtoggle {
  width: 2em !important;
  background-repeat: no-repeat;
  background-position: center;
}

.vcp-controls-panel .vcp-volume {
  width: 2em;
}

.vcp-controls-panel .vcp-volume .vcp-volume-icon {
  width: 2em;
  background-repeat: no-repeat;
  background-position: center;
  display: none;
}

.vcp-controls-panel .vcp-volume .vcp-volume-bg {
  width: 1.4em;
  left: 0 !important;
}

.vcp-controls-panel .vcp-volume .vcp-slider-vertical {
  width: 0.4em;
  left: 0.45em;
}

.vcp-controls-panel .vcp-fullscreen-toggle {
  width: 1.1965rem;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
}

.vcp-player .vcp-slider .vcp-slider-track {
  background-color: #fff;
}

.vcp-player .vcp-slider .vcp-slider-thumb {
  background-color: #959396;
  width: 0.5982rem;
  height: 0.5982rem;
  margin-left: -0.2991rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../../image/component/video-dot.png");
  top: -0.2991rem;
}

.have-time-line .vcp-timeline {
  top: 0.6982rem;
  width: calc(100% - 6.7282rem);
  left: 1.7094rem;
  height: 0.4273rem;
}

.vcp-timeline:hover .vcp-slider-thumb {
  width: 0.5982rem;
  height: 0.5982rem;
  top: -0.2991rem;
  margin-left: -0.2991rem;
}

.vcp-timeline .vcp-slider {
  margin-top: 0.34188px;
  height: 0.08547rem;
}

.vcp-timeline:hover .vcp-slider {
  margin-top: 0.34188px;
  height: 0.08547rem;
}

.vcp-player .vcp-timelabel,
.vcp-player .vcp-volume {
  height: 100%;
  position: absolute;
  right: 1.1966rem;
  top: 0;
  font-size: 0.5128rem;
  line-height: 2.0512rem;
}

@media only screen and (min-width: 992px) {
  .broadcast-content,
  .television-content {
    width: 60vh !important;
    min-width: 375px !important;
    margin: auto;
    background: #fff !important;
  }

  .video-content {
    width: 60vh !important;
    min-width: 375px !important;
  }

  .float-activity-pack {
    right: calc(50% - 30vh + 0.4274rem) !important;
  }

  .modle-activity-pack {
    width: 60vh !important;
    min-width: 375px !important;
    left: calc(50% - 30vh) !important;
  }

  .modle-activity-pack.min-box {
    left: calc(50% - 187.5px) !important;
  }
}

/********************************** 项目中样式 *********************************/

/* 名称 */

.channel-name {
  display: none;
  line-height: 1.06838rem;
  padding: 0.42735rem 0.64103rem;
  font-size: 0.59829rem;
  line-height: 0.8547rem;
  color: #999999;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.channel-name .text.breviary {
  background-repeat: no-repeat;
  background-size: 0.1709rem auto;
  background-position: right center;
  background-image: url("../../image/rft-old/arrows-right.png");
}

.channel-name .calculate-pack {
  height: 0;
  overflow: hidden;
}

.channel-name img {
  width: 1.06838rem;
  height: 1.06838rem;
  vertical-align: middle;
  margin-right: 0.32051rem;
  border-radius: 50%;
  border: 0.02137rem solid #e3e3e3;
}

.mui-content {
  background-color: #fff;
}

/* 点播列表 */

.video-list-box {
  border-top: 0.21368rem solid #f6f6f6;
}

.video-list-title {
  line-height: 0.94017rem;
  padding: 0.42735rem 0.64103rem;
  font-size: 0.59829rem;
  font-weight: 400;
}

.video-list-title::before {
  content: "";
  display: inline-block;
  width: 0.94017rem;
  height: 0.94017rem;
  margin-right: 0.14957rem;
  vertical-align: middle;
  background: url("../../image/rft-old/list-icon.png") no-repeat center center;
  background-size: cover;
}

#mescroll {
  position: absolute;
  bottom: 0;
  width: 100%;
  right: 0;
  height: auto;
  padding-bottom: 2.1367rem;
  overflow-y: scroll;
}

.mescroll-upwarp {
  padding: 0;
}

/* 视频列表 */

.video-list.video-seeding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.4273rem 0.21368rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.video-list.video-seeding li {
  position: relative;
  width: 50%;
  padding: 0 0.21368rem;
  margin-bottom: 0.76923rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.video-list.video-seeding li.empty-tip,
.chat-list li.empty-tip {
  width: 10.9829rem;
  margin: auto;
  height: 12.8205rem;
  margin-top: 0;
}

.video-list.video-seeding li.empty-tip img,
.chat-list li.empty-tip img {
  width: 100%;
  height: auto;
}

.video-list.video-seeding li .img-content {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background-color: #edeef1;
  border-radius: 0.12821rem;
  overflow: hidden;
}

.video-list.video-seeding li .img-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../../image/rft-old/video-play-deep.png") no-repeat center center;
  background-size: 1.41026rem 1.41026rem;
  z-index: 3;
}

.video-list.video-seeding li .img-content img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  border-radius: 0.12821rem;
}

.video-list.video-seeding li p {
  margin-top: 0.21368rem;
  line-height: 0.81197rem;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.57692rem;
  font-weight: 500;
  color: #333;
}

/* 音频列表 */

.video-list.audio-seeding {
  padding: 0 0.64103rem;
}

.video-list.audio-seeding li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.64103rem 0;
  border-bottom: 0.02137rem solid #eeeeee;
}

.video-list.audio-seeding li img {
  -ms-flex-preferred-size: 1.7094rem;
  flex-basis: 1.7094rem;
  width: 1.7094rem;
  height: 1.7094rem;
  margin-right: 0.42735rem;
  border-radius: 50%;
}

.video-list.audio-seeding li p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.68376rem;
  color: #333333;
}

.video-list.audio-seeding li .audio-play {
  display: block;
  width: 0.8547rem;
  height: 0.8547rem;
  margin-left: 0.42735rem;
  background: url("../../image/rft-old/audio-play.png") no-repeat center center;
  background-size: cover;
}

.upwarp-tip,
.mescroll-upwarp {
  text-align: center;
  font-size: 0.51282rem;
  color: #aaaaaa;
}

#broadcastVideo .vcp-error-tips {
  height: 0.8547rem;
  margin-top: -0.42735rem;
  font-size: 0.64103rem;
}

#broadcastVideo .vcp-loading {
  height: 1.7094rem;
  margin-top: -0.8547rem;
}

.vcp-add {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

.vcp-controls-panel.hide + .vcp-add,
.vcp-controls-panel.hide + .vcp-add + .control-btn {
  display: none;
}

.vcp-controls-panel.show + .vcp-add,
.vcp-controls-panel.show + .vcp-add + .control-btn {
  display: block;
}

.vcp-add h3 {
  height: 3.67521rem;
  padding: 0.55556rem 0.64103rem;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.76923rem;
  color: #fff;
}

.control-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 1.92308rem;
  height: 1.92308rem;
  margin-top: -0.96154rem;
  margin-left: -0.96154rem;
  background: url("../../image/rft-old/video-play.png") no-repeat center center;
  background-size: 100% 100%;
  z-index: 1000;
}

.vcp-player.touchable.vcp-playing .control-btn {
  display: none;
  background: url("../../image/rft-old/video-pause.png") no-repeat center center;
  background-size: 100% 100%;
}

/**************************************** 活动报名 *******************************************/

.float-activity-pack {
  position: fixed;
  width: 2.1368rem;
  right: 0.4274rem;
  bottom: 6.4103rem;
  border-radius: 1.0684rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0.1282rem 0.4273rem 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.1282rem 0.4273rem 0 rgba(0, 0, 0, 0.1);
  z-index: 100;
}

.float-activity-pack .float-activity-list {
  padding-bottom: 0.641rem;
  display: none;
}

.float-activity-pack .float-activity-list .list {
  padding-top: 0.7692rem;
  height: 2.5641rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.float-activity-pack .float-activity-list .list .icon {
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 0.8547rem;
}

.float-activity-pack .float-activity-list .list .icon-questionnaire {
  background-image: url("../../image/rft-old/icon-questionnaire.png");
}

.float-activity-pack .float-activity-list .list .icon-apply {
  background-image: url("../../image/rft-old/icon-apply.png");
}

.float-activity-pack .float-activity-list .list .icon-vote {
  background-image: url("../../image/rft-old/icon-vote.png");
}

.float-activity-pack .float-activity-list .list p {
  font-size: 0.5128rem;
  line-height: 0.7692rem;
  color: #333;
  text-align: center;
}

.float-activity-pack .list-switch {
  height: 2.1368rem;
  padding-top: 0.5342rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.float-activity-pack .list-switch .icon {
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 0.3419rem;
  background-image: url("../../image/rft-old/icon-activity-close.png");
}

.float-activity-pack .list-switch p {
  font-size: 0.5128rem;
  color: #333;
  text-align: center;
  line-height: 0.8547rem;
}

.float-activity-pack .list-switch .close-text {
  display: block;
}

.float-activity-pack .list-switch .open-text {
  display: none;
}

.float-activity-pack.open .float-activity-list {
  display: block;
}

.float-activity-pack.open .list-switch .icon {
  background-image: url("../../image/rft-old/icon-activity-open.png");
}

.float-activity-pack.open .list-switch .close-text {
  display: none;
}

.float-activity-pack.open .list-switch .open-text {
  display: block;
}

.modle-activity-pack {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 500;
}

.modle-activity-pack .content-pack {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  border-radius: 0.4274rem 0.4274rem 0 0;
}

.modle-activity-pack .content-pack .hint-pack {
  overflow: hidden;
  padding: 0.7265rem 0.641rem;
  background-repeat: no-repeat;
  background-position: 0.641rem center;
  background-size: auto 0.9829rem;
}

.modle-activity-pack .content-pack .hint-pack .close-button {
  float: right;
  color: #666;
  line-height: 1.0256rem;
  font-size: 0.6838rem;
}

.modle-activity-pack .content-pack .list-pack {
  padding: 0 0.641rem 0.641rem 0.641rem;
  height: 12.8205rem;
  overflow: auto;
}

.modle-activity-pack .content-pack .list-pack p:not(.no-more-pull-up) {
  color: #333;
  font-size: 0.6838rem;
  line-height: 0.9402rem;
  padding: 0.4273rem 0.641rem;
  border-radius: 0.2564rem;
  background-color: #f6f6f6;
}

.modle-activity-pack .content-pack .list-pack p:not(.no-more-pull-up):not(:first-child) {
  margin-top: 0.641rem;
}

.modle-activity-pack .content-pack .list-pack .no-list-data {
  text-align: center;
  padding-top: 0.8547rem;
}

.modle-activity-pack .content-pack .list-pack .no-list-data .icon-no-activity {
  display: block;
  height: 7.8632rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../../image/rft-old/emptyImg.png");
}

.modle-activity-pack .content-pack .list-pack .no-list-data .no-activity-txt {
  display: block;
  font-size: 0.6838rem;
  line-height: 0.9402rem;
  margin-top: 0.6838rem;
  color: #474747;
}

.modle-activity-pack.activity-1 .hint-pack {
  background-image: url("../../image/rft-old/title-activity-1.png");
}

.modle-activity-pack.activity-2 .hint-pack {
  background-image: url("../../image/rft-old/title-activity-2.png");
}

.modle-activity-pack.activity-3 .hint-pack {
  background-image: url("../../image/rft-old/title-activity-3.png");
}

.modle-full-describe {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 8.9743rem);
  z-index: 500;
  overflow: auto;
  background-color: #fff;
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.4273rem 0.641rem;
}

.modle-full-describe .full-describe-title {
  font-size: 0.76923rem;
  line-height: 1.1965rem;
  color: #222;
}

.modle-full-describe .full-describe-text {
  color: #999999;
  font-size: 0.5983rem;
  line-height: 0.8547rem;
}

.modle-full-describe .full-describe-text .close-modle {
  padding-left: 0.7838rem;
  margin-left: 0.12735rem;
  background-repeat: no-repeat;
  background-size: 0.5838rem;
  background-position: center;
  background-image: url("../../image/rft-old/close-modle.png");
}

.modle-full-program {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 8.9743rem);
  z-index: 500;
  overflow: auto;
  background-color: #fff;
  display: none;
  padding-top: 2.1368rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.modle-full-program .full-program-content {
  height: 100%;
  overflow: auto;
}

.modle-full-program .full-program-content * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.modle-full-program .full-program-title {
  line-height: 2.1368rem;
  font-size: 0.5983rem;
  color: #282828;
  padding-left: 0.641rem;
  padding-right: 0.641rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-bottom: 0.0641rem solid #e5e5e5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
}

.modle-full-program .full-program-title .close-modle {
  position: absolute;
  right: 0.641rem;
  top: 0;
  height: 100%;
  width: 1.282rem;
  background-size: 0.555rem 0.555rem;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url("../../image/component/download_close_cross.png");
}

.vcp-controls-panel .vcp-playtoggle:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 1.8em;
  height: 1.8em;
  margin-top: -0.9em;
  margin-left: -0.9em;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}

.vcp-controls-panel .vcp-timeline {
  top: 50%;
  left: 3em;
  right: 8em;
  height: 10px;
  margin-top: -8px;
  width: auto;
}

.vcp-volume-icon {
  display: none !important;
}

/********************** 评到详情添加样式 ********************/

.television-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* 音频播放器 */
  /* 列表 */
  /* 音频 */
  /* 视频 */
  /********************** 样式调整 *********************/
}

.television-content .television-box {
  width: 100%;
  height: 100%;
  overflow: auto;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.television-content .video-content {
  position: relative;
  width: 100%;
  height: 8.9743rem;
  z-index: 100;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.television-content .error-info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.television-content .error-info > img {
  width: 100%;
  height: 100%;
}

.television-content #broadcastVideo {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.television-content .broadcast-video.audio-tag .vcp-poster {
  display: block !important;
}

.television-content .broadcast-video.audio-tag .broad-title,
.television-content .broadcast-video.audio-tag .broad-summary {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.television-content .broadcast-video.audio-tag .broad-title {
  height: 1.06838rem;
  line-height: 1.06838rem;
  font-size: 0.76923rem;
  font-weight: 500;
}

.television-content .broadcast-video.audio-tag .broad-summary {
  height: 0.59829rem;
  line-height: 0.59829rem;
  margin-top: 0.21368rem;
  font-size: 0.59829rem;
  font-weight: 400;
  color: #aaaaaa;
}

.television-content .audio-control {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.51282rem 0;
  position: absolute;
  z-index: 10;
  left: 0rem;
  bottom: 0;
  width: 100%;
  padding-left: 2.35042rem;
  padding-right: 3.8462rem;
  height: 2.13675rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
}

.television-content .audio-cover-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.television-content .play-box {
  position: absolute;
  left: 0.4274rem;
  top: 0.4273rem;
  width: 1.282rem;
  height: 1.282rem;
}

.television-content .curr-time-pack {
  position: absolute;
  right: 0.4274rem;
  bottom: 0;
  text-align: right;
  color: #fff;
  font-size: 0.5128rem;
  color: #fff;
  line-height: 1.282rem;
  top: 0.4273rem;
}

.television-content .play-box .broad-prev,
.television-content .play-box .broad-next {
  width: 0.81197rem;
  height: 0.81197rem;
}

.television-content .play-box .broad-prev {
  background: url("../../image/rft-old/broad-prev.png") no-repeat center center;
  background-size: 100% 100%;
}

.television-content .play-box .broad-next {
  background: url("../../image/rft-old/broad-next.png") no-repeat center center;
  background-size: 100% 100%;
}

.television-content .play-box .broad-play {
  height: 100%;
  width: 100%;
  display: block;
  background: url("../../image/component/video_play.png") no-repeat center center;
  background-size: contain;
}

.television-content .play-box .broad-play.pause-tag {
  background: url("../../image/component/video_pause_2.png") no-repeat center center;
  background-size: contain;
}

.television-content .sy-detail_progress {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 0.08547rem;
  background-color: #d8d8d8;
  border-radius: 0.04274rem;
  top: 0.51282rem;
}

.television-content .sy-detail_progress .sy-detail-padding {
  width: 100%;
  height: 1.06838rem;
}

.television-content .sy-detail_progress .sy-detail_proBar {
  position: absolute;
  width: 0%;
  height: 100%;
  background-color: #f02215;
  border-radius: 0.04274rem;
}

.television-content .sy-detail_progress .sy-detail_proIcon {
  position: absolute;
  top: -0.17094rem;
  left: 0;
  display: block;
  width: 0.42735rem;
  height: 0.42735rem;
  margin-left: -0.21368rem;
  border-radius: 50%;
  background-color: #f02215;
  -webkit-box-shadow: 0px 0.04274rem 0.08547rem 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0.04274rem 0.08547rem 0px rgba(0, 0, 0, 0.1);
}

.television-content .sy-detail_progress .sy-detail_proIcon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 2.13675rem;
  height: 2.13675rem;
  margin-left: -1.06838rem;
  margin-top: -1.06838rem;
  border-radius: 50%;
  background-color: transparent;
}

.television-content .sy-detail_progress .curr-time {
  position: absolute;
  top: 0.17094rem;
  left: 0;
  display: block;
  width: 0.98291rem;
  height: 0.42735rem;
  margin-left: -0.49145rem;
  font-size: 0.42735rem;
  color: #aaaaaa;
}

.television-content .vcp-poster img {
  width: 100%;
}

.television-content .television-list {
  background-color: #f6f6f6;
  padding: 0.42735rem 0.59829rem 0 0.59829rem;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  height: 5.76923rem;
  background-color: #fff;
  font-size: 0;
}

.television-content .television-list.audio-tag {
  height: auto;
}

.television-content .television-list li {
  float: left;
}

.television-content .television-list.audio-tag li {
  vertical-align: top;
}

.television-content .television-list .television-list-pack > li + li {
  margin-left: 0.59829rem;
}

.television-content .voice-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 9.38034rem;
  height: 2.99145rem;
  padding: 0.42735rem;
  background-color: #fff;
}

.television-content .voice-item + .voice-item {
  margin-top: 0.21368rem;
}

.television-content .item-img {
  position: relative;
  -ms-flex-preferred-size: 2.13675rem;
  flex-basis: 2.13675rem;
  width: 2.13675rem;
  height: 2.13675rem;
  border-radius: 50%;
}

.television-content .item-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.television-content .item-img .player-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../../image/rft-old/video-play.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.02564rem 1.02564rem;
  border-radius: 50%;
}

.television-content .voice-item.active .item-img .player-mask {
  display: none;
}

.television-content .item-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  padding-left: 0.42735rem;
}

.television-content .item-content h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.59829rem;
  font-weight: 500;
  color: #333;
}

.television-content .item-content p {
  margin-top: 0.12821rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.51282rem;
  color: #9c9c9c;
}

.television-content .item-content p.playing-tag {
  display: none;
  color: #f02215;
}

.television-content .voice-item.active p.playing-tag {
  display: block;
}

.television-content .voice-item.active .item-content p.duration-text {
  display: none;
}

.television-content .item-date {
  display: none;
  -ms-flex-preferred-size: 3rem;
  flex-basis: 3rem;
  font-size: 0.75rem;
  color: #aaaaaa;
}

.television-content .video-item {
  position: relative;
  width: 4.70085rem;
  height: 100%;
  border-radius: 0.12821rem;
  background-color: #fff;
  cursor: pointer;
  overflow: hidden;
}

.television-content .video-item.big {
  -webkit-transform: scale(1.16);
  transform: scale(1.16);
  -webkit-transform-origin: center 1.45299rem;
  transform-origin: center 1.45299rem;
}

.television-content .video-item .playing-text {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 0.68376rem;
  line-height: 0.68376rem;
  margin-top: -0.34188rem;
  text-align: center;
  font-size: 0.68376rem;
  color: #fff;
}

.television-content .video-item img {
  width: auto;
  display: block;
  height: 2.64957rem;
  border-radius: 0.12821rem;
}

.television-content .video-text {
  margin-top: 0.29915rem;
  font-size: 0.51282rem;
  line-height: 0.76923rem;
  color: #222;
  white-space: normal;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.television-content .video-item::after {
  position: absolute;
  top: 1.23932rem;
  left: 50%;
  display: block;
  width: 1.41026rem;
  height: 1.41026rem;
  margin-left: -0.70513rem;
  background: url("../../image/rft-old/video-play-deep.png") no-repeat center center;
  background-size: cover;
}

.television-content .video-item.active .playing-text {
  display: block;
}

.television-content .video-item.active::after {
  display: none;
}

.television-content .video-item.active .video-text {
  color: #f54d42;
}

.television-content .program-pack {
  display: block;
  border-top: 0.1709rem solid #f7f7f7;
  border-bottom: 0.1709rem solid #f7f7f7;
}

.television-content .program-pack .program-title {
  color: #222222;
  font-size: 0.64102rem;
  line-height: 0.9401rem;
  padding: 0.6273rem 0.641rem 0.4273rem 0.641rem;
  font-weight: bold;
}

.television-content .program-pack .program-title .program-more {
  float: right;
  font-weight: normal;
  color: #999;
  font-size: 0.51282rem;
  padding-right: 0.4274rem;
  background-image: url("../../image/rft-old/arrows-right.png");
  background-repeat: no-repeat;
  background-size: 0.1709rem auto;
  background-position: right center;
}

.television-content .program-pack-2 {
  display: none;
  padding: 0.2282rem 0.5555rem;
  height: 1.7094rem;
}

.television-content .program-pack-2 .more-program-text {
  line-height: 1.1966rem;
  font-size: 0.5128rem;
  border-radius: 0.5983rem;
  background-color: #f6f6f6;
  color: #666;
  padding-left: 0.5128rem;
  padding-right: 0.5128rem;
  position: relative;
  cursor: pointer;
}

.television-content .program-pack-2 .more-program-text::after {
  content: '';
  position: absolute;
  right: 0.4274rem;
  top: 0;
  width: 0.3846rem;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../../image/rft-old/small-triangle.png");
}

.television-content * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.television-content .television-box.shrink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.television-content .television-box.shrink .play-list-pack {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.television-content .television-box.shrink .play-list-pack .program-pack {
  display: none;
}

.television-content .television-box.shrink .play-list-pack .program-pack-2 {
  display: block;
}

.television-content .television-box.shrink .tab-box {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: calc(100% - 1.7094rem);
}

/*********************** table切换样式 ************************/

.television-content .tab-box {
  position: relative;
  padding-top: 1.7948rem;
}

.television-content .tab-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.7948rem;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 2.991452rem;
  padding-right: 2.991452rem;
}

.television-content .tab-header > li {
  width: 50%;
  text-align: center;
  height: 100%;
}

.television-content .tab-header > li > span {
  position: relative;
  font-size: 0.6838rem;
  line-height: 1.7948rem;
  color: #222;
  overflow: hidden;
  display: block;
}

.television-content .tab-header > li > span:after {
  content: '';
  position: absolute;
  bottom: 0;
  display: block;
  height: 4px;
  background-color: transparent;
  border-radius: 2px;
  left: 50%;
  width: 0.6838rem;
  margin-left: -0.3419rem;
}

.television-content .tab-header > li > span.active:after {
  background-color: #f54d42;
}

.television-content .tab-body {
  height: 100%;
  font-size: 0.5983rem;
  line-height: 0.8547rem;
}

.television-content .tab-content {
  display: none;
}

.television-content .tab-content.active {
  display: block;
  position: relative;
  height: 100%;
  background-color: #f6f6f6;
}

/************** 点播样式 **************/

.resource-list-scroll {
  height: 100%;
  overflow: auto;
}

.resource-list {
  min-height: 100%;
  background-color: #fff;
  overflow-y: auto;
}

.resource-list .empty-tip {
  width: 10.9829rem;
  margin: auto;
  margin-top: 0;
  height: 12.8205rem;
}

.resource-list .empty-tip img {
  width: 100%;
  height: auto;
}

.video-item-list {
  padding: 0.2991rem 0.5983rem 0.2991rem 6.7094rem;
  min-height: 3.6752rem;
  position: relative;
  background-color: #fff;
}

.video-item-list .img-pack {
  position: absolute;
  top: 0.34188rem;
  left: 0.5128rem;
  width: 5.555rem;
  height: 3.1196rem;
  border-radius: 0.1282rem;
  overflow: hidden;
}

.video-item-list .img-pack img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.video-item-list .img-pack .list-state {
  line-height: 3.1196rem;
  font-size: 0.5983rem;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}

.video-item-list.active .img-pack .list-state {
  display: block;
}

.video-item-list .video-text-list {
  color: #222;
  font-size: 0.6837rem;
  line-height: 1.0256rem;
  padding-top: 0.5555rem;
  white-space: normal;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.video-item-list.active-list .video-text-list {
  color: #f5594f;
}

.video-item-list .create-time {
  display: none;
  position: absolute;
  top: 1.0547rem;
  right: 0.641rem;
  font-size: 0.5128rem;
  line-height: 0.7692rem;
  color: #999;
  text-align: right;
}

.type-audio .resource-list .video-item-list {
  padding: 0.5128rem 3.7914rem 0.5128rem 2.77777rem;
  min-height: 2.9752rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.type-audio .resource-list .video-item-list::after {
  content: '';
  position: absolute;
  left: 4%;
  bottom: 0;
  height: 0.0541rem;
  background-color: #e5e5e5;
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}

.type-audio .resource-list .video-item-list .video-text-list {
  padding-top: 0;
  font-size: 0.6837rem;
  line-height: 0.9402rem;
}

.type-audio .resource-list .video-item-list .img-pack {
  width: 1.7094rem;
  height: 1.7094rem;
  border-radius: 50%;
  top: 0.6419rem;
}

.type-audio .resource-list .video-item-list .img-pack::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: url("../../image/component/video_play.png") no-repeat center center;
  background-size: contain;
}

.type-audio .resource-list .video-item-list .img-pack .list-state {
  display: none;
}

.type-audio .resource-list .video-item-list .create-time {
  display: block;
}

.type-audio .resource-list .video-item-list.active .img-pack::before {
  background: url("../../image/component/video_pause_2.png") no-repeat center center;
  background-size: contain;
}

.modle-full-program .video-item-list .video-text-list {
  padding-top: 0;
}

.face-img-pack {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}

.face-img-pack img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.television-list-pack {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.hint-slide-to-top {
  position: absolute;
  top: 0;
  right: 0.641rem;
  height: 1.7948rem;
  width: 0.6838rem;
  background-image: url("../../image/rft-old/icon-to-down.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: perspective(800px) rotate(180deg);
  transform: perspective(800px) rotate(180deg);
  z-index: 10;
}

.hint-slide-to-top.down {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

/********************************** 项目中样式 *********************************/

html,
body {
  width: 100%;
  height: 100%;
  color: #333;
  background-color: #fff;
  overflow: hidden;
}

/************************** 评论 **************************/

.chat-list-li {
  padding-top: 0.641rem;
}

.chat-list-li .chat-list-pack {
  position: relative;
  padding-left: 2.735rem;
}

.chat-list-li .chat-list-pack .head-pack {
  position: absolute;
  top: 0.1709rem;
  left: 0.4274rem;
  height: 1.7948rem;
  width: 1.7948rem;
  border-radius: 50%;
  overflow: hidden;
}

.chat-list-li .chat-list-pack .head-pack img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.chat-list-li .chat-list-pack .right-pack .chat-name {
  font-size: 0.5983rem;
  line-height: 1.0256rem;
  color: #aaa;
}

.chat-list-li .chat-list-pack .right-pack .chat-text {
  max-width: 11.9658rem;
  position: relative;
  font-size: 0.6838rem;
  line-height: 1.0256rem;
  padding: 0.4273rem 0.5983rem;
  display: inline-block;
  background-color: #fff;
  border-radius: 0.1709rem;
  color: #282828;
}

.chat-list-li .chat-list-pack .right-pack .chat-text::before {
  content: '';
  position: absolute;
  top: 0.683rem;
  left: -0.3418rem;
  border-right: 0.3418rem solid #fff;
  border-top: 0.2309rem solid transparent;
  border-bottom: 0.2309rem solid transparent;
}

.chat-list-li .chat-list-pack .right-pack .chat-text::after {
  content: '';
  position: absolute;
  top: 0;
  right: -0.3418rem;
  height: 0.8547rem;
  width: 0.8547rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.chat-list-li .chat-list-pack .right-pack .chat-time {
  font-size: 0.5128rem;
  line-height: 1.0256rem;
  color: #aaa;
}

.chat-list-li .chat-list-pack .activity-type-1 .chat-text {
  color: #f54d42;
}

.chat-list-li .chat-list-pack .activity-type-1 .chat-text::after {
  background-image: url("../../image/rft-old/icon-activity-chat-1.png");
}

.chat-list-li .chat-list-pack .activity-type-2 .chat-text {
  color: #f54d42;
}

.chat-list-li .chat-list-pack .activity-type-2 .chat-text::after {
  width: 0.6547rem;
  background-image: url("../../image/rft-old/icon-activity-chat-2.png");
}

.chat-list-li .chat-list-pack .activity-type-3 .chat-text {
  color: #f54d42;
}

.chat-list-li .chat-list-pack .activity-type-3 .chat-text::after {
  background-image: url("../../image/rft-old/icon-activity-chat-3.png");
}

.chat-list-content {
  height: 100%;
  overflow: auto;
}

.empty-tip-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.television-content .television-box.shrink .tab-box {
  height: 100%;
}

.channel-name {
  border-bottom: 0.1709rem solid #f7f7f7;
  display: block;
}

.channel-name .title {
  font-size: 0.76923rem;
  line-height: 1.282rem;
  color: #222;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}