@charset "UTF-8";
/*
    电影 - 视频部分
*/
.mCSB_inside > .mCSB_container {
  margin-right: 0; }

video {
  outline: none; }

.dash-video-player,
.videoContainer {
  height: 100%; }

.video-js .vjs-control {
  width: 32px;
  height: 32px;
  line-height: 32px; }

.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing:before {
  font-family: 'iconfont' !important;
  content: '\e63d';
  color: #b3b3b3;
  font-size: 31px; }

.vjs-icon-play:before,
.video-js .vjs-big-play-button:before,
.video-js .vjs-play-control:before {
  font-family: 'iconfont' !important;
  content: '\e650';
  color: #b3b3b3; }

.video-js .vjs-paused,
.video-js .vjs-playing,
.video-js .vjs-play-control {
  position: absolute;
  bottom: 15px;
  font-size: 22px;
  left: 30px; }

.videoContainer .icon-playcontro_pause_white:before,
.videoContainer .icon-playcontro_play:before {
  font-size: 31px;
  color: #b3b3b3; }

.video-js .icon-playcontro_play,
.video-js .icon-playcontro_pause_white {
  cursor: pointer;
  position: absolute;
  bottom: 16px;
  font-size: 31px;
  color: #b3b3b3;
  left: 30px; }

@-moz-document url-prefix() {
  .video-js .icon-playcontro_play,
  .video-js .icon-playcontro_pause_white {
    bottom: 18px; } }

.videoContainer .vjs-volume-menu-button:before,
.vjs-icon-volume-high:before,
.video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before {
  font-family: 'iconfont' !important;
  content: '\e646';
  color: #b3b3b3;
  font-size: 29px;
  cursor: pointer; }

.videoContainer .vjs-volume-menu-button.vjs-vol-2:before,
.video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
  font-family: 'iconfont' !important;
  content: '\e64b';
  color: #b3b3b3; }

.videoContainer .vjs-volume-menu-button.vjs-vol-1:before,
.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
  font-family: 'iconfont' !important;
  content: '\e673';
  color: #b3b3b3; }

.videoContainer .vjs-volume-menu-button.vjs-vol-0:before,
.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
  font-family: 'iconfont' !important;
  content: '\e671';
  color: #b3b3b3; }

.videoContainer .muted-tips {
  font-size: 16px;
  color: #ffffff;
  width: 296px;
  height: 40px;
  line-height: 40px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  bottom: 150px; }

.videoContainer .no-sound-bg {
  width: 100%;
  height: 100%;
  background: url(https://pic7.huanxi.com/ol679ce6b1b2f9489f966f88ce7dcb5862.png) no-repeat;
  background-size: cover;
  z-index: 5; }
  .videoContainer .no-sound-bg .bg-mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); }
  .videoContainer .no-sound-bg img {
    width: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); }

.videoContainer .vjs-mouse-display:before,
.videoContainer .vjs-volume-level:before,
.vjs-icon-circle:before,
.video-js .vjs-mouse-display:before,
.video-js .vjs-volume-level:before {
  font-family: 'iconfont' !important;
  content: '\e66a';
  font-size: 12px;
  transform: scale(0.75) translateY(-1px);
  -webkit-transform: scale(0.75) translateY(-1px);
  -moz-transform: scale(0.75) translateY(-1px); }

.vjs-volume-menu-button .vjs-menu,
.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
  width: 36px;
  height: 168px;
  right: 0;
  bottom: 24px;
  z-index: 2;
  cursor: pointer; }

.videoContainer .vjs-volume-menu-button .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-menu .vjs-menu-content {
  width: 100%;
  height: 133px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  top: 0; }

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
  position: absolute;
  bottom: 16px;
  right: 185px;
  font-size: 29px; }

.vjs-volume-menu-button div.vjs-volume-bar.vjs-slider-vertical,
.vjs-volume-bar.vjs-slider-vertical {
  width: 4px;
  height: 100px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.5);
  top: 17px;
  margin: 0 auto; }

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  width: 4px;
  background: linear-gradient(135deg, #ff6f6c 0%, #b22020 100%);
  border-radius: 10px;
  bottom: 0; }

.video-js .pic-to-pic {
  width: 32px;
  height: 32px;
  bottom: 16px;
  right: 133px;
  color: #b3b3b3;
  font-size: 30px;
  cursor: pointer; }
  .video-js .pic-to-pic .pic-title {
    width: 42px;
    font-size: 14px;
    color: #ffffff;
    padding: 9px 12px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    top: -61px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%); }

.vjs-slider-vertical .vjs-volume-level:before {
  top: -16px;
  left: -4px;
  position: absolute; }

.vjs-slider-vertical .vjs-volume-level-dash:before {
  top: -2px; }

.video-js .vjs-icon-hd,
.video-js .vjs-bitrate,
#danmu_send_opt {
  width: auto;
  height: 32px;
  line-height: 32px;
  position: absolute;
  right: 305px;
  bottom: 17px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #b3b3b3; }

.video-js .vjs-icon-hd .vjs-menu-content {
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 8px; }

.vjs-menu-button-popup .vjs-menu {
  left: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%); }

.vjs-menu-button-popup .vjs-menu,
.menu-item-unselected {
  width: 122px;
  bottom: 21px;
  margin-bottom: 0;
  z-index: 4; }

.vjs-menu-button-popup .vjs-bitrate {
  bottom: 16px;
  height: 198px; }

.bitrateMenu {
  position: absolute;
  visibility: hidden;
  text-align: center;
  bottom: 16px;
  padding-bottom: 36px;
  border-radius: 8px;
  overflow: hidden;
  z-index: 9;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%); }
  .bitrateMenu .video-menu-content {
    padding: 10px 0;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 8px; }
    .bitrateMenu .video-menu-content li {
      height: 14px;
      line-height: 14px;
      padding: 10px 0;
      font-family: PingFangSC-Regular, PingFang SC;
      font-size: 14px; }

.bitrateMenu-2 {
  height: 253px; }
  .bitrateMenu-2 #videoContent {
    height: 212px; }

.vjs-menu li,
#videoContent li {
  width: 100%;
  height: 14px;
  line-height: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 0;
  outline: none; }

.videoContainer #playbackRate li {
  width: 100%;
  height: 14px;
  line-height: 14px;
  padding: 10px 0;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: 14px;
  outline: none;
  cursor: pointer; }

#videoContent li.menu-item-selected,
.vjs-menu .vjs-menu-item-active,
.videoContainer li.vjs-menu-item-active,
#videoContent li.vjs-menu-item-active,
.videoContainer #playbackRate li:hover {
  color: #d0021b;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600; }

.videoContainer #playbackRate span {
  display: block;
  cursor: pointer;
  padding: 10px 0; }

#video-bar {
  width: 122px;
  height: 190px;
  padding-top: 10px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 8px; }

.bitrateListBtn {
  cursor: pointer; }

.videoContainer .vjs-icon-fullscreen-enter:before,
.videoContainer .icon-playcontro-full1:before,
.vjs-icon-fullscreen-enter:before,
.video-js .icon-playcontro-full1:before,
.video-js .vjs-fullscreen-control::before {
  font-family: 'iconfont' !important;
  content: '\e666';
  color: #b3b3b3;
  font-size: 30px;
  cursor: pointer; }

.video-js .vjs-fullscreen-control {
  right: 30px;
  bottom: 16px;
  position: absolute;
  font-size: 28px; }

.videoContainer .icon-playcontro_exitfullscreen:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control:before,
.vjs-icon-fullscreen-exit:before {
  font-family: 'iconfont' !important;
  content: '\e64c';
  color: #b3b3b3;
  font-size: 30px;
  cursor: pointer; }

.icon-playcontro_exitfullscreen {
  margin-right: 30px;
  margin-top: 2px; }

.video-js .icon-playcontro-full1 {
  right: 30px;
  bottom: 16px;
  position: absolute;
  font-size: 28px; }

.videoContainer .fullscreen-title,
.videoContainer .play-pause-tips,
.videoContainer .play-next-tips,
#playPauseTips {
  position: absolute;
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
  top: -61px;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  font-size: 14px;
  left: -11px;
  color: #fff;
  z-index: 4; }

#playPauseTips {
  top: -53px; }

.vjs-menu-button-popup .vjs-menu {
  visibility: hidden;
  position: absolute; }

.vjs-menu-button-popup .vjs-menu:hover {
  visibility: visible; }

.vjs-menu-button-popup .vjs-menu .vjs-menu-content-2 {
  height: 251px;
  bottom: 100px; }

#videoController {
  width: 100%;
  height: 120px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  justify-content: space-between;
  align-items: flex-end; }

#playPauseBtn {
  font-size: 31px;
  float: left;
  cursor: pointer; }

.videoContainer .dash-menu,
.video-js .vjs-playback-rate .vjs-menu {
  width: 96px;
  height: 255px;
  bottom: 31px;
  z-index: 9; }

.videoContainer .dash-menu {
  left: -35px; }

.videoContainer .dash-menu .vjs-menu-content,
.video-js .vjs-playback-rate .vjs-menu .vjs-menu-content {
  width: 96px;
  height: 214px;
  padding-top: 10px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  top: 0px;
  position: absolute; }

.video-js .vjs-playback-rate,
.video-js .vjs-select-target {
  position: absolute;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #b3b3b3;
  font-size: 16px;
  min-width: 32px;
  max-width: 50px; }

.video-js .vjs-playback-rate {
  right: 246px;
  bottom: 17px; }

.video-js .vjs-select-target {
  cursor: pointer;
  right: 190px;
  bottom: 22px; }

.video-js .title-clone {
  width: 100%;
  top: 0;
  background-color: #171717;
  z-index: 3; }

.vjs-fullscreen .vjs-mute-control,
.vjs-fullscreen .vjs-volume-menu-button {
  right: 134px; }

.vjs-fullscreen .vjs-playback-rate {
  right: 246px; }

.vjs-fullscreen .vjs-icon-hd,
.vjs-fullscreen #danmu_send_opt {
  right: 302px; }

.vjs-control-bar-ff .vjs-mute-control,
.vjs-control-bar-ff .vjs-volume-menu-button {
  right: 130px; }

.vjs-control-bar-ff .vjs-playback-rate {
  right: 185px; }

.vjs-control-bar-ff .vjs-icon-hd,
.vjs-control-bar-ff #danmu_send_opt {
  right: 246px; }

.select-target-list {
  width: 382px;
  height: 100%;
  top: 0;
  right: -382px;
  z-index: 101; }
  .select-target-list .dramas-title {
    width: 289px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block; }
  .select-target-list .p-list-clone {
    border-radius: 0; }
  .select-target-list .p-time {
    height: 26px;
    font-size: 16px;
    color: #666666;
    line-height: 26px; }
  .select-target-list .icon-new_jiangxiang_Close {
    right: 24px;
    top: 24px;
    font-size: 22px;
    cursor: pointer; }
  .select-target-list .ps .ps__rail-x.ps--clicking,
  .select-target-list .ps .ps__rail-x:focus,
  .select-target-list .ps .ps__rail-x:hover,
  .select-target-list .ps .ps__rail-y.ps--clicking,
  .select-target-list .ps .ps__rail-y:focus,
  .select-target-list .ps .ps__rail-y:hover {
    background-color: #1f1f11; }

.select-target-mask {
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2; }

.video-controller {
  opacity: 0; }

.video-js .vjs-control-bar {
  opacity: 1;
  height: 84px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  bottom: 0;
  z-index: 4; }

.video-js .vjs-progress-control {
  height: 4px;
  position: absolute;
  width: 100%;
  top: 17px;
  line-height: 4px; }

.video-js .vjs-play-progress {
  background-color: #b22020;
  left: 1px; }

.video-js .vjs-play-progress:before {
  font-family: 'iconfont' !important;
  content: '\e66a';
  font-size: 12px;
  color: #b22020;
  transform: scale(0) translateY(1px);
  -webkit-transform: scale(0) translateY(1px);
  -moz-transform: scale(0) translateY(1px); }

.video-js .vjs-play-progress-2:before {
  transform: scale(0.75) translateY(1px);
  -webkit-transform: scale(0.75) translateY(1px);
  -moz-transform: scale(0.75) translateY(1px); }

.video-js .vjs-progress-control .vjs-mouse-display {
  bottom: -8px;
  z-index: 9; }

.videoContainer .icon-playcontro_set {
  font-size: 32px;
  color: #b3b3b3;
  cursor: pointer; }

.video-js .icon-playcontro_set {
  right: 81px;
  bottom: 14px;
  font-size: 32px;
  color: #b3b3b3;
  cursor: pointer; }

.sqp-auto-jump {
  margin-top: -1px; }

.sqp-auto-jump-box {
  margin-left: 32px;
  display: none; }

.sqp-auto-jump .icon-playcontro_set {
  font-size: 32px; }

.sqp-auto-jump-bg {
  width: 136px;
  height: 137px;
  right: -52px;
  top: -161px;
  z-index: 3; }

.sqp-auto-jump-window {
  width: 100%;
  height: 101px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 14px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #fff; }

.sqp-auto-jump-window .tag-bar {
  width: 38px;
  height: 23px;
  border-radius: 11px;
  background: #ccc;
  cursor: pointer;
  margin-top: 16px; }

.sqp-auto-jump-window .tag-bar .tag-bar-btn {
  width: 19px;
  height: 19px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 2px 0px 6px 0px rgba(77, 77, 77, 0.15);
  top: 2px;
  left: 2px; }

.sqp-auto-jump-window .tag-bar-active {
  background: #aa0000; }

.videoContainer .icon-playcontro_next,
.video-js .vjs-control-bar .icon-playcontro_next {
  position: absolute;
  color: #b3b3b3;
  cursor: pointer;
  bottom: 15px;
  top: auto;
  left: 83px;
  font-size: 32px; }

.videoContainer .icon-playcontro_next {
  position: relative;
  left: 0;
  bottom: 0;
  top: 5px; }

.video-js .vjs-time-control {
  position: absolute; }

.video-js .vjs-current-time {
  width: auto;
  padding: 0;
  bottom: 15px;
  left: 143px;
  font-size: 14px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600; }

.video-js .vjs-remaining-time {
  width: auto;
  padding: 0;
  bottom: 15px;
  left: 196px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  font-size: 14px; }

.videoContainer .time-display,
.videoContainer .duration-display,
.videoContainer .splite-display {
  padding: 11px 0; }

.videoContainer .vjs-mute-control:hover::before,
.videoContainer .vjs-volume-menu-button:hover::before,
.videoContainer .vjs-icon-fullscreen-enter:hover::before,
.videoContainer .icon-playcontro-full1:hover::before,
.videoContainer .vjs-button:hover::before,
.videoContainer .icon-playcontro_set:hover,
.videoContainer .icon-playcontro_next:hover,
.videoContainer .vjs-playback-rate:hover,
.videoContainer .icon-playcontro_pause_white:hover::before,
.videoContainer .icon-playcontro_play:hover::before,
.video-js .pic-to-pic:hover::before,
.video-js .vjs-button:hover::before,
.video-js .icon-playcontro_set:hover,
.video-js .icon-playcontro_next:hover,
.video-js .vjs-playback-rate:hover,
.video-controller-right #playbackRate:hover,
.video-controller-right .bitrateListBtn:hover,
.video-js .vjs-icon-hd span:hover {
  color: #fff; }

.videoContainer .icon-playcontro_set:hover .sqp-auto-jump-box,
.video-js .icon-playcontro_set:hover .sqp-auto-jump-box {
  display: block; }

.vjs-menu li.vjs-menu-item:hover,
#videoContent li:hover,
.bitrateListBtn li:hover {
  color: #d0021b;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600; }

.bitrateListBtn:hover {
  color: #fff; }

button.MKPButton {
  display: none; }

.vjs-tips {
  position: absolute;
  bottom: 20px;
  left: 38px;
  color: #ffffff;
  z-index: 3;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  min-width: 100px;
  max-width: 1155px;
  height: 14px;
  line-height: 14px;
  padding: 9px 12px 9px 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .vjs-tips a {
    color: red; }
  .vjs-tips .tips-down {
    height: 14px;
    border-radius: 27px;
    padding: 1px 8px;
    background: linear-gradient(135deg, #93291e 0%, #b31217 0%, #e52d27 100%);
    border-radius: 4px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    color: #ffffff;
    margin-left: 6px;
    font-weight: 500; }
  .vjs-tips .vjs-tips-next {
    max-width: 1075px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block; }

.vjs-tips-2 {
  bottom: 75px; }

.watermark img {
  width: auto;
  height: 20px; }

.watermark-full img {
  height: 40px; }

.slogn {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%); }

.jump-button {
  color: #aa0e15;
  cursor: pointer;
  padding-left: 5px;
  display: block;
  float: left; }

.seekContainer {
  bottom: 64px;
  height: 4px; }

.seekbar-complete {
  width: 100%;
  height: 4px;
  position: relative;
  cursor: pointer;
  padding: 0;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.seekbar-buffer {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0%;
  height: 0px; }

.seekbar-play {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0%;
  height: 4px;
  background: #b22020; }

.seekbar-dot {
  width: 10px;
  height: 10px;
  right: -5px;
  top: 50%;
  margin-top: -5px;
  border-radius: 10px;
  background: #b22020;
  display: none; }

.seekContainer:hover .seekbar-dot {
  display: block; }

.seekbar-current-time {
  padding: 9px 12px;
  height: 14px;
  color: #ffffff;
  line-height: 14px;
  top: -40px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  z-index: 20; }

.seekbar-current-time-2 {
  background: rgba(0, 0, 0, 0); }

.video-controller-left {
  margin-bottom: 10px; }
  .video-controller-left #playPauseBtn {
    margin-left: 30px; }
  .video-controller-left #play-next-button {
    margin-left: 22px; }
  .video-controller-left .time-display {
    margin-left: 28px; }

.video-controller-right {
  margin-bottom: 16px; }
  .video-controller-right .icon-playcontro-full1 {
    margin-right: 30px; }
  .video-controller-right .icon-playcontro_set {
    margin-right: 22px; }
  .video-controller-right .vjs-volume-menu-button {
    margin-right: 20px; }
  .video-controller-right #playbackRate,
  .video-controller-right .bitrateListBtn {
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #b3b3b3; }
  .video-controller-right #playbackRate {
    margin-right: 30px; }
  .video-controller-right .bitrateListBtn {
    margin-right: 28px; }
  .video-controller-right .pic-to-pic {
    width: 32px;
    height: 32px;
    color: #b3b3b3;
    margin-right: 20px;
    font-size: 30px;
    cursor: pointer; }
    .video-controller-right .pic-to-pic .pic-title {
      width: 42px;
      font-size: 14px;
      color: #ffffff;
      padding: 9px 12px;
      background: rgba(0, 0, 0, 0.6);
      border-radius: 4px;
      top: -61px;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%); }

@-moz-document url-prefix() {
  .video-controller-right .pic-to-pic {
    display: none; } }

.controller-right-fullcreen .icon-playcontro-full1 {
  margin-right: 30px; }

.controller-right-fullcreen .icon-playcontro_set {
  margin-right: 22px; }

.controller-right-fullcreen .vjs-volume-menu-button {
  margin-right: 20px; }

.controller-right-fullcreen #playbackRate,
.controller-right-fullcreen .bitrateListBtn {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #b3b3b3; }

.controller-right-fullcreen #playbackRate {
  margin-right: 30px; }

.controller-right-fullcreen .bitrateListBtn {
  margin-right: 28px; }

.previewImg {
  width: 0;
  height: 0;
  border-radius: 8px;
  top: -98px;
  left: 10px;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 1000%;
  position: absolute;
  z-index: 5; }

.previewImg2 {
  width: 160px;
  height: 90px;
  opacity: 1; }

.vjs-speed-tips {
  height: 56px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 12px 20px 12px 14px;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  white-space: nowrap; }
  .vjs-speed-tips img {
    width: 16px; }
  .vjs-speed-tips .jianbian {
    -webkit-animation: jianbian 0.6s linear 1s infinite alternate both;
    animation: jianbian 0.6s linear 1s infinite alternate both; }
  .vjs-speed-tips .jianbian2 {
    -webkit-animation: jianbian 0.6s linear 0s infinite alternate both;
    animation: jianbian 0.6s linear 0s infinite alternate both; }
  .vjs-speed-tips div {
    font-size: 18px;
    margin-left: 10px; }
    .vjs-speed-tips div span {
      color: #d0021b; }

@-webkit-keyframes jianbian {
  0% {
    -webkit-opacity: 1; }
  100% {
    -webkit-opacity: 0.3; } }

@keyframes jianbian {
  0% {
    opacity: 1; }
  100% {
    opacity: 0.3; } }

/* 兼容 1280 */
@media (max-width: 1340px) {
  .vjs-speed-tips {
    height: 39px;
    padding: 8px 13px 8px 9px;
    border-radius: 8px; }
    .vjs-speed-tips img {
      width: 12px; }
    .vjs-speed-tips div {
      margin-left: 7px;
      font-size: 15px; } }

/* 兼容 ipad 1024、768 */
@media (max-width: 1120px) {
  .vjs-speed-tips {
    height: 34px;
    border-radius: 7px;
    padding: 7px 12px 7px 8px; }
    .vjs-speed-tips img {
      width: 10px; }
    .vjs-speed-tips div {
      font-size: 13px;
      margin-left: 5px; } }

.video-js .big-title-button, .video-js .big-title-double-button, .video-js .button-login,
.video-js .odd-tips,
.dash-video-player .big-title-button,
.dash-video-player .big-title-double-button,
.dash-video-player .button-login,
.dash-video-player .odd-tips {
  height: 100%;
  background: #141414;
  top: 0;
  z-index: 4;
  flex-direction: column;
  width: 100.1%; }
  .video-js .big-title-button .title, .video-js .big-title-double-button .title, .video-js .button-login .title, .video-js .odd-tips .title,
  .dash-video-player .big-title-button .title,
  .dash-video-player .big-title-double-button .title,
  .dash-video-player .button-login .title,
  .dash-video-player .odd-tips .title {
    width: 100%;
    height: 26px;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    line-height: 26px; }
  .video-js .big-title-button .button, .video-js .big-title-double-button .button, .video-js .button-login .button, .video-js .odd-tips .button,
  .dash-video-player .big-title-button .button,
  .dash-video-player .big-title-double-button .button,
  .dash-video-player .button-login .button,
  .dash-video-player .odd-tips .button {
    min-width: 64px;
    background: linear-gradient(135deg, #f5c9ab 0%, #fae9dc 100%);
    border-radius: 52px;
    padding: 15px 40px;
    font-size: 16px;
    color: #502512;
    margin-top: 32px;
    margin-bottom: 36px;
    cursor: pointer; }
    .video-js .big-title-button .button .footmark, .video-js .big-title-double-button .button .footmark, .video-js .button-login .button .footmark, .video-js .odd-tips .button .footmark,
    .dash-video-player .big-title-button .button .footmark,
    .dash-video-player .big-title-double-button .button .footmark,
    .dash-video-player .button-login .button .footmark,
    .dash-video-player .odd-tips .button .footmark {
      height: 20px;
      line-height: 20px;
      color: #fff;
      padding: 0 10px;
      background: linear-gradient(135deg, #a00, #cc4b4b);
      border-radius: 6px 6px 6px 2px;
      font-size: 12px;
      top: -10px;
      right: -20px;
      white-space: nowrap; }
  .video-js .big-title-button .reset-login, .video-js .big-title-double-button .reset-login, .video-js .button-login .reset-login, .video-js .odd-tips .reset-login,
  .dash-video-player .big-title-button .reset-login,
  .dash-video-player .big-title-double-button .reset-login,
  .dash-video-player .button-login .reset-login,
  .dash-video-player .odd-tips .reset-login {
    width: 267px;
    margin: 0 auto;
    padding-left: 28px; }
    .video-js .big-title-button .reset-login .reset, .video-js .big-title-double-button .reset-login .reset, .video-js .button-login .reset-login .reset, .video-js .odd-tips .reset-login .reset, .video-js .big-title-button .reset-login div.reset-login-2 .hasvip, .video-js .big-title-button div.reset-login-2 .reset-login .hasvip, .video-js .big-title-double-button .reset-login div.reset-login-2 .hasvip, .video-js .big-title-double-button div.reset-login-2 .reset-login .hasvip, .video-js .button-login .reset-login div.reset-login-2 .hasvip, .video-js .button-login div.reset-login-2 .reset-login .hasvip, .video-js .odd-tips .reset-login div.reset-login-2 .hasvip, .video-js .odd-tips div.reset-login-2 .reset-login .hasvip, .dash-video-player .big-title-button div.reset-login-2 .video-js .big-title-double-button .reset-login .hasvip, .dash-video-player .big-title-button div.reset-login-2 .video-js .button-login .reset-login .hasvip, .dash-video-player .big-title-button div.reset-login-2 .video-js .odd-tips .reset-login .hasvip, .dash-video-player .big-title-double-button div.reset-login-2 .video-js .big-title-button .reset-login .hasvip, .dash-video-player .big-title-double-button div.reset-login-2 .video-js .button-login .reset-login .hasvip, .dash-video-player .big-title-double-button div.reset-login-2 .video-js .odd-tips .reset-login .hasvip, .dash-video-player .button-login div.reset-login-2 .video-js .big-title-button .reset-login .hasvip, .dash-video-player .button-login div.reset-login-2 .video-js .big-title-double-button .reset-login .hasvip, .dash-video-player .button-login div.reset-login-2 .video-js .odd-tips .reset-login .hasvip, .dash-video-player .odd-tips div.reset-login-2 .video-js .big-title-button .reset-login .hasvip, .dash-video-player .odd-tips div.reset-login-2 .video-js .big-title-double-button .reset-login .hasvip, .dash-video-player .odd-tips div.reset-login-2 .video-js .button-login .reset-login .hasvip,
    .dash-video-player .big-title-button .reset-login .reset,
    .dash-video-player .big-title-double-button .reset-login .reset,
    .dash-video-player .button-login .reset-login .reset,
    .dash-video-player .odd-tips .reset-login .reset,
    .video-js .big-title-button div.reset-login-2 .dash-video-player .big-title-double-button .reset-login .hasvip,
    .video-js .big-title-button div.reset-login-2 .dash-video-player .button-login .reset-login .hasvip,
    .video-js .big-title-button div.reset-login-2 .dash-video-player .odd-tips .reset-login .hasvip,
    .video-js .big-title-double-button div.reset-login-2 .dash-video-player .big-title-button .reset-login .hasvip,
    .video-js .big-title-double-button div.reset-login-2 .dash-video-player .button-login .reset-login .hasvip,
    .video-js .big-title-double-button div.reset-login-2 .dash-video-player .odd-tips .reset-login .hasvip,
    .video-js .button-login div.reset-login-2 .dash-video-player .big-title-button .reset-login .hasvip,
    .video-js .button-login div.reset-login-2 .dash-video-player .big-title-double-button .reset-login .hasvip,
    .video-js .button-login div.reset-login-2 .dash-video-player .odd-tips .reset-login .hasvip,
    .video-js .odd-tips div.reset-login-2 .dash-video-player .big-title-button .reset-login .hasvip,
    .video-js .odd-tips div.reset-login-2 .dash-video-player .big-title-double-button .reset-login .hasvip,
    .video-js .odd-tips div.reset-login-2 .dash-video-player .button-login .reset-login .hasvip,
    .dash-video-player .big-title-button .reset-login div.reset-login-2 .hasvip,
    .dash-video-player .big-title-button div.reset-login-2 .reset-login .hasvip,
    .dash-video-player .big-title-double-button .reset-login div.reset-login-2 .hasvip,
    .dash-video-player .big-title-double-button div.reset-login-2 .reset-login .hasvip,
    .dash-video-player .button-login .reset-login div.reset-login-2 .hasvip,
    .dash-video-player .button-login div.reset-login-2 .reset-login .hasvip,
    .dash-video-player .odd-tips .reset-login div.reset-login-2 .hasvip,
    .dash-video-player .odd-tips div.reset-login-2 .reset-login .hasvip {
      color: #999;
      cursor: pointer; }
      .video-js .big-title-button .reset-login .reset span, .video-js .big-title-double-button .reset-login .reset span, .video-js .button-login .reset-login .reset span, .video-js .odd-tips .reset-login .reset span, .video-js .big-title-button .reset-login div.reset-login-2 .hasvip span, .video-js .big-title-button div.reset-login-2 .reset-login .hasvip span, .video-js .big-title-double-button .reset-login div.reset-login-2 .hasvip span, .video-js .big-title-double-button div.reset-login-2 .reset-login .hasvip span, .video-js .button-login .reset-login div.reset-login-2 .hasvip span, .video-js .button-login div.reset-login-2 .reset-login .hasvip span, .video-js .odd-tips .reset-login div.reset-login-2 .hasvip span, .video-js .odd-tips div.reset-login-2 .reset-login .hasvip span, .dash-video-player .big-title-button div.reset-login-2 .video-js .big-title-double-button .reset-login .hasvip span, .dash-video-player .big-title-button div.reset-login-2 .video-js .button-login .reset-login .hasvip span, .dash-video-player .big-title-button div.reset-login-2 .video-js .odd-tips .reset-login .hasvip span, .dash-video-player .big-title-double-button div.reset-login-2 .video-js .big-title-button .reset-login .hasvip span, .dash-video-player .big-title-double-button div.reset-login-2 .video-js .button-login .reset-login .hasvip span, .dash-video-player .big-title-double-button div.reset-login-2 .video-js .odd-tips .reset-login .hasvip span, .dash-video-player .button-login div.reset-login-2 .video-js .big-title-button .reset-login .hasvip span, .dash-video-player .button-login div.reset-login-2 .video-js .big-title-double-button .reset-login .hasvip span, .dash-video-player .button-login div.reset-login-2 .video-js .odd-tips .reset-login .hasvip span, .dash-video-player .odd-tips div.reset-login-2 .video-js .big-title-button .reset-login .hasvip span, .dash-video-player .odd-tips div.reset-login-2 .video-js .big-title-double-button .reset-login .hasvip span, .dash-video-player .odd-tips div.reset-login-2 .video-js .button-login .reset-login .hasvip span,
      .dash-video-player .big-title-button .reset-login .reset span,
      .dash-video-player .big-title-double-button .reset-login .reset span,
      .dash-video-player .button-login .reset-login .reset span,
      .dash-video-player .odd-tips .reset-login .reset span,
      .video-js .big-title-button div.reset-login-2 .dash-video-player .big-title-double-button .reset-login .hasvip span,
      .video-js .big-title-button div.reset-login-2 .dash-video-player .button-login .reset-login .hasvip span,
      .video-js .big-title-button div.reset-login-2 .dash-video-player .odd-tips .reset-login .hasvip span,
      .video-js .big-title-double-button div.reset-login-2 .dash-video-player .big-title-button .reset-login .hasvip span,
      .video-js .big-title-double-button div.reset-login-2 .dash-video-player .button-login .reset-login .hasvip span,
      .video-js .big-title-double-button div.reset-login-2 .dash-video-player .odd-tips .reset-login .hasvip span,
      .video-js .button-login div.reset-login-2 .dash-video-player .big-title-button .reset-login .hasvip span,
      .video-js .button-login div.reset-login-2 .dash-video-player .big-title-double-button .reset-login .hasvip span,
      .video-js .button-login div.reset-login-2 .dash-video-player .odd-tips .reset-login .hasvip span,
      .video-js .odd-tips div.reset-login-2 .dash-video-player .big-title-button .reset-login .hasvip span,
      .video-js .odd-tips div.reset-login-2 .dash-video-player .big-title-double-button .reset-login .hasvip span,
      .video-js .odd-tips div.reset-login-2 .dash-video-player .button-login .reset-login .hasvip span,
      .dash-video-player .big-title-button .reset-login div.reset-login-2 .hasvip span,
      .dash-video-player .big-title-button div.reset-login-2 .reset-login .hasvip span,
      .dash-video-player .big-title-double-button .reset-login div.reset-login-2 .hasvip span,
      .dash-video-player .big-title-double-button div.reset-login-2 .reset-login .hasvip span,
      .dash-video-player .button-login .reset-login div.reset-login-2 .hasvip span,
      .dash-video-player .button-login div.reset-login-2 .reset-login .hasvip span,
      .dash-video-player .odd-tips .reset-login div.reset-login-2 .hasvip span,
      .dash-video-player .odd-tips div.reset-login-2 .reset-login .hasvip span {
        font-size: 22px; }
    .video-js .big-title-button .reset-login .hasvip a, .video-js .big-title-double-button .reset-login .hasvip a, .video-js .button-login .reset-login .hasvip a, .video-js .odd-tips .reset-login .hasvip a,
    .dash-video-player .big-title-button .reset-login .hasvip a,
    .dash-video-player .big-title-double-button .reset-login .hasvip a,
    .dash-video-player .button-login .reset-login .hasvip a,
    .dash-video-player .odd-tips .reset-login .hasvip a {
      color: #b22020; }
  .video-js .big-title-button div.reset-login-2, .video-js .big-title-double-button div.reset-login-2, .video-js .button-login div.reset-login-2, .video-js .odd-tips div.reset-login-2,
  .dash-video-player .big-title-button div.reset-login-2,
  .dash-video-player .big-title-double-button div.reset-login-2,
  .dash-video-player .button-login div.reset-login-2,
  .dash-video-player .odd-tips div.reset-login-2 {
    padding: 0; }
    .video-js .big-title-button div.reset-login-2 .reset, .video-js .big-title-double-button div.reset-login-2 .reset, .video-js .button-login div.reset-login-2 .reset, .video-js .odd-tips div.reset-login-2 .reset, .video-js .big-title-button div.reset-login-2 .hasvip, .video-js .big-title-double-button div.reset-login-2 .hasvip, .video-js .button-login div.reset-login-2 .hasvip, .video-js .odd-tips div.reset-login-2 .hasvip,
    .dash-video-player .big-title-button div.reset-login-2 .reset,
    .dash-video-player .big-title-double-button div.reset-login-2 .reset,
    .dash-video-player .button-login div.reset-login-2 .reset,
    .dash-video-player .odd-tips div.reset-login-2 .reset,
    .dash-video-player .big-title-button div.reset-login-2 .hasvip,
    .dash-video-player .big-title-double-button div.reset-login-2 .hasvip,
    .dash-video-player .button-login div.reset-login-2 .hasvip,
    .dash-video-player .odd-tips div.reset-login-2 .hasvip {
      width: 160px;
      margin: 0 auto;
      float: none; }
  .video-js .big-title-button .double-buttons, .video-js .big-title-double-button .double-buttons, .video-js .button-login .double-buttons, .video-js .odd-tips .double-buttons,
  .dash-video-player .big-title-button .double-buttons,
  .dash-video-player .big-title-double-button .double-buttons,
  .dash-video-player .button-login .double-buttons,
  .dash-video-player .odd-tips .double-buttons {
    margin-top: 0; }
    .video-js .big-title-button .double-buttons .button, .video-js .big-title-double-button .double-buttons .button, .video-js .button-login .double-buttons .button, .video-js .odd-tips .double-buttons .button,
    .dash-video-player .big-title-button .double-buttons .button,
    .dash-video-player .big-title-double-button .double-buttons .button,
    .dash-video-player .button-login .double-buttons .button,
    .dash-video-player .odd-tips .double-buttons .button {
      margin-top: 0; }
  .video-js .big-title-button .give, .video-js .big-title-double-button .give, .video-js .button-login .give, .video-js .odd-tips .give,
  .dash-video-player .big-title-button .give,
  .dash-video-player .big-title-double-button .give,
  .dash-video-player .button-login .give,
  .dash-video-player .odd-tips .give {
    width: 344px;
    height: 20px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block; }
    .video-js .big-title-button .give span, .video-js .big-title-double-button .give span, .video-js .button-login .give span, .video-js .odd-tips .give span,
    .dash-video-player .big-title-button .give span,
    .dash-video-player .big-title-double-button .give span,
    .dash-video-player .button-login .give span,
    .dash-video-player .odd-tips .give span {
      color: #d0021b; }

.video-js .big-title-double-button .buttons > div:first-child, .video-js .button-login .buttons > div:first-child, .video-js .odd-tips .buttons > div:first-child,
.dash-video-player .big-title-double-button .buttons > div:first-child,
.dash-video-player .button-login .buttons > div:first-child,
.dash-video-player .odd-tips .buttons > div:first-child {
  margin-right: 38px; }

.video-js .big-title-double-button .button-long, .video-js .button-login .button-long, .video-js .odd-tips .button-long,
.dash-video-player .big-title-double-button .button-long,
.dash-video-player .button-login .button-long,
.dash-video-player .odd-tips .button-long {
  width: 224px; }

.video-js .big-title-double-button .reset-login, .video-js .button-login .reset-login, .video-js .odd-tips .reset-login,
.dash-video-player .big-title-double-button .reset-login,
.dash-video-player .button-login .reset-login,
.dash-video-player .odd-tips .reset-login {
  width: 335px;
  padding-left: 78px; }

.video-js .button-login a.button,
.video-js .odd-tips a.button,
.dash-video-player .button-login a.button,
.dash-video-player .odd-tips a.button {
  display: block;
  color: #fff;
  background: linear-gradient(135deg, #aa0000 0%, #cc4b4b 100%); }

.video-js .button-login .reset-login,
.video-js .odd-tips .reset-login,
.dash-video-player .button-login .reset-login,
.dash-video-player .odd-tips .reset-login {
  padding: 0; }

.video-js .odd-tips,
.dash-video-player .odd-tips {
  font-size: 26px;
  font-family: PingFangHK-Regular, PingFangHK; }
  .video-js .odd-tips a.button,
  .dash-video-player .odd-tips a.button {
    margin-bottom: 0;
    padding: 14px 22px; }

/*
    演员列表
*/
.more-info {
  margin-top: 20px;
  font-size: 16px;
  padding: 20px 30px;
  border-radius: 12px;
  box-sizing: border-box;
  border: 1px solid #262629;
  font-family: PingFang SC-Medium; }
  .more-info .performer {
    margin-top: 16px; }
    .more-info .performer .p-title {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 12px; }
    .more-info .performer .p-card {
      width: 100px;
      margin-right: 40px; }
      .more-info .performer .p-card .face {
        height: 100px;
        border-radius: 50px; }
        .more-info .performer .p-card .face img {
          width: 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%); }
        .more-info .performer .p-card .face .btn-play {
          width: 80px;
          height: 80px;
          background: url(https://pic7.huanxi.com/olf5d03a9008ac4c3880cdb62b5a108a3a.png) no-repeat center;
          background-size: cover;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          display: none; }
      .more-info .performer .p-card .title {
        margin-top: 12px;
        font-size: 12px;
        color: #999999;
        font-family: PingFang SC-Regular;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block; }
      .more-info .performer .p-card .dir {
        height: 40px;
        font-size: 14px;
        margin-top: 4px;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        word-break: break-all;
        white-space: normal; }
    .more-info .performer div:first-child {
      margin-left: 0; }
    .more-info .performer .swiper-button-next,
    .more-info .performer .swiper-button-prev {
      top: 65px;
      width: 265px;
      height: 180px; }
      .more-info .performer .swiper-button-next span,
      .more-info .performer .swiper-button-prev span {
        font-size: 36px;
        top: 53px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%); }
    .more-info .performer .swiper-button-next {
      right: 0px;
      background: linear-gradient(270deg, #0c0c0f 0%, rgba(12, 12, 15, 0) 100%); }
      .more-info .performer .swiper-button-next span {
        right: 30px; }
    .more-info .performer .swiper-button-prev {
      left: 0px;
      background: linear-gradient(90deg, #0c0c0f 0%, rgba(12, 12, 15, 0) 100%); }
      .more-info .performer .swiper-button-prev span {
        left: 30px;
        transform: rotateY(180deg); }
    .more-info .performer .swiper-button-next.swiper-button-disabled,
    .more-info .performer .swiper-button-prev.swiper-button-disabled {
      display: none; }
  .more-info .nickname {
    color: #999;
    line-height: 26px;
    font-weight: 500;
    word-break: break-all; }
  .more-info .desc {
    margin-top: 16px; }
    .more-info .desc p:first-child {
      font-size: 24px;
      font-weight: 500; }
    .more-info .desc p:last-child {
      margin-top: 8px;
      color: #999;
      font-weight: 400;
      line-height: 30px;
      font-family: PingFang SC-Regular; }
  .more-info .p-title-ch {
    font-size: 24px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    line-height: 24px; }

/*
    精彩周边、为你推荐
*/
.p-title-ch {
  font-size: 24px;
  font-weight: 500; }

.recommend {
  font-family: PingFang SC-Medium; }
  .recommend > div {
    padding-top: 20px;
    padding-bottom: 40px;
    border-bottom: 2px solid #282828; }
  .recommend .r-card {
    width: 315px;
    margin-right: 20px;
    cursor: pointer; }
    .recommend .r-card .img {
      height: 178px;
      border-radius: 12px; }
      .recommend .r-card .img img {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%); }
      .recommend .r-card .img .playing {
        background: linear-gradient(90deg, #aa0000 0%, #cc4b4b 99%);
        padding: 3px 5px;
        right: -9px;
        bottom: 8px;
        font-weight: 600;
        font-size: 14px;
        transform: scale(0.714);
        -webkit-transform: scale(0.714);
        -moz-transform: scale(0.714); }
        .recommend .r-card .img .playing span {
          width: auto;
          height: 15px;
          padding: 0 10px;
          display: block;
          background: url(https://static.huanxi.com/img/player-logo/playing2.gif) no-repeat;
          background-size: 75%; }
      .recommend .r-card .img .tag, .recommend .r-card .img .movie-box .film-info .dirs .text .font, .movie-box .film-info .dirs .text .recommend .r-card .img .font, .recommend .r-card .img .movie-box .film-info .dirs .more, .movie-box .film-info .dirs .recommend .r-card .img .more {
        width: auto;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        font-weight: 500;
        padding: 0 8px;
        left: 0;
        top: 0;
        background: linear-gradient(135deg, #aa0000 0%, #cc4b4b 99%);
        border-radius: 8px 0px 8px 0px;
        color: #fff; }
      .recommend .r-card .img .tag-right-swiper {
        left: 0;
        height: 46px;
        line-height: 46px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0.7) 100%);
        bottom: 0;
        top: auto;
        width: 100%;
        text-align: right;
        padding: 0 12px;
        box-sizing: border-box;
        font-size: 14px; }
      .recommend .r-card .img .show-tips {
        right: 15px;
        bottom: 15px; }
      .recommend .r-card .img .btn-play {
        width: 45px;
        height: 45px;
        background: url(https://pic7.huanxi.com/olf5d03a9008ac4c3880cdb62b5a108a3a.png) no-repeat center;
        background-size: cover;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        display: none; }
    .recommend .r-card .title {
      font-size: 18px;
      line-height: 30px;
      font-weight: 500;
      margin-top: 20px;
      color: #fff;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      word-wrap: break-word;
      word-break: break-all;
      white-space: normal; }
    .recommend .r-card .slogin {
      line-height: 26px;
      color: #999999;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      word-wrap: break-word;
      word-break: break-all;
      white-space: normal;
      font-size: 16px; }
  .recommend .active .title {
    color: #b22020; }
  .recommend .swiper-container-recommend {
    margin-top: 20px;
    overflow: hidden; }
  .recommend .swiper-button-next,
  .recommend .swiper-button-prev {
    top: 22px;
    width: 265px;
    height: 294px; }
    .recommend .swiper-button-next span,
    .recommend .swiper-button-prev span {
      font-size: 36px;
      top: 74px; }
  .recommend .swiper-button-next {
    right: 0;
    background: linear-gradient(270deg, #0c0c0f 0%, rgba(12, 12, 15, 0) 100%); }
    .recommend .swiper-button-next span {
      right: 48px; }
  .recommend .swiper-button-prev {
    left: 0;
    background: linear-gradient(90deg, #0c0c0f 0%, rgba(12, 12, 15, 0) 100%); }
    .recommend .swiper-button-prev span {
      left: 48px;
      transform: rotateY(180deg); }
  .recommend .swiper-button-next.swiper-button-disabled,
  .recommend .swiper-button-prev.swiper-button-disabled {
    display: none; }

/*
    点评、获奖信息
*/
.award {
  margin-top: 20px; }
  .award > div {
    height: 328px;
    border-bottom: 1px solid #262629; }
  .award .a-left {
    width: 830px;
    margin-right: 20px; }
    .award .a-left .a-comment {
      margin-top: 60px; }
    .award .a-left .a-card {
      width: 327px;
      margin-right: 20px; }
      .award .a-left .a-card .face {
        width: 120px;
        height: 120px;
        border-radius: 60px; }
        .award .a-left .a-card .face img {
          width: 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%); }
      .award .a-left .a-card .text {
        width: 191px;
        margin-left: 15px; }
      .award .a-left .a-card .title {
        min-height: 30px;
        max-height: 90px;
        font-size: 18px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        word-break: break-all;
        white-space: normal; }
      .award .a-left .a-card .dir {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        color: #999999;
        line-height: 14px;
        height: 16px;
        margin-top: 12px;
        font-size: 16px; }
    .award .a-left .swiper-button-next,
    .award .a-left .swiper-button-prev {
      top: 0;
      width: 171px;
      height: 120px;
      margin: 0; }
      .award .a-left .swiper-button-next span,
      .award .a-left .swiper-button-prev span {
        font-size: 36px;
        top: 40px; }
    .award .a-left .swiper-button-next {
      right: 0;
      background: linear-gradient(270deg, #0c0c0f 0%, rgba(12, 12, 15, 0) 100%); }
      .award .a-left .swiper-button-next span {
        right: 30px; }
    .award .a-left .swiper-button-prev {
      left: 0;
      background: linear-gradient(90deg, #0c0c0f 0%, rgba(12, 12, 15, 0) 100%); }
      .award .a-left .swiper-button-prev span {
        left: 30px;
        transform: rotateY(180deg); }
    .award .a-left .swiper-button-next.swiper-button-disabled,
    .award .a-left .swiper-button-prev.swiper-button-disabled {
      display: none; }
  .award .a-right, .award .awardframe {
    width: 830px;
    height: 308px;
    background: linear-gradient(180deg, #2f2e2e 0%, #423f3f 100%);
    border-radius: 12px 12px 12px 12px;
    padding: 20px 0;
    box-sizing: border-box;
    font-weight: 500; }
    .award .a-right .a-title, .award .awardframe .a-title {
      width: 180px;
      height: 54px;
      line-height: 54px;
      color: #f5c9ab;
      font-size: 20px; }
      .award .a-right .a-title div, .award .awardframe .a-title div {
        width: 44px;
        height: 47px;
        background: url(https://pic6.huanxi.com/qa131cded56ccd44b28b685f2fcb885306.png) no-repeat 0 -4px;
        background-size: auto 115%;
        margin-top: 3px; }
      .award .a-right .a-title .a-title-icon-r, .award .awardframe .a-title .a-title-icon-r {
        background-position: -46px -4px; }
    .award .a-right .items, .award .awardframe .items {
      justify-content: center;
      min-height: 155px;
      overflow-y: auto; }
      .award .a-right .items .a-item, .award .awardframe .items .a-item {
        width: 500px;
        margin-top: 20px; }
        .award .a-right .items .a-item div, .award .awardframe .items .a-item div {
          width: 100%;
          height: 22px;
          font-weight: 500;
          line-height: 22px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          display: block; }
        .award .a-right .items .a-item p, .award .awardframe .items .a-item p {
          width: 100%;
          min-height: 20px;
          max-height: 40px;
          margin-top: 4px;
          color: #999999;
          line-height: 20px;
          font-size: 12px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          word-wrap: break-word;
          word-break: break-all;
          white-space: normal; }
    .award .a-right .a-more, .award .awardframe .a-more {
      height: 22px;
      color: #f5c9ab;
      line-height: 22px;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      bottom: 20px; }
      .award .a-right .a-more span, .award .awardframe .a-more span {
        font-size: 16px; }
  .award .awardframe {
    z-index: 120;
    position: fixed;
    width: 650px;
    height: 524px;
    align-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); }
    .award .awardframe .items {
      justify-content: flex-start; }
    .award .awardframe .icon-new_jiangxiang_Close {
      font-size: 24px;
      color: #fff;
      position: absolute;
      right: 20px;
      top: 20px;
      z-index: 30;
      cursor: pointer; }

@media (max-width: 1700px) {
  .award .a-left, .award .a-right, .award .awardframe {
    width: 650px; } }

@media (max-width: 1340px) {
  .award .a-left, .award .a-right, .award .awardframe {
    width: 540px; } }

@media (max-width: 1120px) {
  .award .a-left, .award .a-right, .award .awardframe {
    width: 944px; }
  .award .a-right, .award .awardframe {
    margin-top: 40px; } }

/*
    海报剧照
*/
.photos {
  margin-top: 20px; }
  .photos > div {
    padding-bottom: 40px;
    border-bottom: 1px solid #282828; }
  .photos > div > div:first-child {
    justify-content: space-between; }
  .photos .p-items {
    margin-top: 20px; }
    .photos .p-items .p-card {
      width: 272px;
      margin-right: 20px; }
      .photos .p-items .p-card .img {
        height: 152px;
        border-radius: 12px; }
        .photos .p-items .p-card .img img {
          border-radius: 12px;
          width: 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%); }
    .photos .p-items .swiper-button-next,
    .photos .p-items .swiper-button-prev {
      top: 22px;
      width: 265px;
      height: 152px; }
      .photos .p-items .swiper-button-next span,
      .photos .p-items .swiper-button-prev span {
        font-size: 36px;
        top: 61px; }
    .photos .p-items .swiper-button-prev {
      background: linear-gradient(90deg, #0c0c0f 0%, rgba(12, 12, 15, 0) 100%);
      left: 0; }
      .photos .p-items .swiper-button-prev span {
        left: 48px;
        transform: rotateY(180deg); }
    .photos .p-items .swiper-button-next {
      right: 0;
      background: linear-gradient(270deg, #0c0c0f 0%, rgba(12, 12, 15, 0) 100%); }
      .photos .p-items .swiper-button-next span {
        right: 48px; }
    .photos .p-items .swiper-button-disabled,
    .photos .p-items .swiper-button-disabled {
      display: none; }
  .photos .more {
    height: 30px;
    line-height: 30px;
    color: #999999;
    font-size: 18px; }
    .photos .more span {
      font-size: 14px; }

.photosframe {
  z-index: 120;
  position: fixed;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  border: none; }
  .photosframe .icon-new_jiangxiang_Close {
    font-size: 44px;
    color: #fff;
    position: absolute;
    z-index: 30;
    top: 0;
    right: -64px; }
  .photosframe .big_img {
    padding-bottom: 32px; }
    .photosframe .big_img img {
      border-radius: 12px; }
  .photosframe .p-items .p-card {
    width: 156px;
    height: 102px;
    margin-left: 14px; }
    .photosframe .p-items .p-card .p-card:first-child {
      margin-left: 0; }
    .photosframe .p-items .p-card .img {
      width: 156px;
      height: 102px;
      border-radius: 12px; }
      .photosframe .p-items .p-card .img img {
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%); }
  .photosframe .p-items .swiper-button-next,
  .photosframe .p-items .swiper-button-prev {
    width: 156px;
    height: 102px;
    top: 22px;
    z-index: 3; }
    .photosframe .p-items .swiper-button-next span,
    .photosframe .p-items .swiper-button-prev span {
      font-size: 36px;
      top: 33px; }
  .photosframe .p-items .swiper-button-next {
    right: -1px;
    background: linear-gradient(270deg, #0c0c0f 0%, rgba(12, 12, 15, 0) 100%); }
    .photosframe .p-items .swiper-button-next span {
      right: 48px; }
  .photosframe .p-items .swiper-button-prev {
    left: 0;
    background: linear-gradient(90deg, #0c0c0f 0%, rgba(12, 12, 15, 0) 100%); }
    .photosframe .p-items .swiper-button-prev span {
      left: 48px;
      transform: rotateY(180deg); }
  .photosframe .p-items .swiper-button-disabled {
    opacity: 0; }
  .photosframe .p-card {
    cursor: pointer; }
  .photosframe .active .border {
    width: 100%;
    height: 100%;
    border: 4px #fff solid;
    border-radius: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    box-sizing: border-box; }

.fviptip {
  width: 100%;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 120; }
  .fviptip .icon-hx_close2 {
    position: absolute;
    top: 100px;
    right: 100px;
    font-size: 40px;
    cursor: pointer; }
  .fviptip .cont1 {
    width: 25.5rem;
    height: 16.5rem;
    background: white;
    border-radius: 0.29rem;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12.7rem;
    margin-top: -7.25rem; }
    .fviptip .cont1 div:first-child {
      width: 100%;
      text-align: center;
      margin-top: 3.57rem;
      margin-bottom: 2.9rem;
      font-size: 1.29rem;
      font-family: PingFangSC-Regular;
      color: #0f0f0f;
      line-height: 1.86rem; }
    .fviptip .cont1 div + div {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      border-top: 0.07rem #dcdcdc solid; }
      .fviptip .cont1 div + div a {
        display: block;
        width: 49%;
        text-align: center;
        height: 4.71rem;
        line-height: 4.71rem; }
      .fviptip .cont1 div + div .btn {
        font-size: 1.14rem;
        font-family: PingFangSC-Regular;
        color: #333333;
        border-right: 0.07rem #dcdcdc solid; }
      .fviptip .cont1 div + div .btn1 {
        font-size: 1.14rem;
        font-family: PingFangSC-Medium;
        color: #b22020; }

/**
    评论
**/
.comments {
  margin-top: 40px;
  margin-bottom: 130px;
  min-height: 307px; }
  .comments .hide {
    display: none; }
  .comments .show {
    display: block; }
  .comments .comment-left {
    width: 830px; }
    .comments .comment-left .c-hotcomment,
    .comments .comment-left .c-newcomment {
      box-sizing: border-box;
      border: 1px solid #282828;
      border-radius: 12px;
      padding: 16px; }
      .comments .comment-left .c-hotcomment .p-title-ch p,
      .comments .comment-left .c-newcomment .p-title-ch p {
        position: relative;
        z-index: 1; }
      .comments .comment-left .c-hotcomment .p-title-ch span,
      .comments .comment-left .c-newcomment .p-title-ch span {
        width: 96px;
        height: 5px;
        background: #d0021b;
        border-radius: 2px 2px 2px 2px;
        left: 0;
        bottom: 1px;
        z-index: 0; }
    .comments .comment-left .c-hotcomment {
      margin-bottom: 30px; }
    .comments .comment-left .group {
      margin-top: 16px;
      border-top: 1px solid #262629;
      padding-top: 16px; }
    .comments .comment-left .group-up .c-face {
      width: 38px;
      height: 38px;
      position: relative; }
      .comments .comment-left .group-up .c-face img {
        width: 100%;
        border-radius: 50px; }
      .comments .comment-left .group-up .c-face span {
        position: absolute;
        bottom: 0px;
        right: 0px;
        display: block;
        width: 10px;
        height: 10px; }
      .comments .comment-left .group-up .c-face div {
        width: 38px;
        height: 20px;
        line-height: 18px;
        position: absolute;
        bottom: -3px;
        left: 50%;
        transform: translateX(-50%) scale(0.72);
        -webkit-transform: translateX(-50%) scale(0.72);
        -moz-transform: translateX(-50%) scale(0.72);
        -ms-transform: translateX(-50%) scale(0.72);
        -o-transform: translateX(-50%) scale(0.72);
        font-size: 14px;
        border-radius: 4px; }
    .comments .comment-left .group-up .c-name {
      margin-left: 10px; }
      .comments .comment-left .group-up .c-name p:first-child {
        height: 22px;
        line-height: 22px;
        font-weight: 500; }
      .comments .comment-left .group-up .c-name .c-time {
        color: #999999;
        height: 20px;
        line-height: 20px;
        font-size: 12px; }
    .comments .comment-left .group-up .c-icons {
      right: 0;
      top: 4px;
      color: #999; }
      .comments .comment-left .group-up .c-icons .icon-new_weidianzan,
      .comments .comment-left .group-up .c-icons .icon-new_dianzan,
      .comments .comment-left .group-up .c-icons .icon-new_critique {
        font-size: 20px; }
      .comments .comment-left .group-up .c-icons .icon-new_critique {
        margin-top: -2px; }
      .comments .comment-left .group-up .c-icons div {
        margin-right: 6px; }
      .comments .comment-left .group-up .c-icons div:nth-child(2) {
        margin-right: 14px; }
      .comments .comment-left .group-up .c-icons div:nth-child(odd) {
        cursor: pointer; }
    .comments .comment-left .group-up .c-icons-clicked div:nth-child(-n + 2) {
      color: #b22020; }
    .comments .comment-left .group-middle {
      margin-top: 12px;
      color: white;
      line-height: 22px;
      word-break: break-all; }
    .comments .comment-left .group-bottom {
      border-radius: 12px;
      padding: 20px;
      font-size: 12px;
      background: #262629;
      line-height: 22px;
      margin-top: 12px; }
      .comments .comment-left .group-bottom li:not(:first-child) {
        margin-top: 20px; }
      .comments .comment-left .group-bottom li {
        flex-direction: column;
        font-size: 12px; }
        .comments .comment-left .group-bottom li .face {
          width: 38px;
          height: 38px; }
          .comments .comment-left .group-bottom li .face span {
            position: absolute;
            bottom: 0px;
            right: 0px;
            display: block;
            width: 13px;
            height: 13px; }
          .comments .comment-left .group-bottom li .face img {
            width: 38px;
            height: 38px;
            border-radius: 19px; }
          .comments .comment-left .group-bottom li .face .guanfang {
            display: block;
            width: 38px;
            height: 20px;
            line-height: 18px;
            position: absolute;
            bottom: -3px;
            left: 50%;
            transform: translateX(-50%) scale(0.72);
            -webkit-transform: translateX(-50%) scale(0.72);
            -moz-transform: translateX(-50%) scale(0.72);
            -ms-transform: translateX(-50%) scale(0.72);
            -o-transform: translateX(-50%) scale(0.72);
            font-size: 14px;
            border-radius: 4px; }
        .comments .comment-left .group-bottom li .name-ip {
          margin-left: 8px; }
          .comments .comment-left .group-bottom li .name-ip .name {
            height: 20px;
            line-height: 20px; }
          .comments .comment-left .group-bottom li .name-ip .ip {
            font-size: 11px;
            color: #999999;
            line-height: 11px;
            margin-top: 7px; }
        .comments .comment-left .group-bottom li .content {
          word-break: break-all;
          margin-top: 12px;
          font-size: 12px;
          line-height: 22px;
          box-sizing: border-box; }
      .comments .comment-left .group-bottom .cont {
        margin: 10px; }
      .comments .comment-left .group-bottom .official {
        width: 20px;
        height: 12px;
        line-height: 12px;
        font-size: 12px;
        background: #b22020;
        border-radius: 0px 2px 2px 2px;
        margin: 0 2px 0 3px;
        padding: 0 4px; }
      .comments .comment-left .group-bottom .vip_icon {
        width: 9px;
        height: 9px;
        margin-left: 2px; }
        .comments .comment-left .group-bottom .vip_icon img {
          width: 100%; }
      .comments .comment-left .group-bottom .checkmore {
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        color: #d0021b;
        cursor: pointer;
        margin-top: 20px; }
    .comments .comment-left .check-more {
      width: 96px;
      font-weight: 600;
      color: #8b1212;
      height: 26px;
      line-height: 26px;
      bottom: -65px;
      left: -15px; }
    .comments .comment-left .c-reply {
      margin-top: 12px;
      height: 52px;
      border: 1px solid #666;
      border-radius: 12px;
      opacity: 0; }
      .comments .comment-left .c-reply .c-input {
        width: 678px;
        justify-content: space-between; }
        .comments .comment-left .c-reply .c-input input {
          width: 581px;
          height: 22px;
          line-height: 22px;
          border: none;
          color: #fff;
          padding-left: 20px;
          outline: medium;
          background-color: #0c0c0f;
          font-size: 14px; }
        .comments .comment-left .c-reply .c-input .child-comm-num {
          font-size: 12px;
          line-height: 12px;
          color: #999999;
          margin-right: 12px; }
      .comments .comment-left .c-reply .btn_reply {
        width: 108px;
        height: 38px;
        line-height: 38px;
        background: linear-gradient(135deg, #aa0000 0%, #cc4b4b 99%);
        border-radius: 8px;
        margin-right: 8px; }
    .comments .comment-left .c-no-data {
      text-align: center; }
      .comments .comment-left .c-no-data .title {
        text-align: left;
        font-size: 24px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: white;
        line-height: 24px; }
      .comments .comment-left .c-no-data img {
        width: 160px;
        height: 160px;
        text-align: center;
        margin: 0 auto;
        margin-top: 0px; }
      .comments .comment-left .c-no-data p {
        color: #999999;
        line-height: 14px;
        text-align: center;
        margin-top: 4px; }
  .comments .comment-right {
    width: 830px;
    right: 0; }
  .comments .comm-tips {
    width: auto;
    color: #d0021b;
    bottom: 14px;
    margin-top: 12px;
    font-weight: bold; }
  .comments .comment .fb {
    position: relative; }
    .comments .comment .fb .c-desc {
      top: 0px;
      left: 0px;
      color: #999;
      line-height: 20px;
      width: 100%;
      height: 100%;
      padding: 16px 20px;
      box-sizing: border-box; }
    .comments .comment .fb .wz_num {
      bottom: 15px;
      right: 15px;
      color: #666; }
    .comments .comment .fb .child-comm-num {
      bottom: 15px;
      right: 30px;
      font-size: 12px;
      color: #666666;
      line-height: 12px; }
  .comments .comment .btn_fb {
    width: 109px;
    background: #8b1212;
    width: 116px;
    height: 46px;
    background: linear-gradient(135deg, #aa0000 0%, #cc4b4b 99%);
    border-radius: 8px;
    line-height: 46px;
    text-align: center;
    margin-top: 20px;
    display: block;
    font-size: 18px;
    cursor: pointer; }
  .comments .comment textarea {
    width: 100%;
    height: 236px;
    background: #0c0c0f;
    border-radius: 12px;
    border: 1px solid #999;
    color: #fff;
    padding: 16px 20px;
    outline: none;
    resize: none;
    overflow: hidden;
    box-sizing: border-box; }

@media (max-width: 1700px) {
  .comments .comment-left,
  .comments .comment-right {
    width: 650px; }
  .comments .comment-left .c-reply .c-input {
    width: 498px; }
    .comments .comment-left .c-reply .c-input input {
      width: 401px; } }

@media (max-width: 1340px) {
  .comments .comment-left,
  .comments .comment-right {
    width: 540px; }
  .comments .comment-left .c-reply .c-input {
    width: 388px; }
    .comments .comment-left .c-reply .c-input input {
      width: 298px; } }

@media (max-width: 1120px) {
  .comments .comment-left {
    width: 522px; }
  .comments .comment-right {
    width: 402px; }
  .comments .comment-left .c-reply .c-input {
    width: 370px; }
    .comments .comment-left .c-reply .c-input input {
      width: 279px; } }

.memberClose,
.agrementClose {
  background: url(https://static.huanxi.com/img/FDS8a8286e56d4764e0016dc99ce82f015b.png) no-repeat center;
  width: 24px;
  height: 24px;
  background-size: 100% 100%;
  position: fixed;
  top: 20px;
  right: 20px;
  cursor: pointer; }

.buy-close {
  background: url(https://static.huanxi.com/img/FDS8a8286e56d4764e0016dc99ce82f015b.png) no-repeat center;
  width: 12px;
  height: 12px;
  background-size: 100% 100%;
  position: fixed;
  top: 19px;
  right: 19px;
  cursor: pointer; }

.singleMask {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute; }

.single {
  width: 280px;
  height: auto;
  background: #ffffff;
  border-radius: 12px;
  color: #666666;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  top: 45%; }
  .single .tit {
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #141414;
    line-height: 26px;
    margin-top: 20px; }
  .single .tit2 {
    border-bottom: 1px solid #901D23;
    padding: 25px 0; }
  .single .txt {
    line-height: 22px;
    margin: 20px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666; }
    .single .txt p.last {
      color: #b22020;
      font-family: PingFangSC-Medium; }
      .single .txt p.last span {
        color: #0f0f0f;
        font-family: PingFangSC-Regular; }
  .single .close {
    right: 21px;
    top: 21px; }
  .single .price div:first-child {
    padding-top: 15px; }
  .single .price div:last-child {
    width: 145px;
    height: 145px;
    background-color: #ffffff;
    margin: 15px auto;
    margin-bottom: 0;
    padding: 5px; }
  .single .price div.p {
    font-size: 28px; }
  .single .buttons {
    height: 59px;
    border-top: 1px solid #dcdcdc; }
    .single .buttons a {
      width: 178px;
      height: 58px;
      line-height: 58px;
      font-size: 16px;
      color: #0f0f0f;
      font-weight: 400; }
    .single .buttons a.submit {
      color: #b22020;
      font-family: PingFangSC-Medium; }
    .single .buttons a:first-child {
      border-right: 1px solid #dcdcdc; }
    .single .buttons a:hover {
      color: #b22020; }
  .single .buttons2 a {
    display: block;
    margin: 0px auto; }
  .single .buttons2 #vipBuy {
    width: 240px;
    height: 46px;
    background: linear-gradient(135deg, #f5c9ab 0%, #fae9dc 100%);
    border-radius: 23px;
    text-align: center;
    line-height: 46px;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #502512; }
  .single .buttons2 #novipBuy {
    width: 240px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-radius: 23px;
    border: 1px solid #7f513c;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #502512;
    margin-top: 14px; }
  .single .buttons2 .singleClose {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
    margin: 14px 0; }

.singleCloseNew {
  background: url(https://static.huanxi.com/img/FDS8a8286e56d4764e0016dc99ce82f015b.png) no-repeat center;
  width: 2.86rem;
  height: 2.86rem;
  background-size: 100% 100%;
  position: fixed;
  top: 0.29rem;
  right: 23%;
  cursor: pointer; }

.singleCloseNew {
  z-index: 10;
  top: 5.29rem; }

.priceClose {
  z-index: 118; }

.single-vip {
  width: 400px;
  height: 422px;
  z-index: 111; }
  .single-vip .tit {
    width: 100%;
    height: 50px;
    background: #292929;
    border-radius: 8px 8px 0px 0px;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    color: #ffffff;
    line-height: 50px;
    padding: 0px;
    margin-top: 0px; }
  .single-vip .cont {
    width: 100%;
    background: #ffffff;
    border-radius: 0px 0px 8px 8px;
    padding-bottom: 22px; }
    .single-vip .cont .time {
      width: 336px;
      background: #f9f4ee;
      border-radius: 8px;
      border: 1px solid #f5c9ab;
      margin-top: 20px;
      padding: 12px; }
      .single-vip .cont .time img {
        width: 144px;
        height: 80px; }
      .single-vip .cont .time > div {
        margin-left: 12px; }
      .single-vip .cont .time .head,
      .single-vip .cont .time .text {
        width: 180px; }
      .single-vip .cont .time .head,
      .single-vip .cont .time .text p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block; }
      .single-vip .cont .time .head {
        font-size: 16px;
        height: 26px;
        line-height: 26px;
        font-weight: 500;
        color: #502512; }
      .single-vip .cont .time .text {
        height: 20px;
        font-size: 12px;
        color: #502512;
        line-height: 20px;
        margin-top: 4px; }
        .single-vip .cont .time .text p {
          width: 100%;
          height: 20px; }
  .single-vip .info {
    width: 360px;
    margin-top: 20px; }
    .single-vip .info > div:first-child {
      width: 130px;
      height: 130px;
      border: 1px solid #999;
      border-radius: 8px;
      overflow: hidden; }
    .single-vip .info .qrcode-login {
      height: inherit;
      background: rgba(0, 0, 0, 0.7);
      top: 0;
      left: 0;
      flex-direction: column;
      z-index: 1; }
      .single-vip .info .qrcode-login > div {
        height: 22px;
        font-size: 14px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #ffffff;
        line-height: 22px; }
    .single-vip .info .qrcode-bg {
      width: 124px;
      height: 124px;
      background: rgba(0, 0, 0, 0.7);
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%); }
      .single-vip .info .qrcode-bg img {
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%); }
    .single-vip .info > div:last-child {
      width: 172px;
      color: #666666;
      line-height: 22px;
      padding-top: 20px;
      margin-left: 20px; }
      .single-vip .info > div:last-child b {
        font-size: 30px;
        font-family: PingFangSC-Medium, PingFang SC;
        color: #502512;
        line-height: 30px; }
      .single-vip .info > div:last-child .desc {
        margin-top: 8px; }
      .single-vip .info > div:last-child .tipsgive {
        margin-top: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block; }
        .single-vip .info > div:last-child .tipsgive span {
          color: #d0021b; }
      .single-vip .info > div:last-child .no-vip-btn {
        height: 30px;
        line-height: 30px;
        background: linear-gradient(135deg, #f5c9ab 0%, #fae9dc 100%);
        border-radius: 23px;
        font-size: 12px;
        color: #502512;
        margin-top: 20px;
        cursor: pointer; }
        .single-vip .info > div:last-child .no-vip-btn .crown,
        .single-vip .info > div:last-child .no-vip-btn .arrow {
          width: 16px;
          height: 16px; }
        .single-vip .info > div:last-child .no-vip-btn .crown {
          background: url(https://static.huanxi.com/img/%E4%BC%9A%E5%91%98icon1111.png) no-repeat center;
          background-size: contain;
          margin: -1px 4px 0 0; }
        .single-vip .info > div:last-child .no-vip-btn .arrow {
          background: url(https://static.huanxi.com/img/%E7%BC%96%E7%BB%84%209.png) no-repeat center;
          background-size: contain; }
  .single-vip .buttons3 {
    width: 360px;
    border-top: 1px dashed #cccccc;
    margin: 0px auto;
    margin-top: 20px; }
    .single-vip .buttons3 .left {
      float: left;
      line-height: 24px;
      color: #999999;
      margin-left: 10px;
      margin-top: 19px; }
      .single-vip .buttons3 .left img {
        width: 24px;
        height: 24px; }

.single-buy {
  width: 240px;
  padding: 20px;
  z-index: 110; }
  .single-buy .title {
    height: 26px;
    font-size: 16px;
    font-weight: 600;
    color: #141414;
    line-height: 26px;
    margin-bottom: 20px; }
  .single-buy .desc-time {
    height: 22px;
    color: #666666;
    line-height: 22px;
    margin-bottom: 4px; }
  .single-buy .btn {
    height: 46px;
    border-radius: 23px;
    font-size: 16px;
    color: #502512;
    line-height: 46px; }
  .single-buy .submit {
    background: linear-gradient(135deg, #f5c9ab 0%, #fae9dc 100%);
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 14px; }
  .single-buy .submit2 {
    height: 44px;
    border: 1px solid #7f513c; }
  .single-buy .cancel {
    width: 83px;
    height: 22px;
    color: #333333;
    line-height: 22px;
    margin-top: 14px; }

.agrementMask {
  width: 100%;
  height: 100%;
  background: rgba(17, 17, 17, 0.7);
  z-index: 120;
  position: fixed;
  top: 0;
  left: 0; }

.agrementClose {
  z-index: 125;
  top: 5.29rem; }

.zzc2 {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999; }

.flex-dir-r {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-direction: normal; }

.priceList-2 {
  background: url(https://pic0.huanxi.com/8a9eb00f7410afc301745204705202b4.png) no-repeat center;
  width: 688px;
  height: 472px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%); }
  .priceList-2 .head {
    height: 79px;
    padding: 29px 0 0 27px; }
    .priceList-2 .head .login {
      margin-left: 18px;
      margin-top: 6px; }
    .priceList-2 .head p:first-child {
      font-size: 16px;
      font-family: PingFangSC-Medium, PingFang SC;
      color: white;
      line-height: 16px;
      margin-top: 0px; }
    .priceList-2 .head p {
      font-size: 12px;
      font-family: PingFangHK-Light, PingFangHK;
      color: white;
      line-height: 18px;
      margin-top: 7px; }
  .priceList-2 .face-novip,
  .priceList-2 .face-svip,
  .priceList-2 .face-vip,
  .priceList-2 .img {
    width: 52px;
    height: 52px;
    position: relative;
    border-radius: 30px; }
    .priceList-2 .face-novip .face-img,
    .priceList-2 .face-svip .face-img,
    .priceList-2 .face-vip .face-img,
    .priceList-2 .img .face-img {
      position: absolute;
      width: 48px;
      height: 48px;
      border-radius: 50px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      z-index: 3; }
    .priceList-2 .face-novip .face-icon,
    .priceList-2 .face-svip .face-icon,
    .priceList-2 .face-vip .face-icon,
    .priceList-2 .img .face-icon {
      width: 24px;
      height: 24px;
      position: absolute;
      top: -4px;
      right: -4px;
      z-index: 1; }
  .priceList-2 .face-novip {
    background: #9b9b9b; }
  .priceList-2 .face-vip {
    background: linear-gradient(139deg, #d5ba93 0%, #a8865b 100%); }
  .priceList-2 .face-svip {
    background: linear-gradient(139deg, #ffd993 0%, #e8b74f 100%); }
  .priceList-2 .btn_switch {
    height: 34px;
    line-height: 34px;
    background: #222222;
    border-radius: 4px 4px 0px 0px;
    font-size: 14px;
    color: #999999; }
    .priceList-2 .btn_switch .normal {
      float: left;
      cursor: pointer; }
    .priceList-2 .btn_switch .super {
      float: right;
      cursor: pointer; }
    .priceList-2 .btn_switch .normal.active {
      background: url(https://pic4.huanxi.com/8a9eb00f7410afc301744dbf0d723f98.png) no-repeat center;
      background-size: 100% 100%; }
    .priceList-2 .btn_switch .super.active {
      background: url(https://pic8.huanxi.com/8a9eb00f7410afc301744dae8ae43e8a.png) no-repeat center;
      background-size: 100% 100%; }
    .priceList-2 .btn_switch .active {
      width: 359px;
      height: 34px;
      font-size: 16px;
      color: #3a2929; }
    .priceList-2 .btn_switch .no_active {
      width: 328px; }
  .priceList-2 #price_scroll {
    height: 323px;
    position: relative; }
    .priceList-2 #price_scroll .loading {
      width: 28px;
      height: 28px;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%); }
  .priceList-2 .priceCont .desc {
    color: #999999;
    line-height: 14px;
    margin-top: 16px;
    margin-left: 30px;
    margin-right: 20px; }
    .priceList-2 .priceCont .desc p {
      float: right; }
    .priceList-2 .priceCont .desc p:first-child {
      float: left; }
    .priceList-2 .priceCont .desc #up_btn {
      cursor: pointer; }
    .priceList-2 .priceCont .desc .up_more {
      display: inline-block;
      background: url(https://static.huanxi.com/img/arrow-r.png) no-repeat center;
      background-size: cover;
      width: 6.98px;
      height: 12px;
      margin-left: 5px; }
  .priceList-2 .priceCont .priceSwiper-2 {
    width: 688px;
    margin-top: 15px;
    height: 142px;
    overflow: hidden;
    position: relative; }
    .priceList-2 .priceCont .priceSwiper-2 ul {
      margin-top: 10px; }
      .priceList-2 .priceCont .priceSwiper-2 ul li:first-child {
        margin-left: 33px; }
  .priceList-2 .priceCont .swiper-slide {
    width: 130px;
    height: 120px;
    float: left;
    margin-left: 12px; }
    .priceList-2 .priceCont .swiper-slide a {
      color: #fff; }
    .priceList-2 .priceCont .swiper-slide a.active-price {
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #d4b992; }
    .priceList-2 .priceCont .swiper-slide a.price {
      width: 100%;
      height: 118px;
      background: #333333;
      border-radius: 4px;
      border: 1px solid rgba(255, 255, 255, 0.2);
      box-sizing: border-box;
      background: #333333;
      position: relative;
      margin-right: 15px;
      text-align: center;
      display: block;
      padding: 0 8px; }
      .priceList-2 .priceCont .swiper-slide a.price .p1 {
        color: #d4b992;
        font-weight: bold;
        font-family: PingFangSC-Semibold;
        font-size: 28px;
        line-height: 28px;
        padding: 5px 0 0 0; }
        .priceList-2 .priceCont .swiper-slide a.price .p1 span {
          font-size: 14px; }
        .priceList-2 .priceCont .swiper-slide a.price .p1 p {
          font-size: 1.71rem;
          line-height: 1.5rem; }
          .priceList-2 .priceCont .swiper-slide a.price .p1 p del {
            font-size: 1rem;
            color: #ffffff; }
      .priceList-2 .priceCont .swiper-slide a.price .p2 {
        font-weight: bold;
        font-size: 16px;
        margin-top: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block; }
      .priceList-2 .priceCont .swiper-slide a.price .p3 {
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block; }
      .priceList-2 .priceCont .swiper-slide a.price .p4 {
        min-width: 50px;
        max-width: 116px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        font-family: PingFangSC-Medium, PingFang SC;
        background: linear-gradient(90deg, #d5ba93 0%, #a8865b 100%);
        border-radius: 2px;
        box-sizing: border-box;
        padding: 0 12px;
        color: #111111;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        display: inline-block; }
      .priceList-2 .priceCont .swiper-slide a.price .flag {
        padding: 0 8px;
        height: 16.97px;
        line-height: 16.97px;
        background: linear-gradient(90deg, #d5ba93 0%, #a8865b 100%);
        border-radius: 2.24px 2.24px 2.24px 0px;
        font-size: 12px;
        font-weight: 500;
        color: #111111;
        top: -8px;
        right: -1px;
        max-width: 96px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block; }
      .priceList-2 .priceCont .swiper-slide a.price img {
        border-radius: 4.64px; }
    .priceList-2 .priceCont .swiper-slide a.price:hover,
    .priceList-2 .priceCont .swiper-slide a.price-active {
      border: 1px solid #d4b992;
      background: rgba(212, 185, 146, 0.1); }
    .priceList-2 .priceCont .swiper-slide .activity {
      width: 156.64px;
      height: 134.88px;
      overflow: hidden;
      margin-right: 22.88px; }
      .priceList-2 .priceCont .swiper-slide .activity img {
        width: 100%;
        height: 100%; }
    .priceList-2 .priceCont .swiper-slide img {
      width: 100%;
      height: 100%;
      border-radius: 0.29rem; }
  .priceList-2 .priceCont li:first-child {
    margin-left: 0px; }
  .priceList-2 .priceCont .zzc_left,
  .priceList-2 .priceCont .zzc_right {
    width: 80px;
    height: 140px;
    top: 0;
    position: absolute;
    z-index: 10; }
  .priceList-2 .priceCont .zzc_left {
    background: linear-gradient(270deg, rgba(26, 26, 26, 0), #1a1a1a);
    left: 0px; }
  .priceList-2 .priceCont .zzc_right {
    background: linear-gradient(90deg, rgba(26, 26, 26, 0), #1a1a1a);
    right: 0px; }
  .priceList-2 .priceCont .swiper-button-next,
  .priceList-2 .priceCont .swiper-button-prev {
    width: 16px;
    height: 27px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background-image: url(https://pic1.huanxi.com/5b39fcdf5fb12.png);
    background-size: 100% 100%;
    z-index: 11;
    margin-top: 0; }
  .priceList-2 .priceCont .swiper-button-prev {
    left: 30px; }
  .priceList-2 .priceCont .swiper-button-next {
    background-image: url(https://pic8.huanxi.com/5b39fcf5e1a7c.png);
    right: 30px; }
  .priceList-2 .priceCont .arror-over,
  .priceList-2 .priceCont .arror-over + .zzc_left,
  .priceList-2 .priceCont .arror-over + .zzc_right {
    display: none; }
  .priceList-2 .up_desc {
    font-size: 12px;
    color: #f4f4f4;
    line-height: 12px;
    margin-left: 30px; }
    .priceList-2 .up_desc .red {
      color: #bb2323;
      cursor: pointer; }
    .priceList-2 .up_desc .mark {
      background: url(https://static.huanxi.com/img/question.png) no-repeat center;
      background-size: cover;
      width: 12px;
      height: 12px;
      margin-left: 5px;
      display: inline-block;
      position: relative;
      top: 1px; }
  .priceList-2 .description {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 18px;
    margin-left: 33px;
    margin-right: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal; }
  .priceList-2 .up_desc + .description {
    margin-top: 6px; }
  .priceList-2 .singLine {
    height: 1px;
    background: rgba(255, 255, 255, 0.05);
    margin-left: 29px;
    margin-top: 12px;
    margin-bottom: 14px; }
  .priceList-2 .er {
    margin-left: 205px;
    min-width: 252px;
    height: 95px; }
    .priceList-2 .er .pt1Login {
      cursor: pointer; }
    .priceList-2 .er img {
      width: 90px;
      height: 90px; }
    .priceList-2 .er .price {
      padding-left: 22px;
      padding-top: 10px; }
      .priceList-2 .er .price > div {
        color: #999999;
        font-weight: bold; }
      .priceList-2 .er .price .d1 {
        color: #d4b992;
        text-align: left; }
        .priceList-2 .er .price .d1 p {
          font-size: 2rem; }
          .priceList-2 .er .price .d1 p span {
            color: #999999;
            font-weight: normal;
            font-size: 1rem; }
      .priceList-2 .er .price .d2 {
        font-size: 1rem;
        font-family: PingFangSC-Semibold;
        color: #999999;
        line-height: 1.8rem;
        margin-left: 0.5rem; }
      .priceList-2 .er .price .d3 {
        margin-top: 3px; }
        .priceList-2 .er .price .d3 img {
          width: 18px;
          height: auto; }
        .priceList-2 .er .price .d3 .zfb {
          margin-left: 4px; }
      .priceList-2 .er .price .d4 {
        margin-top: 3px; }
  .priceList-2 .er1 {
    margin: 0px auto;
    align-items: center;
    justify-content: center; }
    .priceList-2 .er1 .wz {
      width: 13.64rem;
      font-size: 1rem;
      font-family: PingFangHK-Regular, PingFangHK;
      font-weight: 400;
      color: #999999;
      line-height: 1.43rem;
      margin-left: 2.14rem; }
    .priceList-2 .er1 .er-bac img {
      border-radius: 6px;
      overflow: hidden;
      background: #fff;
      width: 6.8rem;
      height: 6.8rem;
      text-align: center; }
  .priceList-2 #switch .loading {
    width: 28px;
    height: 28px;
    margin: 0px auto;
    display: block;
    margin-top: 119px;
    margin-bottom: 119px; }
  .priceList-2 .agreement {
    margin-top: 24px;
    padding-bottom: 0px;
    padding-left: 1rem;
    overflow: hidden; }
    .priceList-2 .agreement div {
      font-size: 0.86rem;
      font-family: PingFangSC-Regular, PingFang SC;
      color: #999999;
      line-height: 1rem;
      border-right: 0.07px #979797 solid;
      width: 9.29rem;
      text-align: center;
      padding-right: 1.21rem;
      padding-left: 1.21rem;
      cursor: pointer; }
    @media screen and (max-width: 1400px) {
      .priceList-2 .agreement div {
        width: 10.29rem;
        text-align: center;
        padding-right: 0.5rem;
        padding-left: 0.5rem; } }
    .priceList-2 .agreement .last {
      border: none; }
  .priceList-2 .imgs,
  .priceList-2 .super_imgs {
    margin-left: 31px;
    padding-bottom: 16px; }
    .priceList-2 .imgs div:first-child,
    .priceList-2 .super_imgs div:first-child {
      font-size: 14px;
      color: #a3a3a3; }
    .priceList-2 .imgs .icon div,
    .priceList-2 .super_imgs .icon div {
      float: left;
      margin-top: 13px;
      margin-left: 50px; }
      .priceList-2 .imgs .icon div img,
      .priceList-2 .super_imgs .icon div img {
        width: 43px;
        height: 43px; }
      .priceList-2 .imgs .icon div p,
      .priceList-2 .super_imgs .icon div p {
        font-size: 12px;
        color: #717171;
        line-height: 18px;
        margin-top: 5px; }
    .priceList-2 .imgs .icon div:first-child,
    .priceList-2 .super_imgs .icon div:first-child {
      margin-left: 0px; }
  .priceList-2 .super_imgs .img div {
    margin-left: 65px; }

.movie-box {
  padding-top: 80px; }
  .movie-box .movie-info {
    width: 1278px; }
  .movie-box .movie {
    height: 719px; }
  .movie-box .film-info {
    margin-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #282828; }
    .movie-box .film-info .title-ch,
    .movie-box .film-info .title-en {
      max-width: 1090px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block; }
    .movie-box .film-info .title-ch {
      height: 62px;
      line-height: 62px;
      font-size: 44px;
      font-weight: 600; }
    .movie-box .film-info .title-en {
      height: 26px;
      line-height: 26px;
      font-size: 20px;
      margin-top: 6px;
      color: #999; }
    .movie-box .film-info .source {
      width: 80px;
      padding: 8px 4px;
      border: 1px solid #303033;
      border-radius: 12px;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      right: 0;
      cursor: pointer; }
      .movie-box .film-info .source .number {
        height: 32px;
        line-height: 32px;
        font-size: 32px;
        font-weight: 500;
        font-family: PingFang SC-Medium; }
      .movie-box .film-info .source .number-text {
        height: 26px;
        line-height: 26px;
        font-size: 16px;
        color: #999;
        margin-top: 2px; }
    .movie-box .film-info .dirs {
      width: 1068px;
      margin-top: 5px;
      font-size: 16px; }
      .movie-box .film-info .dirs > a,
      .movie-box .film-info .dirs > div:not(:last-child) {
        margin-top: 15px;
        margin-right: 8px; }
      .movie-box .film-info .dirs .doc {
        border: 1px solid;
        height: 32px;
        line-height: 32px;
        color: #d0021b;
        padding: 0 8px;
        border-radius: 8px;
        text-align: center; }
      .movie-box .film-info .dirs .tag, .movie-box .film-info .dirs .text .font, .movie-box .film-info .dirs .more {
        height: 33px;
        line-height: 33px;
        background: linear-gradient(135deg, #aa0000 0%, #cc4b4b 99%);
        border-radius: 8px;
        padding: 0 8px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block; }
      .movie-box .film-info .dirs .tag-white, .movie-box .film-info .dirs .tag-white-db, .movie-box .film-info .dirs .tag-white-xianmian, .movie-box .film-info .dirs .text .font, .movie-box .film-info .dirs .more {
        height: 32px;
        max-width: 912px;
        line-height: 32px;
        border: 1px solid #303033;
        background: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block; }
      .movie-box .film-info .dirs .tag-white-db {
        border: 1px solid #fff; }
      .movie-box .film-info .dirs .tag-white-xianmian {
        color: #502512;
        background: linear-gradient(135deg, #f5c9ab 0%, #fae9dc 100%); }
      .movie-box .film-info .dirs .text {
        max-width: 912px; }
        .movie-box .film-info .dirs .text .font {
          max-width: 784px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          display: block; }
      .movie-box .film-info .dirs .more {
        cursor: pointer;
        display: block;
        border: none;
        padding-right: 22px;
        margin-left: 8px; }
        .movie-box .film-info .dirs .more .m-icon {
          width: 20px;
          height: 20px;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          right: 0;
          background: url("https://pic0.huanxi.com/qa4772a482acbe46a59690f2e456513ea4.png") no-repeat -42px -8px;
          background-size: 350% auto; }
        .movie-box .film-info .dirs .more .m-icon-2 {
          background-position: -7px -8px; }
    .movie-box .film-info .movie-menus {
      height: 34px;
      right: -216px;
      top: 15px; }
      .movie-box .film-info .movie-menus ul li:not(:first-child) {
        margin-left: 30px; }
      .movie-box .film-info .movie-menus ul li {
        float: left;
        position: relative;
        cursor: pointer; }
        .movie-box .film-info .movie-menus ul li span {
          color: #fff;
          font-size: 30px;
          display: block;
          float: left; }
        .movie-box .film-info .movie-menus ul li .collectSuccess {
          width: 312px;
          height: 38px;
          background: #fff;
          line-height: 35px;
          border-radius: 12px;
          font-size: 16px;
          position: absolute;
          top: 45px;
          right: -138px;
          font-size: 14px;
          color: #141414; }
          .movie-box .film-info .movie-menus ul li .collectSuccess a {
            color: #d0021b; }
      .movie-box .film-info .movie-menus .mobile_look {
        width: 142px;
        height: 160px;
        padding: 12px 16px;
        box-sizing: border-box;
        right: -56px;
        top: 45px;
        z-index: 2;
        background: #fff;
        border-radius: 12px; }
        .movie-box .film-info .movie-menus .mobile_look h3 {
          width: 100%;
          height: 22px;
          line-height: 22px;
          color: #141414;
          padding-bottom: 4px;
          text-align: center;
          font-size: 14px; }
      .movie-box .film-info .movie-menus .sharePop {
        width: 204px;
        height: 44px;
        padding-top: 20px;
        top: 25px;
        right: -78px;
        z-index: 2; }
      .movie-box .film-info .movie-menus .sharePopBox {
        width: 100%;
        height: 100%;
        background: #fff;
        padding: 8px 16px;
        box-sizing: border-box;
        border-radius: 12px; }
        .movie-box .film-info .movie-menus .sharePopBox li {
          width: 28px;
          height: 28px;
          margin: 0; }
        .movie-box .film-info .movie-menus .sharePopBox li:not(:first-child) {
          margin-left: 8px; }
        .movie-box .film-info .movie-menus .sharePopBox li a {
          width: 28px;
          height: 28px;
          background-repeat: no-repeat;
          background-size: cover;
          margin: 0;
          padding: 0; }
        .movie-box .film-info .movie-menus .sharePopBox li.wx a {
          background-image: url(https://pic9.huanxi.com/qa0521798e7e544f3dabc9227c38146948.png);
          background-position: 0 0; }
        .movie-box .film-info .movie-menus .sharePopBox li.wxquan a {
          background-image: url(https://pic3.huanxi.com/qafb45bd8ddb18475a9ad6120d6af268ac.png);
          background-position: 0 0; }
        .movie-box .film-info .movie-menus .sharePopBox li.qq a {
          background-image: url(https://pic8.huanxi.com/qac184b0d23c6a4bc1bf8287339d72704d.png);
          background-position: 0 0; }
        .movie-box .film-info .movie-menus .sharePopBox li.qzone a {
          background-image: url(https://pic9.huanxi.com/qac7f19519c7834851a478c6033af8f3ff.png);
          background-position: 0 0; }
        .movie-box .film-info .movie-menus .sharePopBox li.wb a {
          background-image: url(https://pic8.huanxi.com/qaec197e68c7164de2835a78a4d0f9fc12.png);
          background-position: 0 0; }
  .movie-box .short-cont {
    border: none;
    padding-bottom: 0; }
    .movie-box .short-cont .title-ch {
      max-width: 1067px;
      height: auto;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      word-wrap: break-word;
      word-break: break-all;
      white-space: normal; }
    .movie-box .short-cont .movie-menus {
      right: 0;
      top: 16px;
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0); }

@media (max-width: 1700px) {
  .vjs-tips {
    max-width: 845px; }
    .vjs-tips .vjs-tips-next {
      max-width: 774px; }
  .movie-box .movie-info {
    width: 918px; }
  .movie-box .movie {
    height: 516px; }
  .movie-box .film-info .dirs {
    width: 708px; }
    .movie-box .film-info .dirs .tag-white, .movie-box .film-info .dirs .tag-white-db, .movie-box .film-info .dirs .tag-white-xianmian, .movie-box .film-info .dirs .text .font, .movie-box .film-info .dirs .more {
      max-width: 700px; }
    .movie-box .film-info .dirs .text {
      max-width: 700px; }
      .movie-box .film-info .dirs .text .font {
        max-width: 572px; }
  .movie-box .film-info .movie-menus {
    right: -216px; }
  .movie-box .film-info .title-ch,
  .movie-box .film-info .title-en {
    max-width: 708px; }
  .movie-box .film-info .title-ch {
    font-size: 36px;
    height: 50px;
    line-height: 50px; }
  .movie-box .film-info .title-en {
    font-size: 16px; }
  .movie-box .film-info .source .number {
    height: 28px;
    line-height: 28px;
    font-size: 28px; }
  .movie-box .short-cont .title-ch {
    font-size: 32px;
    height: auto;
    line-height: 45px; }
  .movie-box .short-cont .movie-menus {
    right: 0;
    top: 8px; } }

@media (max-width: 1340px) {
  .vjs-tips {
    max-width: 625px; }
    .vjs-tips .vjs-tips-next {
      max-width: 554px; }
  .movie-box .movie-info {
    width: 764px; }
    .movie-box .movie-info .title-ch,
    .movie-box .movie-info .title-en {
      max-width: 576px; }
    .movie-box .movie-info .dirs {
      width: 513px; }
      .movie-box .movie-info .dirs .tag-white, .movie-box .movie-info .film-info .dirs .tag-white-db, .movie-box .film-info .movie-info .dirs .tag-white-db, .movie-box .movie-info .film-info .dirs .tag-white-xianmian, .movie-box .film-info .movie-info .dirs .tag-white-xianmian, .movie-box .movie-info .film-info .dirs .text .font, .movie-box .film-info .movie-info .dirs .text .font, .movie-box .movie-info .film-info .dirs .more, .movie-box .film-info .movie-info .dirs .more {
        max-width: 376px; }
      .movie-box .movie-info .dirs .text .font {
        max-width: 376px; }
    .movie-box .movie-info .movie-menus {
      right: -257px; }
  .movie-box .short-cont .title-ch {
    max-width: 560px; }
  .movie-box .short-cont .movie-menus {
    top: 8px;
    right: 0; }
  .movie-box .movie {
    height: 429px; } }

@media (max-width: 1120px) {
  .vjs-tips {
    max-width: 585px; }
    .vjs-tips .vjs-tips-next {
      max-width: 514px; }
  .movie-box .movie-info {
    width: 656px; }
    .movie-box .movie-info .title-ch,
    .movie-box .movie-info .title-en {
      max-width: 468px; }
    .movie-box .movie-info .dirs {
      width: 416px; }
      .movie-box .movie-info .dirs .tag-white, .movie-box .movie-info .film-info .dirs .tag-white-db, .movie-box .film-info .movie-info .dirs .tag-white-db, .movie-box .movie-info .film-info .dirs .tag-white-xianmian, .movie-box .film-info .movie-info .dirs .tag-white-xianmian, .movie-box .movie-info .film-info .dirs .text .font, .movie-box .film-info .movie-info .dirs .text .font, .movie-box .movie-info .film-info .dirs .more, .movie-box .film-info .movie-info .dirs .more {
        max-width: 276px; }
      .movie-box .movie-info .dirs .text .font {
        max-width: 276px; }
    .movie-box .movie-info .movie-menus {
      right: -246px; }
  .movie-box .short-cont .title-ch {
    max-width: 486px; }
  .movie-box .short-cont .movie-menus {
    top: 8px;
    right: 0; }
  .movie-box .movie {
    height: 370px; } }

.movie-box .p-list {
  width: 382px;
  height: 918px;
  background: #171717;
  padding: 0 20px;
  box-sizing: border-box;
  border-radius: 12px; }
  .movie-box .p-list .item-data {
    cursor: pointer; }
  .movie-box .p-list .item .dramas-title {
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    font-weight: 600;
    color: white;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block; }
  .movie-box .p-list .item .dramas-uptime {
    width: 100%;
    height: 26px;
    line-height: 26px;
    float: left;
    font-size: 16px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block; }
  .movie-box .p-list .item .dramas-number {
    width: 100%;
    height: 100%;
    padding: 0 20px 20px 20px;
    border-radius: 12px 12px 12px 12px;
    border: 1px solid #303033;
    margin-top: 12px;
    box-sizing: border-box; }
    .movie-box .p-list .item .dramas-number .tag, .movie-box .p-list .item .dramas-number .film-info .dirs .text .font, .movie-box .film-info .dirs .text .p-list .item .dramas-number .font, .movie-box .p-list .item .dramas-number .film-info .dirs .more, .movie-box .film-info .dirs .p-list .item .dramas-number .more {
      width: 50px;
      height: 26px;
      line-height: 26px;
      font-size: 16px;
      font-weight: 600;
      padding: 12px 0 14px 0; }
      .movie-box .p-list .item .dramas-number .tag span, .movie-box .p-list .item .dramas-number .film-info .dirs .text .font span, .movie-box .film-info .dirs .text .p-list .item .dramas-number .font span, .movie-box .p-list .item .dramas-number .film-info .dirs .more span, .movie-box .film-info .dirs .p-list .item .dramas-number .more span {
        width: 20px;
        height: 2px;
        overflow: hidden;
        background: #d0021b;
        border-radius: 5px 5px 5px 5px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        bottom: 12px; }
  .movie-box .p-list .item #dramas-number {
    width: 302px;
    border-top: 1px solid #303033;
    padding-top: 4px; }
    .movie-box .p-list .item #dramas-number li {
      width: 54px;
      height: 54px;
      background: #262629;
      line-height: 54px;
      text-align: center;
      float: left;
      border-radius: 8px;
      margin: 8px 0 0 8px;
      position: relative;
      cursor: pointer; }
      .movie-box .p-list .item #dramas-number li span {
        width: auto;
        height: 20px;
        line-height: 19px;
        padding: 0 4px;
        top: -3px;
        left: -4px;
        font-size: 14px;
        transform: scale(0.714);
        -webkit-transform: scale(0.714);
        -moz-transform: scale(0.714);
        border-radius: 8px 0px 8px 0px;
        color: #fff;
        background: linear-gradient(135deg, #aa0000 0%, #cc4b4b 99%);
        white-space: nowrap; }
      .movie-box .p-list .item #dramas-number li .sp-1 {
        color: #502512;
        background: linear-gradient(135deg, #f5c9ab 0%, #fae9dc 100%); }
      .movie-box .p-list .item #dramas-number li .sp-2 {
        background: #999999; }
    .movie-box .p-list .item #dramas-number li:hover,
    .movie-box .p-list .item #dramas-number li.active {
      color: #b22020; }
    .movie-box .p-list .item #dramas-number li:nth-child(5n + 1) {
      margin-left: 0; }
    .movie-box .p-list .item #dramas-number .playing {
      width: 10px;
      height: 10px;
      right: 4px;
      bottom: 4px;
      background: url(https://static.huanxi.com/img/player-logo/playing.gif) no-repeat center;
      background-size: cover;
      border-radius: 3px 0px 0px 3px; }
  .movie-box .p-list .item .item-album {
    padding: 0;
    border: 0; }
    .movie-box .p-list .item .item-album #dramas-number {
      width: 342px; }
  .movie-box .p-list #top-flower, .movie-box .p-list .item-album {
    border-bottom: 1px solid #262629; }
  .movie-box .p-list #top-recommend a:hover p {
    color: #b22020; }
  .movie-box .p-list #top-recommend, .movie-box .p-list #top-flower, .movie-box .p-list .item-album {
    padding-bottom: 20px; }
    .movie-box .p-list #top-recommend .info,
    .movie-box .p-list #top-flower .info,
    .movie-box .p-list .item-album .info {
      margin-top: 12px; }
      .movie-box .p-list #top-recommend .info a,
      .movie-box .p-list #top-flower .info a,
      .movie-box .p-list .item-album .info a {
        color: #666666; }
      .movie-box .p-list #top-recommend .info .img,
      .movie-box .p-list #top-flower .info .img,
      .movie-box .p-list .item-album .info .img {
        width: 152px;
        height: 85px;
        border-radius: 12px; }
        .movie-box .p-list #top-recommend .info .img img,
        .movie-box .p-list #top-flower .info .img img,
        .movie-box .p-list .item-album .info .img img {
          width: 100%; }
        .movie-box .p-list #top-recommend .info .img > span,
        .movie-box .p-list #top-flower .info .img > span,
        .movie-box .p-list .item-album .info .img > span {
          width: auto;
          height: 20px;
          line-height: 19px;
          padding: 0 8px;
          top: 0;
          left: 0;
          font-size: 12px;
          border-radius: 8px 0px 8px 0px;
          background: linear-gradient(135deg, #aa0000 0%, #cc4b4b 99%);
          white-space: nowrap; }
        .movie-box .p-list #top-recommend .info .img .sp-1,
        .movie-box .p-list #top-flower .info .img .sp-1,
        .movie-box .p-list .item-album .info .img .sp-1 {
          color: #502512;
          background: linear-gradient(135deg, #f5c9ab 0%, #fae9dc 100%); }
        .movie-box .p-list #top-recommend .info .img .sp-2,
        .movie-box .p-list #top-flower .info .img .sp-2,
        .movie-box .p-list .item-album .info .img .sp-2 {
          background: #999999; }
      .movie-box .p-list #top-recommend .info .playing,
      .movie-box .p-list #top-recommend .info .playing-record,
      .movie-box .p-list #top-flower .info .playing,
      .movie-box .p-list .item-album .info .playing,
      .movie-box .p-list #top-flower .info .playing-record,
      .movie-box .p-list .item-album .info .playing-record {
        background: linear-gradient(90deg, #aa0000 0%, #cc4b4b 99%);
        padding: 3px 5px;
        border-radius: 3px 0px 0px 3px;
        right: -10px;
        bottom: 8px;
        font-weight: 600;
        font-size: 14px;
        transform: scale(0.714);
        -webkit-transform: scale(0.714);
        -moz-transform: scale(0.714);
        color: #fff; }
        .movie-box .p-list #top-recommend .info .playing span,
        .movie-box .p-list #top-recommend .info .playing-record span,
        .movie-box .p-list #top-flower .info .playing span,
        .movie-box .p-list .item-album .info .playing span,
        .movie-box .p-list #top-flower .info .playing-record span,
        .movie-box .p-list .item-album .info .playing-record span {
          width: auto;
          display: block;
          background: url(https://static.huanxi.com/img/player-logo/playing2.gif) no-repeat;
          background-size: 75%;
          padding: 0 10px; }
      .movie-box .p-list #top-recommend .info .btn-play,
      .movie-box .p-list #top-flower .info .btn-play,
      .movie-box .p-list .item-album .info .btn-play {
        width: 32px;
        height: 32px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        background: url(https://pic0.huanxi.com/ol808ca0f5d2ed444abc248e038e3552d5.png) no-repeat center;
        background-size: cover;
        display: none; }
      .movie-box .p-list #top-recommend .info .tag, .movie-box .p-list #top-recommend .info .film-info .dirs .text .font, .movie-box .film-info .dirs .text .p-list #top-recommend .info .font, .movie-box .p-list #top-recommend .info .film-info .dirs .more, .movie-box .film-info .dirs .p-list #top-recommend .info .more,
      .movie-box .p-list #top-flower .info .tag,
      .movie-box .p-list .item-album .info .tag,
      .movie-box .p-list #top-flower .info .film-info .dirs .text .font,
      .movie-box .film-info .dirs .text .p-list #top-flower .info .font,
      .movie-box .p-list .item-album .info .film-info .dirs .text .font,
      .movie-box .film-info .dirs .text .p-list .item-album .info .font,
      .movie-box .p-list #top-flower .info .film-info .dirs .more,
      .movie-box .film-info .dirs .p-list #top-flower .info .more,
      .movie-box .p-list .item-album .info .film-info .dirs .more,
      .movie-box .film-info .dirs .p-list .item-album .info .more {
        width: auto;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        font-weight: 500;
        padding: 0 8px;
        left: 0;
        top: 0;
        background: linear-gradient(135deg, #aa0000 0%, #cc4b4b 99%);
        border-radius: 8px 0px 8px 0px;
        color: #fff; }
      .movie-box .p-list #top-recommend .info .tag-recommend,
      .movie-box .p-list #top-flower .info .tag-recommend,
      .movie-box .p-list .item-album .info .tag-recommend {
        right: 15px;
        bottom: 5px;
        font-size: 14px;
        font-weight: 500; }
      .movie-box .p-list #top-recommend .info .text,
      .movie-box .p-list #top-flower .info .text,
      .movie-box .p-list .item-album .info .text {
        width: 178px;
        margin-left: 12px; }
        .movie-box .p-list #top-recommend .info .text p,
        .movie-box .p-list #top-flower .info .text p,
        .movie-box .p-list .item-album .info .text p {
          font-size: 16px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          line-height: 26px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          word-wrap: break-word;
          word-break: break-all;
          white-space: normal;
          color: #fff; }
        .movie-box .p-list #top-recommend .info .text span,
        .movie-box .p-list #top-flower .info .text span,
        .movie-box .p-list .item-album .info .text span {
          font-size: 12px;
          font-weight: 400;
          color: #666666;
          line-height: 20px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          word-wrap: break-word;
          word-break: break-all;
          white-space: normal; }
      .movie-box .p-list #top-recommend .info .short-text a > p,
      .movie-box .p-list #top-flower .info .short-text a > p,
      .movie-box .p-list .item-album .info .short-text a > p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block; }
      .movie-box .p-list #top-recommend .info .short-text a > p:last-child,
      .movie-box .p-list #top-flower .info .short-text a > p:last-child,
      .movie-box .p-list .item-album .info .short-text a > p:last-child {
        height: 22px;
        font-size: 14px;
        color: #cccccc;
        line-height: 22px; }
      .movie-box .p-list #top-recommend .info .short-text > a:last-child,
      .movie-box .p-list #top-flower .info .short-text > a:last-child,
      .movie-box .p-list .item-album .info .short-text > a:last-child {
        width: 82px;
        height: 30px;
        line-height: 30px;
        margin-top: 10px;
        background: linear-gradient(90deg, #f5c9ab 0%, #fae9dc 100%);
        border-radius: 20px;
        color: #502512;
        font-weight: 500; }
    .movie-box .p-list #top-recommend .active .info .text p,
    .movie-box .p-list #top-flower .active .info .text p,
    .movie-box .p-list .item-album .active .info .text p {
      color: #b22020; }
  .movie-box .p-list .item-album .title {
    line-height: 30px;
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px; }
  .movie-box .p-list .item-album .tag, .movie-box .p-list .item-album .film-info .dirs .text .font, .movie-box .film-info .dirs .text .p-list .item-album .font, .movie-box .p-list .item-album .film-info .dirs .more, .movie-box .film-info .dirs .p-list .item-album .more {
    width: auto;
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
    background: linear-gradient(135deg, #aa0000 0%, #cc4b4b 99%);
    border-radius: 8px 0px 8px 0px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    left: 0;
    top: 0; }
  .movie-box .p-list .active .info .text p {
    color: #b22020; }

.movie-box .p-list-short {
  height: 863px; }

@media (max-width: 1700px) {
  .movie-box .p-list {
    width: 382px;
    height: 703px;
    padding: 0 18px; }
    .movie-box .p-list .item .dramas-title {
      height: 30px;
      line-height: 30px;
      font-size: 18px; }
    .movie-box .p-list .item .item .dramas-uptime {
      height: 22px;
      line-height: 22px;
      font-size: 14px; }
  .movie-box .p-list-short {
    height: 630px; } }

@media (max-width: 1340px) {
  .movie-box .p-list {
    width: 316px;
    height: 616px;
    padding: 0 12px; }
    .movie-box .p-list .item #dramas-number {
      width: 292px; }
      .movie-box .p-list .item #dramas-number li {
        width: 48px;
        height: 48px;
        line-height: 48px;
        margin-top: 7px;
        margin-left: 7px; }
    .movie-box .p-list .item .dramas-uptime {
      height: 22px;
      line-height: 22px;
      font-size: 14px; }
    .movie-box .p-list .item .dramas-number {
      padding: 0 12px 12px 12px; }
    .movie-box .p-list .item .item-album {
      padding: 0; }
      .movie-box .p-list .item .item-album #dramas-number {
        width: 292px; }
    .movie-box .p-list #top-recommend .info .img,
    .movie-box .p-list #top-flower .info .img,
    .movie-box .p-list .item-album .info .img {
      width: 135px;
      height: 78px; }
    .movie-box .p-list #top-recommend .info .text,
    .movie-box .p-list #top-flower .info .text,
    .movie-box .p-list .item-album .info .text {
      width: 145px; }
    .movie-box .p-list .item-album .info .short-text a > p:last-child {
      font-size: 12px; }
  .movie-box .p-list-short {
    height: 541px; } }

@media (max-width: 1120px) {
  .movie-box .p-list {
    width: 272px;
    height: 557px; }
    .movie-box .p-list #dramas-number {
      width: 232px; }
    .movie-box .p-list .item #dramas-number {
      width: 224px; }
      .movie-box .p-list .item #dramas-number li {
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin-top: 8px;
        margin-left: 8px; }
      .movie-box .p-list .item #dramas-number li:nth-child(4n + 1) {
        margin-left: 0; }
      .movie-box .p-list .item #dramas-number li:nth-child(5n + 1):not(:first-child) {
        margin-left: 8px; }
    .movie-box .p-list .item .item-album #dramas-number {
      width: 232px; }
    .movie-box .p-list #top-recommend, .movie-box .p-list #top-flower, .movie-box .p-list .item-album {
      width: 232px; }
      .movie-box .p-list #top-recommend .info .img,
      .movie-box .p-list #top-flower .info .img,
      .movie-box .p-list .item-album .info .img {
        width: 106px;
        height: 62px; }
      .movie-box .p-list #top-recommend .info .text,
      .movie-box .p-list #top-flower .info .text,
      .movie-box .p-list .item-album .info .text {
        width: 114px; }
    .movie-box .p-list .item-album .tag, .movie-box .p-list .item-album .film-info .dirs .text .font, .movie-box .film-info .dirs .text .p-list .item-album .font, .movie-box .p-list .item-album .film-info .dirs .more, .movie-box .film-info .dirs .p-list .item-album .more {
      height: 16px;
      line-height: 16px;
      padding: 0 4px; }
    .movie-box .p-list .item-album .info .playing {
      bottom: 4px; }
  .movie-box .p-list-short {
    height: 480px; } }

.movie-box .ad {
  height: 44px;
  line-height: 44px;
  background: url("https://pic3.huanxi.com/qa97de39720c224118ac74698dbb7d5d53.png") no-repeat;
  background-size: 100% 100%;
  margin-top: 20px;
  font-size: 16px;
  padding: 0 20px;
  box-sizing: border-box; }
  .movie-box .ad a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-weight: 500;
    color: #502512;
    display: block;
    width: 100%;
    height: 100%;
    float: left; }

@media (max-width: 1340px) {
  .movie-box .ad {
    font-size: 14px; } }

.rating-box {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 383px;
  height: 586px;
  background: #ffffff;
  border-radius: 12px 12px 12px 12px;
  z-index: 111;
  padding: 0 20px;
  box-sizing: border-box; }
  .rating-box .rating {
    height: auto;
    margin-bottom: 12px; }
  .rating-box .close {
    width: 24px;
    top: 20px;
    right: 0;
    cursor: pointer; }
  .rating-box .loading {
    width: 32px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); }
  .rating-box .rating-title {
    height: 28px;
    font-weight: 500;
    font-size: 20px;
    color: #141414;
    line-height: 28px;
    padding: 20px 0; }
  .rating-box .rating-content {
    box-sizing: border-box;
    padding: 8px;
    width: 343px;
    background: #f2f3f5;
    border-radius: 12px 12px 12px 12px;
    margin-top: 68px; }
    .rating-box .rating-content .score {
      height: 38px;
      font-weight: 600;
      color: #eb1212;
      line-height: 38px; }
      .rating-box .rating-content .score span {
        font-size: 28px; }
    .rating-box .rating-content .people {
      height: 20px;
      line-height: 20px;
      font-size: 12px;
      color: #999999;
      line-height: 20px; }
    .rating-box .rating-content .card {
      margin-top: 12px;
      padding: 0 12px 12px 12px;
      background-color: #fff;
      border-radius: 6px 6px 6px 6px;
      color: #303131;
      box-sizing: border-box; }
      .rating-box .rating-content .card > div {
        width: 100%;
        padding: 12px 0;
        font-size: 12px;
        flex-wrap: wrap; }
      .rating-box .rating-content .card .d1 {
        height: 22px;
        font-weight: 600;
        font-size: 14px;
        line-height: 22px;
        border-bottom: 1px solid #f2f3f5; }
      .rating-box .rating-content .card .d2 {
        color: #999999; }
      .rating-box .rating-content .card .d3 {
        height: 4px;
        line-height: 4px;
        background: #e6e7e9;
        border-radius: 108px 108px 108px 108px;
        padding: 0; }
      .rating-box .rating-content .card .d3-1 {
        height: 4px;
        background: #eb1212;
        border-radius: 108px 108px 108px 108px;
        left: 0;
        top: 0; }
      .rating-box .rating-content .card .d4 {
        color: #262a29; }
      .rating-box .rating-content .card .rating-result {
        height: 20px;
        font-size: 12px;
        color: #666666;
        line-height: 20px;
        padding: 12px 0 8px 0; }
      .rating-box .rating-content .card .stars {
        width: auto;
        padding-left: 10px;
        cursor: pointer; }
        .rating-box .rating-content .card .stars div:not(:first-child) {
          margin-left: 16px; }
        .rating-box .rating-content .card .stars .s1 {
          width: 24px;
          height: 24px;
          background: url("https://pic2.huanxi.com/ol06416c466c7147598bc4ca17f87c1367.png") no-repeat;
          background-size: cover;
          cursor: pointer; }
        .rating-box .rating-content .card .stars .s2 {
          background-image: url("https://pic2.huanxi.com/olf268a03bece54a0b9ad73da40e8606c4.png"); }
        .rating-box .rating-content .card .stars .s3 {
          background-image: url("https://pic6.huanxi.com/ol2dc1af2563ec4d748648867bcdca9bf3.png"); }
        .rating-box .rating-content .card .stars .zhanwei {
          width: 0;
          height: 0;
          overflow: hidden; }
          .rating-box .rating-content .card .stars .zhanwei span {
            width: 0;
            height: 0;
            overflow: hidden;
            visibility: hidden; }
      .rating-box .rating-content .card .flag {
        padding: 12px 0 0 0; }
        .rating-box .rating-content .card .flag p {
          height: 28px;
          line-height: 28px;
          padding: 0 6px;
          background: #f5f5f5;
          border-radius: 4px 4px 4px 4px;
          margin-bottom: 12px;
          font-size: 12px;
          color: #333333;
          cursor: pointer; }
        .rating-box .rating-content .card .flag p:not(:last-child) {
          margin-right: 12px; }
        .rating-box .rating-content .card .flag .p1,
        .rating-box .rating-content .card .flag p:hover {
          background: linear-gradient(135deg, #aa0000 0%, #cc4b4b 100%);
          color: #fff; }
      .rating-box .rating-content .card .star-submit {
        width: 129px;
        height: 38px;
        line-height: 38px;
        padding: 0;
        background: #cccccc;
        border-radius: 6px 6px 6px 6px;
        font-weight: 500;
        color: #ffffff;
        margin-top: 8px; }
      .rating-box .rating-content .card .star-submit-on {
        cursor: pointer;
        background: linear-gradient(135deg, #aa0000 0%, #cc4b4b 100%); }
  .rating-box .rule {
    height: 239px;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #e6e7e9;
    box-sizing: border-box;
    padding: 0 12px;
    margin-top: 12px;
    background-color: #fff; }
    .rating-box .rule > div {
      padding-top: 12px; }
    .rating-box .rule .title {
      height: 22px;
      font-weight: 500;
      color: #303131;
      line-height: 22px;
      padding-bottom: 12px;
      border-bottom: 1px solid #f2f3f5; }
    .rating-box .rule p {
      color: #78797a;
      line-height: 22px; }
    .rating-box .rule p:not(:last-of-type) {
      margin-bottom: 11px; }
  .rating-box .pub-state-err {
    width: 192px;
    left: 50%; }
    .rating-box .pub-state-err .btns a {
      width: 85px;
      height: 30px;
      line-height: 30px;
      border-radius: 15px 15px 15px 15px; }
    .rating-box .pub-state-err .btns a:first-child {
      background: linear-gradient(135deg, #aa0000 0%, #cc4b4b 100%); }

.vjs-rating-box {
  width: 337px;
  height: 126px;
  box-sizing: border-box;
  padding: 16px 20px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 12px 12px 12px 12px;
  bottom: 69px;
  right: 60px;
  z-index: 6; }
  .vjs-rating-box img {
    width: 16px;
    height: 16px;
    top: 16px;
    right: 20px;
    cursor: pointer; }
  .vjs-rating-box .vjs-rating-content {
    height: 100%;
    font-family: PingFang SC; }
    .vjs-rating-box .vjs-rating-content .score {
      width: 56px;
      height: 94px;
      font-weight: 500;
      color: #ffffff;
      padding-right: 20px;
      margin-right: 20px;
      border-right: 1px solid rgba(255, 255, 255, 0.3); }
      .vjs-rating-box .vjs-rating-content .score span {
        color: #d0021b;
        font-size: 20px; }
    .vjs-rating-box .vjs-rating-content .star-card {
      height: 94px;
      justify-content: space-between; }
    .vjs-rating-box .vjs-rating-content .vjs-stars {
      width: auto;
      padding-left: 10px;
      cursor: pointer; }
      .vjs-rating-box .vjs-rating-content .vjs-stars div:not(:last-child) {
        margin-right: 11px; }
      .vjs-rating-box .vjs-rating-content .vjs-stars .s1 {
        width: 24px;
        height: 24px;
        background: url("https://pic2.huanxi.com/ol06416c466c7147598bc4ca17f87c1367.png") no-repeat;
        background-size: cover;
        cursor: pointer; }
      .vjs-rating-box .vjs-rating-content .vjs-stars .s2 {
        background-image: url("https://pic2.huanxi.com/olf268a03bece54a0b9ad73da40e8606c4.png"); }
      .vjs-rating-box .vjs-rating-content .vjs-stars .s3 {
        background-image: url("https://pic6.huanxi.com/ol2dc1af2563ec4d748648867bcdca9bf3.png"); }
      .vjs-rating-box .vjs-rating-content .vjs-stars .zhanwei {
        width: 0;
        height: 0;
        overflow: hidden; }
        .vjs-rating-box .vjs-rating-content .vjs-stars .zhanwei span {
          width: 0;
          height: 0;
          overflow: hidden;
          visibility: hidden; }
    .vjs-rating-box .vjs-rating-content .rating-result {
      height: 20px;
      font-weight: 500;
      font-size: 12px;
      color: #ffffff;
      line-height: 20px; }
    .vjs-rating-box .vjs-rating-content .vjs-star-submit {
      width: 76px;
      height: 34px;
      line-height: 34px;
      background: rgba(204, 204, 204, 0.3);
      border-radius: 6px 6px 6px 6px; }
    .vjs-rating-box .vjs-rating-content .star-submit-on {
      cursor: pointer;
      background: linear-gradient(135deg, #aa0000 0%, #cc4b4b 100%); }

.vjs-rating-mask {
  width: 168px;
  height: 56px;
  line-height: 56px;
  bottom: 69px;
  right: 60px;
  z-index: 6;
  width: 168px;
  height: 56px;
  background: rgba(204, 204, 204, 0.3);
  border-radius: 8px 8px 8px 8px; }

.movie-box .flash-tips {
  height: 100%; }
  .movie-box .flash-tips .font {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    font-size: 20px; }

.movie-box #controls {
  height: 100%;
  top: 0;
  left: 0;
  background: #000; }

.short-cont .title-ch div:first-child {
  white-space: normal; }

#top-recommend {
  clear: both; }


/*# sourceMappingURL=play.css.map*/