@charset "UTF-8";
@font-face{font-family:swiper-icons;font-weight:400;font-style:normal}
.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
._svi2pdnuo{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-pointer-events{touch-action:pan-y}
.ndcmlkoq0_{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.swiper-watch-progress .ndcmlkoq0_-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}
.swiper-free-mode>._svi2pdnuo{transition-timing-function:ease-out;margin:0 auto}
.4ovcdufyx8 {
  background-color: var(--bg-color-2);
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  color: var(--text-color-2);
}
.4ovcdufyx8 a {
  color: var(--text-color-1);
  opacity: .8;
}
.4ovcdufyx8-link {
  font-size: 14px;
}
.4ovcdufyx8-link li {
  display: inline-block;
}
.4ovcdufyx8-link li + li {
  margin-left: 10px;
}
.4ovcdufyx8-text {
  border-top: 1px solid var(--bg-color-1);
  text-align: center;
  padding: 20px 10px 0;
  line-height: 1.8;
  font-size: 12px;
}
.4ovcdufyx8-text a {
  color: var(--text-color-2);
  opacity: 1;
}
.4ovcdufyx8-link li a:hover, .4ovcdufyx8-text a:hover {
  color: var(--theme-color);
}
header {
  position: fixed;
  width: 100%;
  z-index: 99;
  background-color: dimgrey;
}
.head {
  width: 100%;
  background-color: var(--theme-color);
  background: linear-gradient(to left, #3FA7A2 0, var(--theme-color) 100%);
  box-shadow: var(--theme-shadow);
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 2;
  position:relative;
}
.logo {
  height: 50px;
  line-height: 50px;
  color: #fff;
  float: left;
  font-size: 20px;
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  margin-right:10px;
}
.logo span {
  color: #fff;
}
.logo .img {
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  height: 50px;
  width: 100%;
}
.type-nav {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  width: calc(100% - 600px);
  overflow: hidden;
}
.type-nav li {
  width: auto;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
.type-nav li a {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #000;
}
.type-nav li.active a, .type-nav li a:hover {
  color: var(--theme-highlight-color);
  font-weight: bold;
}
.headernav {
  width: 100%;
  position:relative;
  z-index: 1;
  box-shadow: var(--theme-shadow);
}
.headernav .nav-wrap {
  background-color: var(--bg-color-2);
  width: 100%;
  position: relative;
  z-index: 15;
  overflow: hidden;
}
.headernav .wrap {
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  padding: 0;
}
.headernav .wrap ul {
  font-size: 0
}
.headernav .wrap li {
  position: relative;
  width: auto !important
}
.headernav .wrap li a {
  display: block;
  font-size: 18px;
  position: relative;
  padding: 0 10px;
  position: relative;
  line-height: 50px;
  height: 50px;
}
.headernav .wrap li.active a:after {
  content: "";
  position: absolute;
  left: 50%;
  display: block;
  background: linear-gradient(to left, #3FA7A2 0, var(--theme-color) 100%);
  box-shadow: 0 2px 6px rgba(228, 63, 66, 0.2);
  border-radius: 2px;
  width: 4px;
  margin-left: -2px;
  bottom: 3px;
  height: 4px
}
.headernav .wrap li.active a {
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#3FA7A2), to(var(--theme-color)));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.layout-box {
  background-color: var(--bg-color-2);
  border-radius: 4px;
  box-shadow: var(--theme-shadow);
  padding-left: var(--theme-gap);
  padding-right: var(--theme-gap);
}
.layout-box-head {
  position: relative;
  line-height: 60px;
  font-size: 20px;
}
.layout-box-head .layout-box-head-title {
  float: left;
}
.layout-box-head .layout-box-head-title .layout-box-head-name {
  float: left;
  font-size: 20px;
  font-weight: 400;
}
.layout-box-head .layout-box-head-title .layout-box-head-name span {
  color: var(--theme-color);
}
.layout-box-head .change {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  color: var(--theme-highlight-color);
  font-size: 16px;
}
.layout-box-main {
  position: relative;
}
.video-list .video-item {
  margin-bottom: 15px
}
.video-list .video-item .video-link {
  display: block
}
.video-list .video-item .video-duration {
  border-radius: 4px 0 4px 0;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 30px;
  line-height: 30px;
  padding: 0 4px;
  font-size: 14px;
  color: #fff;
  background: rgba(0, 0, 0, .6);
  overflow: hidden
}
.video-list .video-item .video-con {
  margin-top: 10px
}
.video-list .video-item .video-con-tit {
  font-size: 16px;
  height: 30px;
  line-height: 30px
}
.video-list .video-item .video-con-tit.text-row-2 {
  height: 60px
}
.item-pic {
  border-radius: 4px;
  box-shadow: 6px 6px 20px var(--bg-color-3);
  position: relative;
  background: url() no-repeat center;
  background-size: cover;
  height: 0;
  padding-bottom: 130%;
  transition: all .3s;
}
.item-pic:hover {
  transform: scale(1.05);
}
.video-small-list .video-item .item-pic {
  height: 0;
  padding-bottom: 56.25%;
}
.video-slide-list {
  overflow: hidden;
  padding-top: 10px;
}
.video-slide-list .video-item {
  width: 150px;
  margin-right: 10px;
}
.video-slide-list .video-item:last-child {
  margin-right: 0 !important
}
.video-slide-list .video-item .item-pic {
  background-color: #eee
}
.video-slide-list .video-list .video-item .video-con-tit {
  font-size: 16px;
}
.img-wrapper {
  padding-bottom: 130%;
  border-radius: 4px;
}
.img-wrapper.h {
  padding-bottom: 50%;
}
.video-film-list .video-item .item-pic {
  background-color: #eee
}
.text-list {
  border-top: 1px solid var(--bg-color-1);
  padding-top: 15px;
  padding-bottom: 15px;
}
.text-list li {
  margin-bottom: 10px;
}
.text-list li small {
  margin-left: 10px;
}
.text-list li .fa {
  margin-right: 5px;
}
.art-item {
  margin-bottom: 15px;
}
.art-item-title {
  font-size: 16px;
  margin-bottom: 10px;
}
.art-item-title a {
  display: block;
}
.art-item-info {
  line-height: 25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 4;
  margin-bottom: 10px;
}
.art-item-foot {
  font-size: 12px;
  border-bottom: 1px solid var(--bg-color-1);
  padding-bottom: 10px;
  overflow: hidden;
}
.art-item-foot span {
  margin-left: 10px;
  float: right;
}
.art-item-img-box {
  margin-left: -2px;
  margin-right: -2px;
}
.art-item-img {
  width: 25%;
  float: left;
  position: relative;
  z-index: 0;
  height: 100px;
}
.art-item-img .img-wrapper {
  position: absolute;
  z-index: 0;
  width: calc(100% - 4px);
  height: 100%;
  left: 2px;
  top: 0;
  padding-bottom: 0;
  border-radius: 0;
}
.art-item-img:not(.art-item-cover):first-child .img-wrapper {
  border-radius: 4px 0 0 4px;
}
.art-item-img:not(.art-item-cover):last-child .img-wrapper {
  border-radius: 0 4px 4px 0;
}
.art-item-cover {
  margin-right: 10px;
}
.art-item-cover .img-wrapper {
  border-radius: 4px;
}
.detail {
  width: 100%;
  position: relative
}
.detail-info {
  padding: 15px;
  background-color: var(--bg-color-2);
  border-radius: 4px;
  overflow: hidden;
  box-shadow: var(--theme-shadow);
}
.detail .detail-wrap {
  padding-bottom: 30px;
  position: relative;
}
.detail .detail-wrap:last-child {
  padding-bottom: 0;
}
.detail .detail-wrap .detail-cover {
  position: absolute;
  top: -15px;
  left: -15px;
  right: -15px;
  bottom: -15px;
  z-index: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.detail .detail-wrap .detail-cover2 {
  z-index: 1;
  background-color: rgba(0, 0, 0, .4);
}
.detail .detail-img {
  width: 100%;
  position: relative;
  z-index: 1;
}
.detail .detail-img img {
  width: 158px;
  height: 200px;
  display: block;
  border-radius: 4px;
  box-shadow: 6px 6px 20px #999
}
.detail .detail-media-box {
  position: relative;
  z-index: 1;
}
.detail .detail-media {
  position: relative;
}
.detail .media-title {
  line-height: 24px;
  font-size: 18px;
}
.detail .detail-media .desc {
  margin-top: 10px
}
.detail .detail-media .desc li {
  font-size: 13px;
  line-height: 24px;
  overflow: hidden;
}
.detail .detail-media .desc li a {
  padding-right: 10px;
}
.detail-info .detail-media .desc li {
  margin-bottom: 3px;
}
.detail-info .detail-media .desc li .fa {
  margin-right: 5px;
}
.player-from-box {
  position: relative;
  overflow: hidden;
  padding-bottom: 15px;
  border-bottom: 2px solid var(--bg-color-1);
}
.player-from-box ul {
  font-size: 0;
}
.player-from-box li {
  display: inline-block;
  width: auto !important;
  font-size: 18px;
  background: var(--bg-color-1);
  vertical-align: middle;
  color: var(--text-color-3);
  height: 40px;
  line-height: 40px;
  position: relative;
  padding: 0 15px;
  margin-right: 10px;
  border-radius: 20px;
  cursor: pointer;
}
.player-from-box li.active, .player-from-box li:hover {
  color: #FFF;
  background-color: var(--theme-color);
  background-image: linear-gradient(to left, #3FA7A2 0, var(--theme-color) 100%);
  box-shadow: 0 2px 6px rgba(228, 63, 66, 0.2);
}
.player-from-box.art-type-box li.active a, .player-from-box.art-type-box li:hover a {
  color: #fff;
}
.filter-list {
  width: 100%;
  position: relative;
}
.filter-list .box {
  width: 100%;
  z-index: 15;
  position: relative;
  overflow: hidden;
  padding-bottom: 15px;
}
.filter-list .nav-wrap {
  width: 100%;
  overflow: hidden;
  margin-top: 15px
}
.map-list .nav-wrap {
  margin-top: 5px;
  margin-bottom: 10px;
}
.filter-list .wrap {
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  padding: 2px 10px;
  width: calc(100% - 50px);
  float: left;
}
.filter-list .wrap ul {
  font-size: 0;
  height: 30px;
}
.filter-list .wrap li {
  position: relative;
  width: auto;
  margin-right: 10px;
}
.filter-list .wrap li a, .filter-name {
  display: block;
  font-size: 16px;
  line-height: 30px;
  position: relative;
  padding: 0 10px;
  border-radius: 15px;
}
.filter-list .wrap li.active a {
  color: #fff;
  background: linear-gradient(to left, #3FA7A2 0, var(--theme-color) 100%);
  box-shadow: 0 2px 6px rgba(228, 63, 66, 0.2);
}
.filter-name {
  float: left;
  width: 50px;
  text-align: center;
  padding: 0;
}
.mov-page {
  padding-bottom: 30px;
  padding-top: 30px;
}
.list-order {
  float: left;
}
.list-order li {
  display: inline-block;
}
.list-order li + li {
  margin-left: 10px;
}
.list-order li a {
  border-bottom: 3px solid #fff;
  padding-bottom: 6px;
  color: var(--text-color-2);
  font-size: 16px;
}
.list-order li.active a {
  border-bottom-color: var(--theme-color);
}
.layout-box-head .list-order-wrap {
  float: none;
}
.layout-box-head .list-order-wrap .layout-box-head-name {
  float: left;
  margin-right: 15px;
}
.link-list {
  width: 100%;
  overflow: hidden;
}
.link-list li {
  width: auto;
  font-size: 15px;
  padding: 0 10px 10px 0;
  font-weight: normal;
}
.link-list li a {
  line-height: 36px;
  display: block;
  background-color: var(--bg-color-1);
  text-align: center;
  border-radius: 4px;
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width:992px) {
  .art-list:not(.art-type-content) li:nth-last-child(-n+2) .art-item .art-item-foot {
    border-bottom-color: transparent;
  }
  .art-item-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .art-item-info {
    height: 100px;
  }
}
@media (max-width:991.9px) {
  .video-list .video-item .video-con-tit {
    font-size: 14px;
  }
  .video-list .video-item .video-duration, .video-list .video-item .video-tips, .video-list .video-item .video-con-subtitle span {
    font-size: 12px;
  }
  .art-list:not(.art-type-content) li:last-child .art-item .art-item-foot {
    border-bottom-color: transparent;
  }
  .detail:not(.detail-search) .detail-media, .detail .detail-media .desc a, .detail-intro p, .detail-intro .more i {
    color: #fff;
  }
  .mov-star-box .mov-star {
    float: right;
  }
  .layout-box-head {
    line-height: 50px;
  }
  .layout-box-head .layout-box-head-title .layout-box-head-name {
    font-size: 18px;
  }
}
@media (max-width:991.9px) and (min-width:768px) {
  .logo {
    width: calc(100% - 450px);
  }
  .slider .ndcmlkoq0_ {
    width: 80%;
  }
}
@media (max-width:767.9px) {
  .logo {
    width: calc(100% - 170px);
  }
}
@media (max-width:767.99px) {
  .headernav .wrap li a, .player-from-box li {
    font-size: 16px;
  }
  .headernav .wrap li a{
    padding-left:8px;
    padding-right:8px;
  }
}
@media (max-width:575.9px) {
  .art-item-img {
    width: 33.33%;
  }
  .art-item-img:nth-child(3) .img-wrapper {
    border-radius: 0 4px 4px 0;
  }

}

b, strong {
  font-weight: 700
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

small {
  font-size: 80%
}

img {
  border: 0;
  vertical-align: middle;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  line-height: 1.1;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
  font-weight: 400;
  line-height: 1;
  color: #777
}
.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 0;
  margin-bottom: 0
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
  font-size: 65%
}
.h4, .h5, .h6, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0
}
.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
  font-size: 75%
}
.h1, h1 {
  font-size: 36px
}
.h2, h2 {
  font-size: 30px
}
.h3, h3 {
  font-size: 24px
}
.h4, h4 {
  font-size: 18px
}
.h5, h5 {
  font-size: 14px
}
.h6, h6 {
  font-size: 12px
}
p {
  margin: 0 0 10px
}
.small, small {
  font-size: 85%
}

.text-left {
  text-align: left
}
.text-right {
  text-align: right
}
.text-center {
  text-align: center
}
.text-overflow {
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-row, .text-row-1, .text-row-2, .text-row-3, .text-row-4{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.text-row-1 {
  -webkit-line-clamp: 1;
}
.text-row-2 {
  -webkit-line-clamp: 2;
}
.text-row-3 {
  -webkit-line-clamp: 3;
}
.text-row-4 {
  -webkit-line-clamp: 4;
}
.text-muted {
  color: #777
}
ul {
  list-style: none;
}
ol, ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-inline-start: 0;
}
ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0
}
dl {
  margin-top: 0;
  margin-bottom: 0
}
dd, dt {
  line-height: 1.42857143
}
dt {
  font-weight: 700
}
dd {
  margin-left: 0
}
abbr[data-original-title], abbr[title] {
  cursor: help
}
.img-wrapper {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.container {
  padding-left: var(--theme-gap, 15px);
  padding-right: var(--theme-gap, 15px);
  margin-right: auto;
  margin-left: auto
}
.mini-container {
  max-width: 500px;
}
@media (min-width:576px) {
  .container {
    width: 560px
  }
}
@media (min-width:768px) {
  .container {
    width: 750px
  }
}
@media (min-width:992px) {
  .container {
    width: 970px
  }
}
@media (min-width:1200px) {
  .container {
    width: 1170px
  }
}
@media (min-width:1400px) {
  .container {
    width: 1200px
  }
}
.row {
  margin-right: calc(var(--theme-gap, 15px)*-1);
  margin-left: calc(var(--theme-gap, 15px)*-1);
}
.col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-left: var(--theme-gap, 15px);
  padding-right: var(--theme-gap, 15px);
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  float: left
}
@media (min-width:576px) {
  .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left
  }
}
@media (min-width:768px) {
  .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left
  }
  .col-md-6 {
    width: 50%
  }
  .col-md-3 {
    width: 25%
  }
}
@media (min-width:992px) {
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
    float: left
  }
  .col-lg-9 {
    width: 100%
  }
  .col-lg-6 {
    width: 50%
  }
  .col-lg-4 {
    width: 33.33333333%
  }
  .col-lg-2 {
    width: 16.66666667%
  }
}
@media (min-width:1200px) {
  .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
    float: left
  }
  .col-xl-3 {
    width: 50%
  }
}
@media (min-width:1400px) {
  .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
    float: left
  }
  .col-xxl-2 {
    width: 16.66666667%
  }
}
a.badge:focus, a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .zty1gr4nms:after, .zty1gr4nms:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-4ovcdufyx8:after, .modal-4ovcdufyx8:before, .modal-header:after, .modal-header:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
  display: table;
  content: " "
}
.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .zty1gr4nms:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-4ovcdufyx8:after, .modal-header:after, .pager:after, .panel-body:after, .row:after {
  clear: both
}

.pull-right {
  float: right !important
}

.hide {
  display: none !important
}
.show {
  display: block !important
}
.invisible {
  visibility: hidden
}

.hidden {
  display: none !important
}
@-ms-viewport {
  width: device-width
}
.visible-lg, .visible-md, .visible-sm, .visible-xs {
  display: none !important
}
.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
  display: none !important
}
@media (max-width:575.9px) {
  .hidden-xs {
    display: none !important
  }
}
@media (min-width:576px) and (max-width:767.9px) {
  .hidden-sm {
    display: none !important
  }
}
@media (min-width:768px) and (max-width:991.9px) {
  .hidden-md {
    display: none !important
  }
}
@media (min-width:992px) and (max-width:1199.9px) {
  .hidden-lg {
    display: none !important
  }
}
@media (min-width:1200px) and (max-width:1399.9px) {
  .hidden-xl {
    display: none !important
  }
}
@media (min-width:1400px) {
  .hidden-xxl {
    display: none !important
  }
}
.mr-0 {
  margin-right: 0 !important;
}
.mov-page {
  margin-bottom: 15px;
  text-align: center;
}
.mov-page li {
  display: inline-block;
  margin-left: 10px
}
.mov-page li .num, .mov-page li a {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 5px;
  background-color: #FFFFFF;
  border: 1px solid #EEEEEE;
}
.mov-page li a > span + span {
  margin-left: 5px;
}
.mov-page li:not(.disabled) a:hover, .mov-page li.active a, .mov-page li.active .num {
  background-color: var(--theme-color, #f60);
  color: #FFFFFF;
  border: 1px solid var(--theme-color, #f60);
}
.mov-page li.disabled a {
  opacity: 0.5;
}
@media(max-width:767.9px) {
  .mov-page li {
    margin: 0;
    padding: 0 5px 0 5px;
  }
  .mov-page li a {
    display: block;
    padding: 5px 10px;
    text-align: center
  }
}
@media(max-width:575.9px) {
  .mov-page li {
    width: 33.33%;
    float: left;
  }
  .mov-page li a {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px){.container{width:750px}
}
@media (min-width:992px){.container{width:970px}
}
@media (min-width:1200px){.container{width:1170px}
}
.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 15px}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}
.nav>li>a>img{max-width:none}
.nav-tabs{border-bottom:1px solid #ddd}
.nav-tabs>li{float:left;margin-bottom:-1px}
.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}
.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.zty1gr4nms:after,.zty1gr4nms:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-4ovcdufyx8:after,.modal-4ovcdufyx8:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}
.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.zty1gr4nms:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-4ovcdufyx8:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}
.hidden{display:none!important}
@-ms-viewport{width:device-width}
.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}
.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}
@media (min-width:992px)and (max-width:1199px){.visible-md-block{display:block!important}
}
@media (min-width:1200px){.visible-lg-block{display:block!important}
}
@media (max-width:767px){.hidden-xs{display:none!important}
}
.left-content .new-up .item{
    width: 18.8%;
    height: 220px;
}
.left-content .new-up .item .thumb{
    height: 200px;
}
.left-content .new-up .item:hover .item-con {
    height: 325px;
}
.index .header a:hover{
    color:#fff !important;
}
.ys-recommend .content .0x2_yftnlj{
    padding-bottom: 20px;
}

.ys-recommend .new-up .item {
    height: 270px;
    margin-right: 0.7%;
    width: 13.52%;
}
.friend-link .item {
    padding: 15px 5px 5px 5px;
    width: 10%;
    float: left;
}
.friend-link .item a {
	display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.movie-rank .hot-up .item .douban_score {
    max-width: 32%;
}
.hot-up .item:nth-child(1) img {
    height: 100px;
}
@media (max-width: 768px) {
    .friend-link .container{
        padding: 0 10px;
        font-size: 12px;
    }
    .friend-link ul a {
        font-size: 12px;
    }
    .friend-link h5 {
        font-size: 12px;
        top: 0;
    }
}
@media screen and (max-width:768px){
.right-side{display:none; }
}
.thumb-wrap {
    background: rgba(214, 214, 214, 0.1);
    box-shadow: 0 0 6px 3px rgba(214, 214, 214, 0.2) inset;
    height: 333px;
    width: 243px;
    float: left;
    margin-right: 30px;
    position: relative;
    overflow: hidden;
}
.thumb-wrap img {
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.thumb-wrap img.auto-height {
    max-height: 100%;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.thumb-wrap .state{
    position: absolute;
    background: #6558DC;
    color: #fff;
    padding: 2px 5px;
    bottom: 5px;
    left: 10px;
    font-size: 14px;
    font-weight: normal;
}
.info-wrap {
    white-space: nowrap;
    position: relative;
    font-size: 14px;
}
.subject-row {
    margin-bottom: 15px;
    height: 33px;
}
.article-subject {
    float: left;
    font-size: 30px;
    color: #00a1d6;
    margin-right: 20px;
    font-weight: bold;
    max-width: 66%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.article-subject a,.article-subject a:hover{
    color: #6558DC;
}
.order-name {
    margin: 0;
    position: relative;
    top: 16px;
    color: #00a1d6;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 18px;
}
.subject-row-m{
	display:none;	
}
.info-wrap p {
    height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-right: 10px;
}
.info-wrap label {
    font-weight: normal;
}
.intro-con{
    position: relative;
}
.intro-con .hot {
    position: absolute;
    right: 0;
    top: -5px;
    color: #6558DC;
	font-size: 12px;
}
.info-wrap p.normal {
    overflow: inherit;
    white-space: normal;
}
.info-wrap p .fa {
    position: absolute;
    right: 0;
    height: 100%;
    line-height: 25px;
    padding: 0 5px;
    cursor: pointer;
}
.info-wrap p .fa:hover {
    color: #6558DC;
}
.resource-box .hd .nav-tabs {
    border: none;
    height: 50px;
}
.resource-box .hd .ndcmlkoq0_ {
    width: auto;
}
.resource-box .hd .ndcmlkoq0_ a {
    border: 1px solid transparent;
}
.resource-box .hd .ndcmlkoq0_ a:hover {
    border: 1px solid #ddd;
    border-bottom-color: #eceff3;
    color: #ED6C2F;
    background: #eceff3;
}
.resource-box .hd .ndcmlkoq0_.active a {
    border: 1px solid #ddd;
    border-bottom-color: #eceff3;
    color: #6558DC;
    background: #F5F4FC;
    font-weight:bold;
}
.resource-box .bd {
    padding: 10px;
    border: 1px solid #ddd;
    margin-top: -1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #F5F4FC;
}
.resource-box .bd .rb-item {
    display: none;
}
.resource-box .bd .episodes-list {
    padding: 0 0 15px 0;
    margin-right: -7px;
}
.resource-box .bd .episodes-list li{ 
    float: left;
    padding: 10px 7px 0 0;
    width: 11.1%;
}
.resource-box .bd .episodes-list li a{
	background-color: #ffffff;
    color: #736767;
    display: block;
    width: 100%;
    padding: 8px;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #fff;
}
.resource-box .bd .episodes-list li a:hover,.resource-box .bd .episodes-list li .active {
    border: 1px solid #6558DC;
    background-color: #6558DC;
    color: #fff;
}
.updatetime {
    font-size: 12px;
    color: #999;
}
.mark-wrap {
    margin-top: 10px;
}
.summary-con{
    font-size: 15px;
    line-height: 30px;
}
.new-up .item:last-child{
    margin-right: 0;
}
.main_movie_details .page-num {
    padding-bottom: 10px;
}
.you-like .new-up .title .theme a.active{
    color: #6558DC !important;
}
.play-container{
    height: 100%;
    position: relative;
	padding: 0;
}
.play .play-container{
    min-height: 300px;
    position: relative;
    margin-top: 0px;
}
.movie-summary .intro-con{
    margin-bottom: 20px;
}
.new-up .new-up-list .item:nth-child(8),.new-up .new-up-list .item:nth-child(9){
    display: none;
}
.new-up .new-up-list .item:nth-child(7) {
    margin-right: 0;
}
@media (max-width: 990px){
.resource-box .bd .episodes-list li {
    width: 16.66%;
}
}
@media (max-width: 768px){
.resource-box .bd .episodes-list li {
    width: 25%;
}
}
@media(max-width: 768px){
    .intro-con .hot{
        top: 10px;
    }
    .intro-con .hot label {
        display: none;
    }
    .resource-box-nav{
        margin: 0;
        width: 100%;
    }
    .updatetime{
        float: left;
    }
    .movie .main_movie_details .new-up .title .theme {
        width: 100%;
        float: none;
        max-width: 100%;
    }
    .movie .main_movie_details .new-up .title .theme .fa{
        margin-right:0;
    }
    .thumb-wrap {
        height: 195px;
    	width: 140px;
    	margin-right: 10px;
    }
    .thumb-wrap img {
        padding: 3px;
    }
    .thumb-wrap .state {
        bottom: -2px;
        left: 3px;
        padding: 1px 3px;
    }
    .thumb-wrap .state {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 130px;
        font-size: 12px;
        font-weight: normal;
    }
    .subject-row {
        margin-bottom: 0;
        height: 20px;
    }
	.subject-row-m{
		display:block;	
	}
    .main_movie_details .info-wrap .comment{
        margin-right: 0;
        font-size: 12px;
        padding: 5px 0;
		float: right;
    	border: none;
    }
    .main_movie_details  .info-wrap .fabulous, .main_movie_details .info-wrap .collect{
        margin-right: 5px;
        padding: 5px 10px;
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .play .play-container {
        min-height: inherit;
        margin-top: 10px;
        margin-bottom: -15px;
    }
    .crumbs-nav.mb15{
        margin-bottom: 10px;
		white-space: nowrap;
    	overflow: hidden;
		text-overflow: ellipsis;
    }
	.subject-row{
		display:none;	
	}
	.article-subject-m{
		font-size: 22px;
    	line-height: 1.2;
	}
	.article-subject-m a{
		color: #6558DC;
		font-weight: bold;
	}
	.order-name-m{
		color: #0889f6;
    	color: #999;
    	font-size: 12px;
		line-height: 16px;
	}
    .info-wrap .hot{
        font-size: 12px;
		right: inherit;
		top: 3px;
		left: 3px;
		background: rgba(0,0,0,0.2);
		border-bottom-right-radius: 15px;
		padding: 0px 5px;
		color: #fff;
		font-weight: bold;
    }
	.info-wrap .hot label{
		display:none;
	}
	.info-wrap .like{
		padding-top: 10px;
		margin-top: 0;
		margin-bottom: 5px;
	}
    .main_movie_details .order-name{
        top: 3px;
        font-size: 12px;
        display: none;
    }
    .info-wrap p {
        line-height: 22px;
        height: 22px;
        font-size: 13px;
		max-width: 100%;
    }
	.info-wrap label {
    	color: #736767;
    	font-weight: bold;
	}
    .new-up .new-up-list .item:nth-child(8),.new-up .new-up-list .item:nth-child(9){
        display: block;
    }
    .new-up .new-up-list .item:nth-child(7) {
        margin-right: 2%;
    }
    #reply_lz{
        font-size: 15px;
    }
    .movie-summary .theme{
        font-size: 16px;
        font-weight: bold;
    }
    .resource-box .bd .rb-item .item-name{
        font-size: 12px;
		line-height: 1.3;
    	margin-top: 5px;
    }
    .summary-con {
        line-height: 28px;
		font-size: 14px;
    }
    .info-wrap p .fa {
        right: -5px;
    }
}
.friend-link .item {
    padding: 15px 5px 5px 5px;
    width: 10%;
    float: left;
}

header:after,nav:after,main:after,section:after,4ovcdufyx8:after {
    content: '';
    display: block;
    clear: both
}
li {
    list-style: none
}
ol, ul {
    margin: 0
}
a {
    text-decoration: none;
    color: #333;
    cursor: pointer
}
a:hover {
    text-decoration: none;
    color: #3F3F3F;
}
a:hover .fa {
    color: #fff;
}
a:focus{
    text-decoration: none!important;
}
img {
    border: none;
    vertical-align: middle
}
i, em {
    font-style: normal
}
.h1, .h2, .h3, h1, h2, h3, p {
    margin: 0
}
.fl {
    float: left
}
.mb15 {
    margin-bottom: 15px
}
.mb10 {
    margin-bottom: 10px
}
.container {
    width: 1200px
}
.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    background: rgba(101,88,220,1);
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
    height: 70px;
    transition: all 0.5s;
}
.header .container {
    height: 100%;
}
.header a {
    color: rgba(255,255,255,1);
}
.header .active > a {
    color: rgba(245,244,252,1);
}
.header .container a:hover {
    color: rgba(245,244,252,1);
}
.logo {
    float: left;
    position: relative;
    width: 130px;
    overflow: hidden;
    height: 100%;
}
.logo a {
    display: block;
    width: 100%;
    height: 55px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../img/logo_black.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.main-nav {
    float: left;
    width: 455px;
    padding-bottom: 15px;
    margin-left: 10px;
}
.main-nav .nav-item {
    float: left;
    width: auto;
}
.main-nav .nav-item > a {
    display: block;
    padding: 0 11px;
    line-height: 70px;
}
.main-nav .nav-item > a .fa{
    margin-right: 5px;
}
.main-nav .nav-item.paihangbang > a {
    padding: 0 18px;
}
.box-video-text-list ul {margin:10px 10px;}
.box-video-text-list ul li{float:left;padding:9px 0px;}
.box-video-text-list ul li.list{width:100%;border-top:none;margin:8px 0px;}
.box-video-text-list ul li.list1{width:100%}
.box-video-text-list ul li.list2{width:50%}
.box-video-text-list ul li.list4{width:50%;}
.box-video-text-list ul li.list3{width:33%}
.box-video-text-list ul li.list5{width:20%}
.box-video-text-list ul li.list6{width:16.66%}
.box-video-text-list ul li .title{ margin:0 10px;}
.box-video-text-list ul li .num{margin-right:10px;padding:5px 10px; font-size:12px;}
.box-video-text-list ul li span i{font-size:12px}
.box-video-text-list ul li .key{float:left; margin-right:6px;color: #6558DC;}
.box-video-text-list ul li .hits{float:right; margin-right:5px;}
.box-video-text-list ul li .time{float:right; margin-right:15px;}
.text-overflow{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;width:100%}
.4ovcdufyx8 {
    text-align: center;
    font-size: 12px;
    position: relative;
    background: #fff;
}
.4ovcdufyx8 .container {
    line-height: 20px;
    padding: 40px 8px;
    position: relative;
    background: #fff;
}
.main{
    padding-top: 20px;
}
.main section {
    margin-bottom: 15px;
}
.left-content {
    width: 73%;
    float: left;
}
.right-side {
    width: 25%;
    float: right;
    min-height: 300px;
}
.new-up .title {
    margin-bottom: 15px;
    margin-top: 5px;
    position: relative;
}
.new-up .title .theme {
    float: left;
    font-size: 27px;
    color: #333;
}
.new-up .title .theme .fa {
    color: #6558DC;
    font-size: 24px;
    margin-right: 10px;
}
.detailplay .title .theme .fa{
float: left;
}
.new-up .item {
    float: left;
    width: 13.15%;
    height: 245px;
    margin-right: 1%;
    margin-bottom: 20px;
    position: relative;
}
.new-up .item .item-con {
    width: 100%;
    transition: all 0.3s;
    height: 100%;
    overflow: hidden;
    position: absolute;
    box-sizing: content-box;
    padding: 5px;
    color: #333;
    border-radius: 0.42rem;
}
.new-up .item:hover .item-con {
    height: 352px;
    background: #fff;
    box-shadow: 0 0 6px 3px rgba(0,0,0,0.2);
    z-index: 111;
}
.new-up-list{
    margin-right: -15px;
}
.new-up-list .item img {
    width: 100%;
    height: 100%;
    transition: all .25s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.new-up-list.img-auto-height-list .item img {
    width: 100%;
    height: auto;
    max-height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.new-up-list .state {
    position: absolute;
    background: rgba(0, 0, 0, 0.66);
    text-align: right;
    right: 5px;
    top: 5px;
    font-size: 12px;
    white-space: nowrap;
    width: auto;
    z-index: 11;
    overflow: hidden;
    text-overflow: ellipsis;
    background: none;
    color: #fff;
    line-height: 18px;
    border-bottom-left-radius: 0;
    padding: 0;
    padding-left: 14px;
    max-width: 97%;
}
.new-up-list .state em {
    display: block;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: 0 5px;
    z-index: 2;
    position: relative;
    background: #6558DC;
    border-radius: 0 0.42rem 0 0.42rem;
}
.new-up .info-layer {
    width: 100%;
    height: 100%;
    top: 88%;
    color: #333;
    transition: all 0.3s;
    padding-top: 5px;
	display:block;
}
.new-up .info-layer > p {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 15px;
    font-size: 12px;
    color: #736767;
}
.new-up .info-layer > p label {
    font-weight: normal;
}
.new-up .subject {
    font-weight: bold;
    color: #736767;
    padding-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    height: 23px;
    line-height: 1;
}
.new-up .subject a {
    max-width: 63%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    float: left;
    font-size: 13px;
    line-height: 1;
    height: 22px;
    padding-top: 1px;
}
.new-up .update {
    float: right;
    max-width: 37%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    font-size: 12px;
    position: relative;
    top: 2px;
}
.new-up .info-layer .play {
    text-align: center;
    font-size: 40px;
}
.new-up .item .thumb {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 0 6px 3px rgba(214, 214, 214, 0.3) inset;
    height: 228px;
    background: #fff;
    border-radius: 0.42rem;
}
.new-up .item .thumb:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.42rem;
}
.new-up-list .item:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.new-up-list.img-auto-height-list .item:hover img {
    transform: translateY(-50%) scale(1.02);
}
.new-up .item .hot {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 1px 3px 0px 10px;
    color: #fff;
    font-size: 12px;
    border-top-left-radius: 15px;
}
.ellipsis-one {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis-two {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}
.new-up-list .item:hover .info-layer {
    top: 0;
}
.hot-up {
    box-sizing: border-box;
}
.hot-up .title {
    border-bottom: 3px solid #6558DC;
    padding: 5px 0 15px;
}
.hot-up .title .theme {
    float: left;
    position: relative;
    margin: 0;
    margin-right: 10px;
    font-size: 20px;
    font-weight: 100;
    color: #333;
    max-width: 64%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hot-up .title .theme .after-dot:after {
    width: 5px;
    height: 5px;
    background: #333;
}
.hot-up .title .theme:before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 18px;
    background: #6558DC;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: none;
}
.hot-up .title .more {
    float: right
}
.hot-up .list {
    padding-top: 7px
}
.hot-up .item {
    line-height: 37px;
    height: 37.8px
}
.hot-up .item:hover {
    background: #eee;
}
.hot-up .item .num {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0.3);
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    margin-right: 8px;
    color: #fff;
}
.hot-up .item:nth-child(1) {
    height: auto;
}
.hot-up .item:nth-child(1) img {
    height: 118px;
    float: left;
    margin-right: 10px;
    border-radius: 0.42rem;
}
.hot-up .item:nth-child(1) .info p {
    line-height: 22px;
    height: 22px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #999;
}
.hot-up .item:nth-child(1) .num {
    background: rgba(101, 88, 220, .9);
    color: #fff
}
.hot-up .item:nth-child(2) .num {
    background: rgba(140, 131, 220, .9);
    color: #fff
}
.hot-up .item:nth-child(3) .num {
    background: rgba(183, 179, 220, .9);
    color: #fff
}
.hot-up .item .hot {
    float: right;
    font-size: 12px;
    color: #6558DC;
}
.hot-up .item .subject .ellipsis-one {
    display: inline-block;
    max-width: 36%;
    vertical-align: middle;
    font-size: 12px;
}
.hot-up .item .douban_score {
    font-size: 12px;
    color: #999;
    margin-left: 5px;
    max-width: 35%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}
.before-dot:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #ccc;
    margin-right: 10px;
    vertical-align: middle
}
.after-dot:after {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #999;
    margin: 0 5px;
    border-radius: 50%;
    vertical-align: middle
}
.more-arrow:after {
    content: '';
    display: inline-block;
    margin-left: 3px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    transform: rotateZ(45deg);
    position: relative;
    top: -1px
}
.more-arrow:hover:after {
    border-color: #03A388;
}
.page-num {
    font-size: 12px;
    color: #999;
    height: 0
}
.page-num .page_link {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #eee;
}
.page-num .page_link:hover {
    border-color: #6558DC;
    color: #6558DC!important;
}
.page-num .page_current.page_link {
    background-color: #6558DC;
    border-color: #6558DC;
    color: #fff!important;
}
.page-num > div {
    padding: 5px 0;
    line-height: 20px
}
.page-num.count-right .content {
    text-align: center;
}
.page-num.count-right .count {
    float: right
}
.new-up .title .more {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
    font-size: 14px;
}
.crumbs-nav {
    font-size: 12px;
    color: #736767;
}
.crumbs-nav a {
    font-size: 12px;
    color: #736767;
}
.crumbs-nav a:hover {
    color:#6558DC;
}
.hd-wrap {
    margin-bottom: 10px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    padding: 15px 20px;
    border-radius: 0.42rem;
}
.hd-wrap .slogan {
    padding: 10px 0
}
.hd-title{
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #eee;
}
.hd-title .theme{
    font-weight: bold;
}
.hd-title .theme .fa{
    color: #6558DC;
}
.hd-nav {
    position: relative;
    border-bottom: 1px dotted #eee;
    padding-bottom: 10px;
}
.hd-nav:last-child{
    border: none;
}
.hd-nav:before {
    content: '';
    display: none;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 1px;
    background: #ddd
}
.hd-nav .theme{
    margin: 0;
    line-height: 24px;
    color: #736767;
}
.hd-nav .theme a{
    color: #736767;
}
.sub-nav .nav {
    border: none;
    height: 30px;
}
.sub-nav .nav > li {
    width: auto;
    white-space: nowrap;
    text-align: center;
    margin-bottom: 0
}
.sub-nav .nav > li > a {
    border: none;
    line-height: 1;
    border-radius: 1px;
    padding: 5px;
    font-size: 14px;
    margin: 0 5px;
}
.sub-nav .nav > li > a:hover {
    background: none;
    color: #6558DC;
}
.sub-nav .nav > li.active > a {
    border: none;
    color: #fff;
    background: #6558DC;
    border-radius: 0.42rem;
}
.sub-nav .nav > li.active > a:hover{
    color: #fff !important;
}
.card-wrap{
    background-color: #FFFFFF;
    box-shadow: 0 0 6px 3px rgba(214,214,214,.3);
    padding: 15px 20px;
    border-radius: 0.42rem;
}
@media (max-width: 768px) {
	.new-up-list {
    margin-right: -10px;
	}
    .container {
        width: 100%;
        padding: 0;
    }
    .card-wrap {
        padding: 10px 10px;
    }
    .left-content {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    .right-side {
        width: 100%;
        float: none
    }
    #header {
        position: fixed;
        height: 55px;
        font-size: 14px;
    }
    .logo {
        width: 130px;
        z-index: 5;
		margin-left: 5px;
    }
	.hd-wrap{
		padding: 15px 10px;
	}
    .logo a {
        height: 55px;
    }
    .logo .wave {
        top: 39%;
    }
    .header .container:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        left: 0;
        background: rgba(101,88,220,1);
    }
    .header .main-nav {
        position: absolute;
        top: 100%;
        width: 100%;
        padding: 0;
        left: 0;
        z-index: 0;
        height: 30px;
        margin-left: 0;
		margin-top: -1px;
    }
    .header .main-nav:after{
        position: absolute;
        width: 100%;
        left: 0;
        height: 27px;
        top: 0;
        background: rgba(101,88,220,1);
    }
    .header .main-nav:before{
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 20px;
        background: rgba(101,88,220,1);
        top: 10px;
        left: 0;
    }
    .header .main-nav .nav-item > a {
        line-height: 20px;
    }
    .header .main-nav .nav-item > a > .fa {
        display: none;
    }
    .main section {
        margin-bottom: 10px;
    }
    .new-up .title .theme {
        font-size: 15px;
        font-weight: bold;
    }
    .new-up .title .theme .fa {
        font-size: 16px;
    }
    .hot-up .title .theme {
        font-size: 15px;
        font-weight: bold;
    }
    .new-up .title .more {
        top: 30%;
		font-size: 13px;
    }
	.hot-up .title .more {
    	float: right;
    	font-size: 13px;
	}
    .page-num.count-right .count {
        float: none;
        text-align: center;
    }
    .movie .new-up .title .theme {
        max-width: 70%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .main .hot-up {
        margin-top: 5px;
    }
    .main .new-up .new-up-list .item .item-con{
        padding: 0;
        height: 100% !important;
        position: static;
        transform: translateX(0);
        left: 0;
        box-sizing: border-box;
    }
    .new-up .new-up-list .item:hover .item-con{
        box-shadow: none;
    }
    .new-up .item .info-layer{
        position: absolute;
        background: rgba(0,0,0,0.6);
        padding: 0 5px;
        top: inherit;
        bottom: 23px;
        height: 0;
        overflow: hidden;
        box-sizing: border-box;
    }
    .new-up-list .item:hover .info-layer {
        height: 211px;
        top: inherit;
        padding-top: 45px;
    }
    .new-up  .item .info-layer>p {
        color: #eee;
    }
    .new-up  .new-up-list .item .subject {
        position: relative;
        z-index: 1111;
        padding-top: 2px;
    }
    .new-up  .new-up-list .item img{
        transform: scale(1);
    }
    .new-up .item .hot{
        z-index: 200;
    }
    .main .new-up .new-up-list .item {
        width: 23.7%;
        height: auto !important;
        margin-right: 1.2%;
        margin-bottom: 15px;
    }
    .main .ys-recommend .new-up .new-up-list .item {width: 23.7%;}
    .new-up-list .state{
        top: 0;
        right: 0;
    }
    .new-up .info-layer > p {
        line-height: 20px;
    }
    .new-up-list.img-auto-height-list .item img {
        transform: translateY(-50%)!important;
    }
    .hot-up .item:hover {
        background: #fff;
    }
}
@media (max-width: 650px){
    .main .new-up .new-up-list .item {
        width: 31.7%;
        margin-right: 1.5%;
    }
	.main .ys-recommend .new-up .new-up-list .item {width: 31.6%;}
    .index .main .new-up .new-up-list .item:nth-child(10) {
        display: none;
    }
    .main .new-up .new-up-list .item:nth-child(4n),.new-up .item:nth-child(5n){
    }
    .main .new-up .new-up-list .item:nth-child(3n) {
    }
    .main .new-up .new-up-list .item .thumb{
        height: 250px;
    }
    .new-up .info-layer > p {
        line-height: 20px;
    }
    .new-up-list .item:hover .info-layer {
        height: 250px;
        padding-top: 45px;
    }
}
@media (max-width: 560px){
    .main .new-up .new-up-list .item .thumb{
        height: 220px;
    }
    .new-up .info-layer > p {
        line-height: 18px;
    }
    .new-up-list .item:hover .info-layer {
        height: 220px;
        padding-top: 45px;
    }
}
@media (max-width: 480px){
    .main .new-up .new-up-list .item .thumb{
        height: 190px;
    }
    .new-up-list .item:hover .info-layer {
        height: 190px;
        padding-top: 35px;
    }
    .main .new-up .new-up-list .item {
        margin-bottom: 10px;
    }
    .new-up .subject{
        overflow: visible;
    }
    .new-up .subject a{
        overflow: visible;
        max-width: 100%;
        float: none;
        display: block;
    }
    .new-up .subject a b{
        float: none;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .new-up .item .hot{
        width: 100%;
        text-align: right;
        border-radius: 0;
    }
    .new-up .update {
        position: absolute;
        top: -20px;
        left: 0px;
        color: #eee;
        padding: 4px 5px;
        overflow: visible;
        display: block;
        border-top-right-radius: 18px;
        box-sizing: content-box;
    }
    .new-up .new-up-list .state{
        line-height: 18px;
    }
    .new-up .new-up-list .state em {
        padding: 0 5px;
    }
    .new-up .info-layer > p {
        line-height: 18px;
    }
}
@media (max-width: 440px){
    .main .new-up .new-up-list .item .thumb{
        height: 175px;
    }
    .new-up .new-up-list .state em {
        padding: 0 3px;
    }
    .new-up-list .item:hover .info-layer {
        height: 175px;
        padding-top: 35px;
        bottom: 20px;
    }
    .new-up .subject {
        height: 20px;
    }
    .new-up .info-layer > p {
        line-height: 17px;
    }
}
@media (max-width: 414px){
    .main .new-up .new-up-list .item .thumb{
        height: 165px;
    }
    .new-up-list .item:hover .info-layer {
        height: 165px;
        padding-top: 35px;
    }
    .main .new-up .new-up-list .item {
        margin-bottom: 5px;
    }
    .new-up .subject a {
        font-size: 12px;
    }
    .new-up .new-up-list .state em {
        padding: 0 1px;
    }
    .new-up .info-layer > p label{
        display: none;
    }
    .new-up .info-layer > p {
        line-height: 18px;
    }
}
@media (max-width: 375px){
    .main .new-up .new-up-list .item .thumb{
        height: 150px;
    }
    .new-up-list .item:hover .info-layer {
        height: 150px;
        padding-top: 30px;
    }
    .new-up .info-layer > p {
        line-height: 18px;
    }
}
@media (max-width: 350px){
    .main .new-up .new-up-list .item .thumb{
        height: 140px;
    }
    .new-up .item:hover .info-layer {
        height: 140px;
        padding-top: 28px;
    }
    .new-up .info-layer > p {
        line-height: 17px;
    }
}
@media (max-width: 320px){
    .main .new-up .new-up-list .item .thumb{
        height: 130px;
    }
    .new-up .item:hover .info-layer {
        height: 130px;
        padding-top: 24px;
    }
}
@media (max-width: 995px){
	.friend-link .item{width: 25%!important;}
	.4ovcdufyx8 .container{padding: 20px 8px;}
	.page-num .page_link{padding: 3px 10px;}
 }
@media only screen and (min-width: 992px) and (max-width: 1200px){
		.layout-xx{display: none!important;}
} 
.content__tag a{ display: inline-block; line-height: 20px; padding: 2px 10px; margin-left: 5px; border: 1px solid rgba(0,0,0,.1); font-size: 12px; border-radius: 15px;}

@charset "utf-8";


.mov-content__de,.mov-content__thumb{display:table-cell;vertical-align:top}
.mov-content__thumb .v-thumb{width:190px}
.mov-content__de{width:100%;padding:10px 20px;}
.mov-content__de .title{margin:10px 0 10px;line-height:30px}
.mov-content__de .title .score{display: inline-block; margin-left: 10px; font-family: Georgia,"Times New Roman",Times,serif; font-size: 24px; line-height: 24px; color: #09BB07;}
.mov-content__de .data{margin-bottom:10px; font-size: 16px}
.mov-content__de .data li{float:left;margin-right:20px}
.mov-content__de .desc{padding-left:42px}
.mov-content__de .desc .left{margin-left:-42px}
.display-none {
	display:none;
}
.tab {
    margin-bottom: 10px;
}
.tab ul {
	list-style-type:none;
	overflow:hidden;
}
.tab ul li {
	float:left;
}
.tab ul li {
	border-radius:0;
	padding:5px 0;
	margin-right:5px;
	width:150px;
	text-align:center;
	background-color:#f8f8f8;
	border-bottom:3px solid #eee;
}
.tab ul li a {
	display:inline-block;
	width:150px;
	text-decoration:none;
	color:rgb(50,50,50);
	cursor:pointer;
}
.tab ul li.active {
	background-color:#2b2c3a;
	border-bottom:3px solid #2b2c3a
}
.tab ul li.active a {
	color:#fff;
}
@media (min-width:1200px){
	.pt_row_pc{
		width: 76%;
		margin: 0 auto;
		margin-top: 20px;
	}
	.col-pd{
		font-size: 16px;
	}
	.new_c{
		color: #00d1d1;
	}
	.new_c:hover{
		color: #00d1d1 !important;
	}
	.line_h:hover{
		color: #00d1d1 !important;
	}
	.item_tnn:hover{
		color: #00d1d1 !important;
	}
	.title{
		font-size: 30px;
	}
	.pl_pc {
		padding: 0 0 0 12%;
	}
	.containernn{
		width:100%;
		padding: 0;
	}
	.item_tnn_tagname {
		margin-left: 12px;
		width: 150px;
		white-space: normal !important;
		color: #fff;
		opacity: .4;
		font-family: PingFangSC-Regular;
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box; 
		-webkit-box-orient: vertical; 
		-webkit-line-clamp: 3;
		overflow: hidden; 
		font-size: 14px;
		color:black;
	}
	.pill_itemnn{
		display: flex;
		align-items: flex-start;
	}
	.item_imgnn {
		width: 93px;
		height: 104px;
		object-fit: cover;
		border-radius: 4px;
	}
	.item_tnn{
		display: flex;
		flex: 1 1 auto;
		margin-left: 12px;
		padding: 4px 0 7px;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		overflow: hidden;
		font-size: 16px;
		color:black;
	}
	.p_left{
		padding: 60px 0 0 12%;
	}
	.mov-pannel_bd{
		position: relative;
		padding-top: 60px;
	}
	.mov-vodlist__ex{
		top:0;
		bottom:0;
		overflow-y:auto;
		width: 100%;
	}
	.mov-vodlist__ex_1{
		top:0;
		bottom:0;
		overflow-y:auto;
		width: 100%;
	}
	.bottom-line-dot{
		margin-bottom: 10px;
		float:left;
		width:33%;
	}
	.mov-pg li .num, .mov-pg li a{
		min-width: 60px;
		padding: 5px 0;
		margin: 5px 2px;
	}
	.mov-pg li .num, .mov-pg li a:hover{
		background: #31313d;
		border-color: #31313d;
	}
	.mov-pannel_bd_pc{
		padding-top: 0;
	}
}
@media (max-width:1024px){
	.pc_left{
		padding-top: 12px;
	}
	body{padding-top:0px !important;background-color: #111c2e;}
}
@media (max-width:767px){
	.mov-content__thumb .v-thumb{width:115px}
	.mov-content__de{padding:0 10px}
	.mov-content__de .title{margin:10px 0 10px;font-size:16px;line-height:18px}
	.mov-content__de .data{margin:0 0 10px;font-size:12px}
	.mov-content__de .play-btn{margin:0;padding:0}
	.mov-foot{padding:20px 0}
}
body{ background: #FFFFFF; color: #666;}
a,h1, h2, h3, h4, h5, h6{ color: #000;}
a:hover{ color: #00d1d1;}
.text-muted{ color: #999999;}
.split-line{ background-color: #EEEEEE;}
.bottom-line:after{ border-bottom: 1px solid #EEEEEE;}
.bottom-line-dot:before{ border-bottom: 1px dotted #EEEEEE;}
.pic-text,.pic-title-b{ background-repeat: no-repeat; background-image: linear-gradient(transparent,rgba(0,0,0,.5)); color: #FFFFFF;}
.pic-text.active{ background: rgba(0,0,0,0.6); color: #FFFFFF;}
.pic-title-t{background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); color: #FFFFFF;}
.mov-vodlist__ex.striped .striped-head,.mov-vodlist__ex.to-color li:nth-of-type(odd){ background-color: #f5f5f5;}
.mov-pg li a,.mov-pg li .num{border: 1px solid #EEEEEE;}
.mov-pg li a:hover,.mov-pg li.active a,.mov-pg li.active .num,.mov-pg li.disabled a{ background-color: #FF9900; color: #FFFFFF; border: 1px solid #FF9900;}
@media (max-width: 767px){
	.mov-pannel-bg,.mov-vodlist__bg,.mov-vodlist__bg:hover{box-shadow: none;}
	.m-bottom-line:after{ border-bottom: 1px solid #EEEEEE;}
	.m-bottom-line-dot:before{ border-bottom: 1px dotted #EEEEEE;}
}

@media (min-width:768px){
	.none_pc{display:none;}
}


.containernn {position: relative; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.row{position: relative; margin-right: -15px; margin-left: -15px;}
.containernn:before,.containernn:after,.row:before,.row:after,.zty1gr4nms:before, .zty1gr4nms:after{ display: table; content: " "; clear: both;}
.search-col{
	width:19%;
}
.col-md-6,.col-sm-4,{position:relative;min-height:1px;padding:10px}
@media (min-width: 768px) {
	.col-sm-4 {
		float: left
	}
	.col-sm-4 {
		width: 25%
	}
}
@media (min-width: 992px) {
	.col-md-6 {
		float: left
	}
	.col-md-6 {
		width: 16.6666667%
	}
}
@media (min-width: 1200px) {
	 .col-lg-wide-25, .col-lg-wide-75 {
		float: left
	}
	.col-lg-wide-75 {
		width: 87%
	}
	.col-lg-wide-25 {
		width: 75%
	}
}
@media (max-width: 767px){[class*=col-]{padding:5px}}
h1{ font-size:22px; line-height: 28px;}
h2{ font-size:20px; line-height: 26px;}
h3{ font-size:18px; line-height: 24px;}
h4{ font-size:16px; line-height: 22px;}
h5{ font-size:14px; line-height: 20px;}
h6{ font-size:12px; line-height: 18px;}
h1,h2,h3,h4,h5,h6{ font-weight: 400; margin-top:10px; margin-bottom:10px}
a:focus,a:hover,a:active{ text-decoration:none;}
.icon{ font-size: 16px; vertical-align: -1px;}
.text-center{ text-align: center;}
.text-right{ text-align: right;}
.text-overflow{ width:100%; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
img{border: 0; vertical-align:middle}
.split-line{display: inline-block; margin-left: 12px; margin-right: 12px; width: 1px; height: 14px; vertical-align: -2px;}
.top-line,.top-line-dot,.bottom-line,.bottom-line-dot{ position: relative;}
.top-line:before,.top-line-dot:before{content: " "; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 1px;}
.tag{ padding-left: 10px;}
.tag li{ float: left;}
.tag-btn,.tag-type{ padding-top: 10px; padding-left: 10px;}
.tag-btn li ,.tag-type li{ padding:0 10px 10px 0;}
.tag-btn li a ,.tag-type li a{ display: block; padding:0 10px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; border-radius: 2px;}
.tag-btn.active li a,.tag-type.active li a{ border-radius: 14px;}
.tag-text li{ padding-right: 10px; padding-bottom: 10px;}
.mov-pannel{position: relative; margin-bottom: 20px;}
.mov-pannel-bg{border-radius: 2px;}
.mov-pannel-box{ padding: 10px;}
.mov-pannel-box.active{ padding: 0; margin: -10px;}
.mov-pannel_hd{ padding: 10px;}
.mov-pannel_ft{ margin-top: 10px; padding: 10px 10px 0; text-align: center;}
.mov-pannel__hd{ position: relative; height: 30px;}
.mov-pannel__hd.active{height: 40px;}
.mov-pannel__hd .title{float: left; margin:0; padding-right: 10px; line-height: 24px;}
.mov-pannel__hd .title img{ display: inline-block; width: 24px; height: 24px; margin-right: 10px; vertical-align: -5px;}
.mov-pannel__hd .more{ line-height: 30px;}
.mov-vodlist__tp{display: block; position: relative; padding-top: 150%; background: url(../img/load.gif) no-repeat; background-position: 50% 50%; background-size: cover;}
.mov-vodlist__tp.square{ padding-top: 100%; background: url(../img/load_f.gif) no-repeat; background-position: 50% 50%; background-size: cover;}
.mov-vodlist__tp.active{ padding-top: 60%; background: url(../img/load_w.gif) no-repeat; background-position: 50% 50%; background-size: cover;}
.mov-vodlist__tp.picture {background: none; overflow: hidden;}
.mov-vodlist__tp.picture img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.mov-vodlist__tp .play{display: none; position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.1) url(/static/images/play.png) center no-repeat;}
.mov-vodlist__tp .play.active{ display: block;}
.mov-vodlist__tp:hover .play{ display: block;}
.mov-vodlist__detail.active{ padding: 0 10px 10px;}
.mov-vodlist__detail .title{ font-size: 16px; margin-bottom: 0;}
.mov-vodlist__detail .title.active{ font-size: 16px; margin-bottom: 10px;}
.mov-vodlist__detail .text{ min-height: 19px; font-size: 14px; margin-bottom: 0; margin-top: 5px;}
.mov-vodlist__detail .text-title{ font-size: 14px; line-height: 18px; margin:11px 0 0; height: 36px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.mov-vodlist__ex li a{ display: block; padding: 10px 15px 10px 0;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis; }
.mov-vodlist__ex.active li a{ padding: 10px 0 10px;}
.mov-vodlist__ex.active li:first-child a{ padding-top: 0;}
.mov-vodlist__ex.striped li{ padding: 10px 0 10px;}
.mov-vodlist__ex.striped li a{ display: inline-block; padding: 0;}
.mov-vodlist__ex.striped .striped-head{ padding: 10px; border-radius: 5px;}
.mov-vodlist__ex.to-color li{ padding: 10px; border-radius: 5px;}
.mov-vodlist__ex.to-color li a{ padding: 0;}
.mov-vodlist__ex.downlist{ padding-top: 0;}
.mov-vodlist__ex.downlist li{ padding: 10px 0;}
.mov-vodlist__ex.downlist li .text{ line-height: 30px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.mov-vodlist__ex.downlist li a{ display: inline-block; padding: 0;}
.mov-vodlist__ex.downlist li a.btn{ padding: 4px 12px; margin-left: 10px;}
.mov-pg{margin-bottom:30px}.mov-pg li{display:inline-block;margin-left:10px}
.mov-pg li .num,.mov-pg li a{display:inline-block;padding:5px 15px;border-radius:5px}
.padding-0{ padding: 0 !important;}
.hide,.visible-lg, .visible-md, .visible-sm, .visible-xs, .visible-mi{ display: none !important;}
@media (max-width: 1199px) and (min-width: 992px){
	.hidden-md {display: none!important;}
}
@media (max-width: 991px) and (min-width: 768px){	
	.hidden-sm {display: none !important;}	
}
@media (max-width: 991px){	
	.right-category-wide{display: none !important;}
.mov-vodlist__detail .title.active{ font-size: 14px; margin-bottom: 0;}}
@media (max-width: 767px){	
	body{ font-size: 12px;}	
	h1{ font-size:20px; line-height: 24px;}
	h2{ font-size:18px; line-height: 22px;}
	h3{ font-size:16px; line-height: 20px;}
	h4{ font-size:14px; line-height: 18px;}
	h5{ font-size:12px; line-height: 16px;}
	h6{ font-size:10px; line-height: 14px;}
	.split-line{ height: 12px; margin-left: 5px; margin-right: 5px;}
	.top-line:before,.top-line-dot:before{-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
	.bottom-line:after,.bottom-line-dot:before{ -webkit-transform-origin: 0 100%;transform-origin: 0 100%; -webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
	.m-top-line,.m-top-line-dot,.m-bottom-line,.m-bottom-line-dot{ position: relative;}
	.m-top-line:before,.m-top-line-dot:before{content: " "; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 1px; -webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
	.m-bottom-line:after,.m-bottom-line-dot:before{content: " "; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; -webkit-transform-origin: 0 100%;transform-origin: 0 100%; -webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
	.mov-pannel{ margin-bottom: 10px;}
	.mov-pannel-bg{border-radius: 0;}	
	.mov-pannel-box{ padding:10px 5px;}
	.mov-pannel-box.active{ margin:5px;}
	.mov-pannel_hd{ padding:0 5px 10px;}
	.mov-pannel__hd{ height: 20px;}
	.mov-pannel__hd.active{height: 30px;}
	.mov-pannel__hd .title,.mov-pannel__hd .title a{font-size: 16px;}
	.mov-pannel__hd .title img{ width: 18px; height: 18px; margin-right: 5px; vertical-align: -3px;}
	.mov-pannel__hd .more{ line-height: 20px;}
	.mov-vodlist__tp .tag{ padding: 0 5px;}
	.mov-vodlist__tp .silde-title{ font-size: 12px;}
	.mov-vodlist__detail .title,.mov-vodlist__detail .title.active{margin-bottom: 0; font-size: 12px;}	
	.mov-vodlist__ex li a{ padding:10px 0;}
	.mov-vodlist__ex.downlist li{ padding: 5px 0 0;}
	.mov-content__playlist.column6 li,.mov-content__playlist.column8 li,.mov-content__playlist.column10 li,.mov-content__playlist.column12 li{ width: 25%;}		
	.mov-pg li{float:left;width:20%;margin:0;padding:0 5px 0 5px}
	.mov-pg li a,.mov-pg__box li .num{display:block;padding:5px 0;text-align:center}
	.mov-pg li.page-item{ width: auto; margin-bottom: 5px;}
	.mov-pg li.page-item a{ padding: 5px 15px;}
}












}






.wrap{margin:0 auto;padding-top:5px;}
@media (min-width: 0px) and (max-width: 600px){
    .mb{margin-bottom:4%;}
    .wrap{width:96%;}
    .n10,.movhead .nav-pc-2,.movhead .nav-pc,.movhead .login,.ls,.movhead .search,.ylink,.4ovcdufyx8,.movcontent .desd .des1{display:none;}
    .index-mov li,.movlistl li{width:31.3%;margin-right:1.5%;margin-left:.5%;}
    .index-mov .m3,.movlistl .m3{margin-right:0;}
    .index-mov .imgn{height:0;padding-bottom:140%;}
    .movlistr{display:none;}
    .movlistl .imgn{height:0;padding-bottom:140%;}
    .movlistl .h1, .index-mov .h1{padding-left:.3%;}
    .sy{display:none;}
    .movcontent .pic{float:left;width:38%;height:0;padding-bottom:55%;overflow: hidden;}
    .movcontent .info{margin-left:41%;}
    .movcontent .desd .desmb{display:block;}
    .movcontent .info dd{line-height:22px;height:22px;}
    .movcontent .info dt.name{line-height:26px;height:26px;}
    .movcontent .info dt.desd{line-height:22px;}
    .movcontent .info dl>dd{overflow:auto;white-space:nowrap;}
    .urlli li{min-width:15%;margin:2.4% 2.4% 0 0;}
    .urlli .p2{margin-right:0;}
}
@media (min-width: 601px) and (max-width: 767px){
    .mb{margin-bottom:4%;}
	.wrap{width:96%;}
    .movhead .nav-pc,.movhead .nav-pc-2,.movhead .login,.nav-sh,.ylink,.4ovcdufyx8{display:none;}
    .index-mov li,.movlistl li{width:23.5%;margin-right:1.5%;}
    .index-mov .m5,.movlistl .m5{margin-right:0;}
    .index-mov .imgn{height:0;padding-bottom:140%;}
    .movlistr,.c6{display:none;}
	.movlistl .imgn{height:0;padding-bottom:140%;}
    .movcontent .pic{float:left;width:20%;height:0;padding-bottom:30%;overflow: hidden;}
    .movcontent .info{margin-left:22%;}
    .movcontent .info dd{float:left;width:50%;line-height:24px;height:24px;}
    .movcontent .info dt.name{line-height:26px;height:26px;}
    .movcontent .info dt.desd{line-height:24px;}
    .movcontent .info dl>dd{overflow:auto;white-space:nowrap;}
    .urlli li{min-width:18%;margin:2.5% 2.5% 0 0;}
    .urlli .p2{margin-right:0;}
}
@media (min-width: 768px) and (max-width: 1023px){
    .wrap{width:800px;}
    .mb{margin-bottom:20px;}
    .n8,.c6,.sy-title .more,.movhead .nav-pc,.movhead .nav-mb{display:none;}
    .sjbg2{height:50px;width:50px;background: url(p50.png) no-repeat;}
    .index-mov li{width:18.7%;margin-right:1%;margin-left:.3%;}
    .index-mov .m5{margin-right:0;}
    .index-mov .imgn{height:209px;}
    .index-mov .li-hv:hover .sjbg2{left:45px;top:70px;}
    .movlistl{float:left;width:580px;}
    .movlistr{float:right;width:200px;}
    .movlistl .imgn{height:180px;}
    .movlistl li{width:23.5%;margin-right:1.5%;}
    .movlistl .m4{margin-right:0;}
    .movlistr li{margin-bottom:12px;*margin-bottom:9px;_margin-bottom:11px;}
    .movlistr li a{height:20px;line-height:20px;}
    .movlistr li:nth-child(n+16) {display: none;}
    .movlistl .li-hv:hover .sjbg2{left:40px;top:65px;}
    .movcontent .pic,.movcontent .info{float:left;overflow: hidden;}
    .movcontent .pic{width:160px;height:240px;margin-right:20px;}
    .movcontent .info{width:355px;}
    .movcontent .info dt.name{line-height:24px;height:24px;}
    .movcontent .info dd{line-height:22px;height:22px;}
    .movcontent .info dt.desd{line-height:22px;}
    .urlli li{min-width:71px;margin:10px 10px 0 0;}
    .urlli .p1{margin-right:0;}
}
@media (min-width: 1024px) and (max-width: 1365px){
    .wrap{width:1000px;}
    .mb{margin-bottom:20px;}
    .n8,.c6,.sy-title .more,.movhead .nav-mb{display:none;}
    .sjbg2{height:60px;width:60px;background: url(p60.png) no-repeat;}
    .index-mov li{width:18.7%;margin-right:1%;margin-left:.3%;}
    .index-mov .m5{margin-right:0;}
    .index-mov .imgn{height:261px;}
    .index-mov .li-hv:hover .sjbg2{left:60px;top:100px;}
    .movlistl{float:left;width:760px;}
	.movlistr{float:right;width:220px;}
    .movlistl .imgn{height:250px;}
	.movlistl li{width:23.99%;margin-right:1%;}
    .movlistl .m4{margin-right:0;}
	.movlistr li{margin-bottom:21px;*margin-bottom:18px;_margin-bottom:20px;}
    .movlistr li a{height:20px;line-height:20px;}
    .movlistr li:nth-child(n+16) {display: none;}
    .movlistl .li-hv:hover .sjbg2{left:57px;top:95px;}
    .movcontent .pic,.movcontent .info{float:left;overflow: hidden;}
    .movcontent .pic{width:230px;height:310px;margin-right:20px;}
    .movcontent .info{width:475px;}
    .movcontent .info dt.name{line-height:35px;height:35px;}
    .movcontent .info dd{line-height:30px;height:30px;}
    .movcontent .info dt.desd{line-height:30px;}
    .urlli li{min-width:91px;margin:10px 10px 0 0;}
    .urlli .p1{margin-right:0;}
}
@media (min-width: 1366px) and (max-width: 1599px){
    .wrap{width:1200px; margin:0 auto;}
    .mb{margin-bottom:20px;}
    .n8,.c6,.sy-title .more,.movhead .nav-mb{display:none;}
    .sjbg2{height:70px;width:70px;background: url(p70.png) no-repeat;}
    .index-mov li{width:15.6%;margin-right:1%;}
    .index-mov .m5{margin-right:0;}
    .index-mov .imgn{height:262px;}
    .index-mov .li-hv:hover .sjbg2{left:75px;top:110px;}
    .movlistl{float:left;width:940px;}
    .movlistr{float:right;width:240px;}
    .movlistl .imgn{height:249px;}
    .movlistl li{width:18.99%;margin-right:1%;}
    .movlistl .m4{margin-right:0;}
    .movlistr li{margin-bottom:28px;*margin-bottom:25px;_margin-bottom:27px;}
    .movlistr li a{height:20px;line-height:20px;}
    .movlistr li:nth-child(n+14) {display: none;}
    .movlistl .li-hv:hover .sjbg2{left:75px;top:115px;}
    .movcontent .pic,.movcontent .info{float:left;overflow: hidden;}
    .movcontent .pic{width:230px;height:310px;margin-right:20px;}
    .movcontent .info{width:675px;}
    .movcontent .info dt.name{line-height:35px;height:35px;}
    .movcontent .info dd{line-height:30px;height:30px;}
    .movcontent .info dt.desd{line-height:30px;}
    .urlli li{min-width:111px;margin:10px 10px 0 0;}
    .urlli .p1{margin-right:0;}
    }
@media (min-width: 1600px) {
    .wrap{width:1400px;}
    .mb{margin-bottom:20px;}
    .n8,.c6,.sy-title .more,.movhead .nav-mb{display:none;}
    .sjbg2{height:80px;width:80px;background: url(p80.png) no-repeat;}
    .index-mov li{width:13.2%;margin-right:1%;}
    .index-mov .m5{margin-right:0;}
    .index-mov .imgn{height:260px;}
    .index-mov .li-hv:hover .sjbg2{left:90px;top:135px;}
    .movlistl{float:left;width:1100px;}
    .movlistr{float:right;width:280px;}
    .movlistl .imgn{height:292px;}
    .movlistl li{width:18.99%;margin-right:1%;}
    .movlistl .m4{margin-right:0;}
    .movlistr li{margin-bottom:35px;*margin-bottom:32px;_margin-bottom:34px;}
    .movlistr li a{height:20px;line-height:20px;}
    .movlistr li:nth-child(n+14) {display: none;}
    .movlistl .li-hv:hover .sjbg2{left:90px;top:135px;}
    .movcontent .pic,.movcontent .info{float:left;overflow: hidden;}
    .movcontent .pic{width:230px;height:310px;margin-right:20px;}
    .movcontent .info{width:875px;}
    .movcontent .info dt.name{line-height:35px;height:35px;}
    .movcontent .info dd{line-height:30px;height:30px;}
    .movcontent .info dt.desd{line-height:30px;}
    .urlli li{min-width:131px;margin:10px 10px 0 0;}
    .urlli .p1{margin-right:0;}
    }
@media (max-width: 319px) {
    .wrap{width:320px;}
}  
.sjbg1{display:block;font-size:0px;height:0;line-height:0;width:0;overflow:hidden;border-top:50px solid red;border-left: 50px solid transparent;_border-left-style:dotted;}
.sjbgs{display:block;width:7px;height:5px;overflow: hidden;}
.sjbg3{display:block;width:16px;height:10px;position:absolute;background: url(sj1.png) no-repeat;}
.sjbg2{position: absolute;display:block;}
.bg1{position: absolute;left:0;bottom:0;height:22px;width:100%;background:#000;opacity: 0.6;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
.bz{position: absolute;right:0;bottom:0;padding:0 2%;height:22px;line-height:22px;overflow: hidden;color:#fff;font-size:85%;}
.play-hv{position: absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.li-hv{cursor: pointer;}
.li-hv:hover .play-hv{opacity: 0.6;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);transition: opacity 300ms linear 0s;}
.h1{height:36px;line-height:36px;margin-bottom:15px;font-size:150%;color:#000;border-bottom:2px solid #e5e5e5;}
.h1 a{color: #0785D4;}
.h1 span{border-bottom:2px solid #0785D4;margin-bottom:-2px;height:36px;display:inline-block;position: relative;}
.h1 .more{float:right;font-size:70%;}
.h2{height:40px;line-height:40px;overflow:hidden;margin-bottom:13px;font-size:120%;color:#000;border-bottom:2px solid #e5e5e5;}
.shadow{box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);}
.ico{background: url() no-repeat;}
.filter{opacity: 0.95;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);}
.topall{width:100%;height:60px;background: #0785D4;z-index:9999;_position:absolute;top:0;_top:expression(documentElement.scrollTop+0+'px');left:0;}
.movhead{height:60px;padding-top:0;position: relative;z-index:999;}
.movhead .logo{float:left;width:100px;height:60px;}
.movhead .logo a {
    font-size: 18px;
    color: #fff;
    height: 60px;
    line-height: 60px;
}
.movhead .nav-pc{float:left;}
.movhead .nav-pc li{float:left;}
.movhead .nav-pc li.js1{position: relative;}
.movhead .nav-pc li .navb{font-weight:400;display:block;}
.movhead .nav-pc li .navb a{line-height:60px;color:#fff;font-size:120%;display:block;padding:0 15px;}
.movhead .nav-pc .v .navb a{color:#0785d4}
.movhead .nav-pc .v .navb{background: #fff;}
.movhead .nav-pc .js1 .sjbgs{position: absolute;right:0;top:28px;margin-right:5px;}
.movhead .nav-pc .js1 .sjbgs{background-position: -145px -2px;}
.movhead .nav-pc .v .sjbgs{width:0;}
.movhead .nav-pc .navb a:hover, .movhead .nav-pc li.on .navb a{background: #fff;color:#0785d4}
.movhead .nav-pc .nav-down{position: absolute;border:1px solid #0785d4;border-top:0;left:-1px;top:60px;width:245px;padding:20px 0 5px 15px;background:#fff;display:none;}
.movhead .nav-pc .nav-down li{float:left;text-align:center;padding:0 10px 15px 0;}
.movhead .nav-pc .nav-down li a{font-size:110%;line-height:34px;width:70px;float:left;display:block;border-radius: 3px;}
.movhead .nav-pc .nav-down li a:hover{background: #0785d4;color:#fff;}
.movhead .search{width:200px;margin:0 15px;height:30px;margin-top:15px;float:right;background:#0570AF;position: relative;}
.movhead .search input{border:0 none;}
.movhead .search .input{float:left;border:0;background:transparent;color:#fff;line-height:30px;height:30px;width:160px;padding:0 5px;}
.movhead .search .imgnbt1{float:left;border:0 none;width:30px;height:30px;background-position: -104px 5px;cursor: pointer;}
.movhead .ls{position: relative;float:right;}
.movhead .ls .lsjl{width:180px;border:1px solid #0785d4;border-top:0;position: absolute;top:60px;right:-1px;display:none;padding:10px;background: #fff;display:none;}
.movhead .ls li.js1{display:block;float:left;}
.movhead .login li.js1{position: relative;display:block;float:right;width:22px;height:60px;padding-left:15px;}
.movhead .login .bglogin{display:inline-block;margin-top:18px;width:22px;height:22px;background: url(login.png) no-repeat;}
.movhead .nav-pc-2{float:left;margin-left:15px;}
.movhead .nav-pc-2 li.js1{position: relative;display:block;float:left;padding:0 15px;}
.movhead .nav-pc-2 .js1 .navb{font-size:120%;color:#fff;line-height:60px;float:left;font-weight:400;padding-left:5px;}
.movhead .nav-pc-2 .js1 .pc1bg,.movhead .nav-pc-2 .js1 .pc2bg{display:inline-block;margin-top:19px;float:left;height:24px;overflow:hidden;}
.movhead .nav-pc-2 .js1 .pc1bg{background-position: 0 0;width:22px;}
.movhead .nav-pc-2 .js1 .pc2bg{background-position: -22px 0;width:0;overflow: hidden;}
.movhead .nav-pc-2 .v .pc1bg{width:0;overflow: hidden;}
.movhead .nav-pc-2 .v .pc2bg{background-position: -22px 0;width:22px;}
.movhead .nav-pc-2 li.v{background: #fff;}
.movhead .nav-pc-2 li.v .navb{color:#0785D4;}
.movhead .nav-pc-2 .nav-down-pc{border:1px solid #0785d4;border-top:0;position: absolute;left:-1px;top:60px;width:325px;padding:20px 0 5px 15px;display:none;background:#fff;display:none;}
.movhead .nav-pc-2 .nav-down-pc li{float:left;text-align:center;padding:0 10px 15px 0;}
.movhead .nav-pc-2 .nav-down-pc li a{float:left;display:block;font-size:110%;line-height:34px;width:70px;border-radius: 3px;}
.movhead .nav-pc-2 .nav-down-pc li a:hover{background: #0785d4;color:#fff;}
.movhead .nav-mb{line-height:60px;}
.movhead .nav-mb .nav-sj{float:left;margin-left:3%;}
.movhead .nav-mb li{padding:0 15px;}
.movhead .nav-mb .navb{font-size:120%;color:#fff;line-height:60px;float:left;font-weight:400;padding-left:5px;}
.movhead .nav-mb .nav-sj .pc1bg,.movhead .nav-mb .nav-sj .pc2bg{display:inline-block;margin-top:19px;float:left;height:24px;overflow:hidden;}
.movhead .nav-mb .nav-sj .pc1bg{background-position: 0 0;width:22px;}
.movhead .nav-mb .nav-sj .pc2bg{background-position: -22px 0;width:0;overflow: hidden;}
.movhead .nav-down-mb {width:92%;padding:4%;background:#fff;display:none;position: absolute;left:0;top:60px;}
.movhead .nav-down-mb li{float:left;text-align:center;width:25%;padding:2% 0;font-size:110%;}
.movhead .nav-down-mb li a{display:block;line-height:220%;}
.movhead .nav-down-mb li a.on{background: #0785d4;color:#fff;border-radius: 3px;}
.index-mov li{float:left;}
.index-mov .imgn{width:100%;position: relative;overflow: hidden;}
.index-mov .imgn img{width:100%;height:auto;}
.index-mov .text p{overflow: hidden;}
.index-mov .name{line-height:30px;height:24px;}
.index-mov .zy{color:#999;font-size:85%;line-height:20px;height:20px;}
.movlistl li{float:left;}
.movlistl .imgn{width:100%;position: relative;overflow: hidden;}
.movlistl .imgn img{width:100%;height:auto;}
.movlistl .text p{overflow: hidden;}
.movlistl .name{line-height:30px;height:24px;}
.movlistl .zy{color:#999;font-size:85%;line-height:20px;height:20px;}
.movlistr .qt{float:right;color:#999;}
.movlistr li a{display:block;overflow: hidden;}
.movlistr li .i{background: #cbcbcb;color:#fff;padding:2px 2px;margin-right:5px;}
.movlistr li .i4{background:#0785D4;}
.list-tab{background: #f4f4f4;line-height:40px;}
.list-tab li{float:left;border-right:2px solid #fff;}
.list-tab li a{display:block;padding:0 20px;}
.list-tab li a.on{border-top:2px solid #0785D4;color:#0785D4;}
.movcontent .pic img{width:100%;height:auto;margin-top: 2px;}
.movcontent .info b{font-weight:400;color:#999;}
.movcontent .info dl{color:#333;}
.movcontent .info dt.name{font-size:130%;}
.movcontent .info dt.name,.movcontent .info dd{overflow: hidden;}
.movcontent dt.desd{cursor: pointer;}
.movcontent .desd .aa{color:#0785D4;padding:0 5px;}
.movcontent .desd .des1 .sjbgs{background-position: -240px -13px;display:inline-block;margin-bottom:2px;*margin-bottom:3px;}
.movcontent .desd .des2,.movcontent .desd .cur .des1{display:none;}
.movcontent .desd .cur .des2{display:block;}
.movcontent .desd .aa{color:#0785D4;padding:0 5px;}
.pfrom{height:30px;background: #f4f4f4;}
.pfrom li{float:left;cursor:pointer;padding:0 10px;height:30px;line-height:27px;color:#333;}
.pfrom li.on,.pfrom li:hover{position: relative;margin-top:-3px;border-top:3px solid #0785D4;height:30px;line-height:27px;background: #fff;color:#333;font-weight:600;}
.pfrom li:hover{background: #E8F5FB;color:#0785D4;font-weight:400;}
.pfrom li.on:hover{font-weight:600;background:#fff;color:#333;}
.pfrom ul {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    height: 36px;
    font-size: 0;
}
.pfrom ul li {
    float:unset!important;;
    display:inline-block!important;
    margin-top:0px!important;
    border-top:3px solid #e5e5e5!important;
    vertical-align: top!important;
}
.pfrom ul li.g {
    padding: 0;
    width: 2px;
    background-color: #FFF;
}
.pfrom ul li.on {
    border-top:3px solid #0785D4!important;
}
.urlli li {border:1px solid #dfdfdf;padding-left:1%;padding-right:1%;}
.urlli li {float:left;text-align:center;}
.urlli li a{display:block;height:32px;line-height:32px;color:#0785d4;overflow: hidden;}
.urlli li a:hover{background:#DEEDF5;}
.urlli li a.sel{
    background-color: #0785D4;
    color: #FFF;
}
.plist .info{line-height:22px;margin-top:10px;}
.cxg .text{background: none;padding:0;}
.cxg .text p{padding:0;}
.ncu li{cursor: default;}
.page{text-align: center;}
.page a,.page span,.page em{display:inline-block;font-style: normal;padding:5px 12px;border:1px solid #e4e4e4;margin:0 10px 10px 0;}
.page em{border-color: #0785D4;background:#079BF3;color:#fff;}
.page a:hover{border-color:#0785D4;}
.4ovcdufyx8{background: #f6f6f6;width:100%;margin:0 auto;text-align:center;padding:20px 0;}
li.ptype{
    min-width: 3.3em;
    text-align: center;
}
.pfrom li{
    font-size: 15px;
}
.page_info li {
    display: inline-block;
}
.page_info li.disabled a {
    background-color: #0785D4;
    color: #FFF;
}
.movhidden { display: none }
.movvisible { display: block }
.movhide { display: none!important }
.movshow { display: block!important }
.movpull-left { float: left }
.movshow-kind { display: block }
.movtext-center { text-align: center!important }
.movcol-lg1, .movcol-lg2, .movcol-lg3, .movcol-lg4, .movcol-lg5, .movcol-lg6, .movcol-lg7, .movcol-lg8, .movcol-lg9, .movcol-lg10, .movcol-lg11, .movcol-lg12, .movcol-md1, .movcol-md2, .movcol-md3, .movcol-md4, .movcol-md5, .movcol-md6, .movcol-md7, .movcol-md8, .movcol-md9, .movcol-md10, .movcol-md11, .movcol-md12, .movcol-sm1, .movcol-sm2, .movcol-sm3, .movcol-sm4, .movcol-sm5, .movcol-sm6, .movcol-sm7, .movcol-sm8, .movcol-sm9, .movcol-sm10, .movcol-sm11, .movcol-sm12, .movcol-xs3, .movcol-xs4, .movcol-xs6, .movcol-xs7,  .movcol-xs12 { position: relative; display: block }
.movcol-xs3, .movcol-xs4, .movcol-xs6, .movcol-xs7, .movcol-xs12 { float: left }
.movcol-xs3 { width: 25% }
.movcol-xs4 { width: 33.33333333% }
.movcol-xs6 { width: 50% }
.movcol-xs7 { width: 58.33333333% }
.movcol-xs12 { width: 100% }
@media (max-width:48rem) {
.movhide-xs { display: none!important }
}
@media (min-width:48rem) {
.movpart-case { width: 46.875rem!important }
.movhide-sm { display: none!important }
.movtext-sm-left { text-align: left!important }
.movshow-sm-block { display: block!important }
.movshow-sm-inline { display: inline!important }
.movcol-sm1, .movcol-sm2, .movcol-sm3, .movcol-sm4, .movcol-sm5, .movcol-sm6, .movcol-sm7, .movcol-sm8, .movcol-sm9, .movcol-sm10, .movcol-sm11, .movcol-sm12 { float: left }
.movcol-sm2 { width: 16.66666667% }
.movcol-sm3 { width: 25% }
.movcol-sm8 { width: 66.66666667% }
}
@media (min-width:62rem) {
.movpart-case { width: 60.625rem!important }
.movshow-md-block { display: block!important }
.movcol-md1, .movcol-md2, .movcol-md3, .movcol-md4, .movcol-md5, .movcol-md6, .movcol-md7, .movcol-md8, .movcol-md9, .movcol-md10, .movcol-md11, .movcol-md12 { float: left }
.movcol-md1 { width: 8.33333333% }
.movcol-md2 { width: 16.66666667% }
.movcol-md3 { width: 25% }
.movcol-md4 { width: 33.33333333% }
.movcol-md5 { width: 41.66666667% }
.movcol-md6 { width: 50% }
.movcol-md7 { width: 58.33333333% }
.movcol-md8 { width: 66.66666667% }
.movcol-md9 { width: 75% }
.movcol-md10 { width: 83.33333333% }
.movcol-md12 { width: 100% }
}
@media (min-width:75rem) {
.movpart-case { width: 87.125rem!important }
}
.movmargin { margin: .3125rem }
.movmart-v { margin-right: 5px }
.movmatp-v { margin-top: 5px }
.movpadding, .movpadding-v { padding: .3125rem }
.movmin-width { min-width: 20rem }
.movfont-size { font-size: 0 }
.movfont-xii { font-size: .75rem!important }
.movfont-xiv { font-size: .875rem!important }
.movfont-xvi { font-size: 1rem!important }
.movfont-xviii { font-size: 1.125rem!important }
.movfont-xxiv { font-size: 1.5rem!important }
.movback-whits { background-color: #fff!important; color: #333!important }
.movback-black, .movback-green { background-color: #1e1e1e!important; color: #fff!important }
.movback-green { background-color: #ff5f00!important }
.movback-ashen { background-color: #f7f7f7!important; color: #333!important }
.movback-gules { background-color: #ff0d29!important; color: #fff!important }
.movtext-bold { font-weight: 700 }
.movtext-line { line-height: 1.125rem }
.movtext-white { color: #fff!important }
.movtext-black { color: #333!important }
.movtext-muted { color: #666!important }
.movtext-green { color: #ff5f00!important }
.movline-bottom:after, .movline-top:before { position: absolute; left: 0; right: 0; z-index: 99; content: ""; height: .0625rem; transform-origin: 0 0; transform: scaleY(.5) }
.movline-top:before { top: 0; border-top: .0625rem solid #e2e2e2 }
.movedge-bottom { top: .125rem; border-top-color: #999; border-top-style: solid }
.movbtns-info { padding: .5rem 0; color: #666; line-height: 1.125rem; text-align: center; cursor: pointer }
.movbtns-info:hover { border-color: #ff5f00!important; opacity: .8; filter: alpha(opacity=80) }
.movbtns-green, .movbtns-gules, .movbtns-info:hover { background-color: #ff5f00!important; color: #fff!important }
.movrims-info { border: .0625rem solid #e2e2e2; border-radius: .1875rem }
.movpart-case { position: relative; margin: 0 auto }
.movpart-layout { padding: .3125rem; margin-top: .625rem }
.movpart-rows { position: relative; overflow: hidden }
.movpart-both:after, .movpart-rows:after, .movpart-rows:before { content: ""; display: block; clear: both }
.movpart-over { overflow: visible }
.movpart-curs { cursor: pointer }
.movpart-tips { position: absolute; right: .9375rem }
.movpart-3by2, .movpart-5by2 { padding-top: 45% }
.movpart-2by3 { padding-top: 150% }
.movpart-nums { position: relative; top: -.0625rem; font-size: .75rem; padding: .0625rem .3125rem; border-radius: .125rem; margin-right: .3125rem; color: #fff; background-color: #cacaca }
.movpart-num1 { background-color: #ff0d29!important }
.movpart-num2 { background-color: #ff920b!important }
.movpart-num3 { background-color: #ffc600!important }
.movpart-roun { border-radius: 100% }
.movpart-eone { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.movpart-esan { overflow: hidden; text-overflow: ellipsis; display: -webkit-box!important; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.movpart-esan { -webkit-line-clamp: 3 }
.movanim { animation-duration: .3s; animation-fill-mode: both }
.movanim-upbit { animation-name: movanim-upbit }
.movmovhead-info { position: fixed; top: 0; width: 100%; height: 3.125rem; z-index: 1000 }
.movmovhead-info .movicon-font { font-size: 1.25rem }
.movmenu-info { position: absolute; top: 0; left: 0; z-index: 1 }
.movmenu-info .movmenu-logo { padding: .3125rem .625rem; margin-right: .9375rem }
.movmenu-info .movmenu-title { line-height: 3.125rem }
.movmovhead-info .movpops-btns { position: absolute; top: .0625rem; right: 0; bottom: .0625rem; width: 2.375rem; height: 2.375rem; line-height: 2.375rem; z-index: 1; box-shadow: -.3125rem 0 .3125rem -.3125rem rgba(0, 0, 0, .1) }
.movmovhead-info .movpops-list li { position: relative; line-height: 2.1875rem }
.movmovhead-info .movpops-list a { display: block; padding: 0 .9375rem; font-size: .875rem; height: 2.25rem; line-height: 2.25rem }
.movmovhead-info .movpops-navbar { position: fixed; width: 100%; top: 2.5rem }
.movmovhead-info .movpops-navbar ul { padding: 0 .625rem; white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch }
.movmovhead-info .movpops-navbar li { margin-right: .9375rem; display: inline-block }
.movmovhead-info .movpops-navbar li:last-child { margin-right: 3.125rem }
.movmovhead-info .movpops-navbar li a { padding: 0; height: 2.5rem; line-height: 2.5rem }
.movmovhead-info .movpops-navbar .movthis a { color: #ff5f00; font-weight: 700 }
.movmovhead-info .movpops-navbar .movthis a:before { content: ""; position: absolute; left: 50%; bottom: 0; width: .75rem; height: .25rem; border-radius: 3.125rem; background-color: #ff5f00; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 10 }
.movmovhead-info .movpops-channel { position: absolute; top: .625rem; background: #fff; width: 100%; padding: 0 .625rem; line-height: 2.5rem }
.movmovhead-info .movpops-search { position: relative; z-index: 99 }
.movmovhead-info .movpops-search .movpops-case { background-color: #f6f6f6 }
.movmovhead-info .movpops-search .movpops-key .movpops-title, .movmovhead-info .movpops-search .movpops-rec { margin-bottom: .625rem }
.movmovhead-info .movpops-search .movpops-hot ul, .movmovhead-info .movpops-search .movpops-rec ul { padding: .5rem 0; font-size: 0 }
.movlist-movhead li { display: inline-block }
.movswip-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex }
.movswip-slide { position: relative; width: 100%; height: 100%; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0 }
.movswip-title { position: absolute; bottom: 0; padding: 1.875rem .625rem .625rem; width: 100%; background-image: linear-gradient(transparent, rgba(0, 0, 0, .6)) }
.movswip-movhead { margin-bottom: .3125rem }
.movpage-info { padding: 1.25rem 0 .9375rem }
.movpage-info a, .movpage-info input { padding: .5rem; margin: .125rem }
.movpage-info input { margin-top: 15px; width: 150px; background-color: #eee }
.movdrop-info .movdrop-tops { border-top: 1px solid #eee; padding-top: 5px }
.movlist-movhead { line-height: 1.5rem }
.movlist-movhead h2 a { margin-right: .3125rem }
.movlist-movhead .movpart-tips { top: 0; right: 0 }
.movlist-movhead .movmore { padding-right: 0; margin-right: .3125rem }
.movlist-info .movlist-play { position: absolute; display: none; top: 0; width: 100%; height: 100% }
.movlist-info .movlist-pics:hover .movlist-play { display: block }
.movlist-info .movlist-score { position: absolute; top: .3125rem; left: -.3125rem; padding: 0 .3125rem }
.movlist-info .movlist-score:before { content: ""; position: absolute; left: .0625rem; bottom: -.25rem; border-top: .25rem solid #ff5f00; border-left: .25rem solid transparent }
.movlist-info .movlist-remarks { position: absolute; bottom: 0; width: 100%; padding: .3125rem 0; background-image: linear-gradient(transparent, rgba(0, 0, 0, .5)) }
.movlist-info .movlist-title { margin-top: .375rem; line-height: 1.125rem }
.movlist-info .movlist-desc { margin-top: .3125rem; line-height: 1rem }
.movlist-pics { position: relative; display: block; width: 100%; height: 0; background: url(); background-position: 50% 50%; background-size: cover }
.movlist-play { position: absolute; display: none; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3) url() center no-repeat }
.movdeta-info .movdeta-images { width: 7.5rem }
.movdeta-info .movdeta-content { position: absolute; left: 8.125rem }
.movdeta-info .movdeta-content li { padding-top: .3125rem; line-height: 1.375rem }
.movdeta-info .movdeta-button { position: absolute; left: 8.125rem; bottom: .3125rem }
.movdeta-info .movdeta-play { margin-right: .625rem; width: 6.25rem }
.movlist-rank li { padding: .9375rem 2.5rem 0 1.25rem; line-height: 1.125rem }
.movlist-rank .movlist-movhead { padding: 0; margin: 0 }
.movlist-rank .movlist-ones { padding-top: .9375rem }
.movlist-rank .movpart-tips { right: 0 }
@media (max-width:47.9375rem) {
body { padding-bottom: 3.4375rem }
.movmovhead-info .movpops-navbar { display: block!important }
}
@media (min-width:48rem) {
.movmart-v { margin-right: 15px }
.movmargin { margin: .625rem }
.movpadding { padding: .625rem }
.movbox-shadow { box-shadow: 0 .0625rem .25rem rgba(0, 0, 0, .1) }
.movpart-layout { padding: .9375rem; margin-top: 1.25rem ;width: 1200px; margin: auto;}
.movmovhead-info { height: 5rem }
.movmenu-info { z-index: 1 }
.movmenu-info .movmenu-logo { padding: .9375rem 0; width: 7.5rem }
.movmenu-info .movmenu-logo img { width: 7.5rem; height: 3.125rem }
.movmenu-info .movmenu-title { line-height: 5rem; padding: 0 .625rem }
.movmovhead-info .movpops-navbar { -webkit-animation-name: movanim-upbit; animation-name: movanim-upbit; position: relative; top: 0 }
.movmovhead-info .movpops-navbar .movthis a:before { width: 0 }
.movmovhead-info .movpops-navbar ul { padding: 0; margin: 0 }
.movmovhead-info .movpops-navbar li, .movmovhead-info .movpops-navbar li:last-child { margin: 0 }
.movmovhead-info .movpops-search { margin-left: 7.1875rem; padding: 0 11.875rem 0 15%; z-index: 0 }
.movmovhead-info .movpops-navbar .movpops-list { border-top: .03125rem solid #e2e2e2 }
.movmovhead-info .movpops-navbar .movpops-list li a { text-align: center; height: 3.125rem; line-height: 3.125rem; border-right: .03125rem solid #e2e2e2; border-bottom: .03125rem solid #e2e2e2 }
.movswip-title { padding: 1.875rem 1.25rem 1.25rem }
.movdeta-info .movdeta-images { width: 8.75rem }
.movdeta-info .movdeta-button, .movdeta-info .movdeta-content { left: 9.6875rem }
.movlist-movhead h2 { font-size: 1.125rem }
.movlist-movhead li a { padding: 0 .625rem }
.movlist-movhead .movmore { margin-right: 0 }
.movcasc-movhead { position: absolute; background-color: #f4f3f3; z-index: 99; top: 0; left: 0; width: 7.5rem; height: 100%; overflow: auto }
.movcasc-movhead a { display: block; padding: .9375rem 0; border-bottom: .0625rem solid #e2e2e2 }
.movpage-info a, .movpage-info input { padding: .625rem .9375rem; margin: .125rem .25rem }
.movpage-info input { margin-top: 0; width: 90px }
.movtabs-info .movtabs-btns { font-size: 1.125rem }
.movdrop-info .movpadding { padding: .3125rem }
.movdrop-info .movdrop-boxs { padding: 5px }
}
@media (min-width:62rem) {
.movpart-3by2 { padding-top: 57.79% }
.movmovhead-info .movpops-search { padding: 0 11.875rem 0 39% }
.movlist-rank { padding-top: 1.125rem }
}
@media (min-width:75rem) {
.movmovhead-info .movpops-search { padding: 0 11.875rem 0 48% }
.movlist-rank { padding-top: 1.25rem }
.movlist-rank li { padding-top: 1rem }
}
* { margin: 0; padding: 0; box-sizing: border-box; font-family: Helvetica, Arial, Microsoft Yahei, sans-serif; -webkit-tap-highlight-color: transparent }
a { color: #333; text-decoration: none }
p { line-height: 1.5rem }
li { list-style: none;float:left;width:80px; }
.movicon-font, em, i { font-style: normal }
hr, img { border: 0 }
hr { margin: .625rem 0; height: .0625rem; border-bottom: .0625rem solid #e2e2e2; transform: scaleY(.5); transform-origin: 0 0 }
img { display: inline-block; vertical-align: middle }
body { padding: 5rem 0 0; overflow-y: scroll; background-color: #f5f5f5; font-size: .875rem }
h1, h2, h3, h4, h5, h6 { font-weight: 400 }
.movhidden { display: none }
.movvisible { display: block }
.movhide { display: none!important }
.movshow { display: block!important }
.movpull-left { float: left }
.movshow-kind { display: block }
.movtext-center { text-align: center!important }
.movcol-lg1, .movcol-lg2, .movcol-lg3, .movcol-lg4, .movcol-lg5, .movcol-lg6, .movcol-lg7, .movcol-lg8, .movcol-lg9, .movcol-lg10, .movcol-lg11, .movcol-lg12, .movcol-md1, .movcol-md2, .movcol-md3, .movcol-md4, .movcol-md5, .movcol-md6, .movcol-md7, .movcol-md8, .movcol-md9, .movcol-md10, .movcol-md11, .movcol-md12, .movcol-sm1, .movcol-sm2, .movcol-sm3, .movcol-sm4, .movcol-sm5, .movcol-sm6, .movcol-sm7, .movcol-sm8, .movcol-sm9, .movcol-sm10, .movcol-sm11, .movcol-sm12, .movcol-xs1, .movcol-xs2, .movcol-xs3, .movcol-xs4, .movcol-xs5, .movcol-xs6, .movcol-xs7, .movcol-xs8, .movcol-xs9, .movcol-xs10, .movcol-xs11, .movcol-xs12 { position: relative; display: block }
.movcol-xs1, .movcol-xs2, .movcol-xs3, .movcol-xs4, .movcol-xs5, .movcol-xs6, .movcol-xs7, .movcol-xs8, .movcol-xs9, .movcol-xs10, .movcol-xs11, .movcol-xs12 { float: left }
.movcol-xs3 { width: 25% }
.movcol-xs4 { width: 33.33333333% }
.movcol-xs6 { width: 50% }
.movcol-xs7 { width: 58.33333333% }
.movcol-xs12 { width: 100% }
@media (max-width:48rem) {
.movhide-xs { display: none!important }
}
@media (min-width:48rem) {
.movpart-case { width: 46.875rem!important }
.movhide-sm { display: none!important }
.movtext-sm-left { text-align: left!important }
.movshow-sm-block { display: block!important }
.movshow-sm-inline { display: inline!important }
.movcol-sm1, .movcol-sm2, .movcol-sm3, .movcol-sm4, .movcol-sm5, .movcol-sm6, .movcol-sm7, .movcol-sm8, .movcol-sm9, .movcol-sm10, .movcol-sm11, .movcol-sm12 { float: left }
.movcol-sm2 { width: 16.66666667% }
.movcol-sm3 { width: 25% }
.movcol-sm8 { width: 66.66666667% }
}
@media (min-width:62rem) {
.movpart-case { width: 60.625rem!important }
.movshow-md-block { display: block!important }
.movcol-md1, .movcol-md2, .movcol-md3, .movcol-md4, .movcol-md5, .movcol-md6, .movcol-md7, .movcol-md8, .movcol-md9, .movcol-md10, .movcol-md11, .movcol-md12 { float: left }
.movcol-md2 { width: 16.66666667% }
.movcol-md3 { width: 25% }
.movcol-md4 { width: 33.33333333% }
.movcol-md5 { width: 41.66666667% }
.movcol-md6 { width: 50% }
.movcol-md7 { width: 58.33333333% }
.movcol-md8 { width: 66.66666667% }
.movcol-md9 { width: 75% }
.movcol-md10 { width: 83.33333333% }
.movcol-md12 { width: 100% }
}
@media (min-width:75rem) {
.movpart-case { width: 86.125rem!important }
}
.movmargin { margin: .3125rem }
.movmart-v { margin-right: 5px }
.movmatp-v { margin-top: 5px }
.movpadding, .movpadding-v { padding: .3125rem }
.movmin-width { min-width: 20rem }
.movfont-size { font-size: 0 }
.movfont-xii { font-size: .75rem!important }
.movfont-xiv { font-size: .875rem!important }
.movfont-xvi { font-size: 1rem!important }
.movfont-xviii { font-size: 1.125rem!important }
.movfont-xxiv { font-size: 1.5rem!important }
.movback-whits { background-color: #fff!important; color: #333!important }
.movback-black, .movback-green { background-color: #1e1e1e!important; color: #fff!important }
.movback-green { background-color: #ff5f00!important }
.movback-ashen { background-color: #f7f7f7!important; color: #333!important }
.movback-gules { background-color: #ff0d29!important; color: #fff!important }
.movtext-bold { font-weight: 700 }
.movtext-line { line-height: 1.125rem }
.movtext-white { color: #fff!important }
.movtext-black { color: #333!important }
.movtext-muted { color: #666!important }
.movtext-green { color: #ff5f00!important }
.movline-bottom:after, .movline-top:before { position: absolute; left: 0; right: 0; z-index: 99; content: ""; height: .0625rem; transform-origin: 0 0; transform: scaleY(.5) }
.movline-top:before { top: 0; border-top: .0625rem solid #e2e2e2 }
.movedge-bottom { top: .125rem; border-top-color: #999; border-top-style: solid }
.movbtns-info { padding: .5rem 0; color: #666; line-height: 1.125rem; text-align: center; cursor: pointer }
.movbtns-info:hover { border-color: #ff5f00!important; opacity: .8; filter: alpha(opacity=80) }
.movbtns-green, .movbtns-gules, .movbtns-info:hover { background-color: #ff5f00!important; color: #fff!important }
.movform-area { padding: .625rem; line-height: 1.25rem }.movrims-info { border: .0625rem solid #e2e2e2; border-radius: .1875rem }
.movpart-case { position: relative; margin: 0 auto }
.movpart-layout { padding: .3125rem; margin-top: .625rem }
.movpart-rows { position: relative; overflow: hidden }
.movpart-both:after, .movpart-rows:after, .movpart-rows:before { content: ""; display: block; clear: both }
.movpart-over { overflow: visible }
.movpart-curs { cursor: pointer }
.movpart-tips { position: absolute; right: .9375rem }
.movpart-3by2, .movpart-5by2 { padding-top: 45% }
.movpart-2by3 { padding-top: 150% }
.movpart-2by4{height:162px; object-fit: cover; }
.movpart-nums { position: relative; top: -.0625rem; font-size: .75rem; padding: .0625rem .3125rem; border-radius: .125rem; margin-right: .3125rem; color: #fff; background-color: #cacaca }
.movpart-num1 { background-color: #ff0d29!important }
.movpart-num2 { background-color: #ff920b!important }
.movpart-num3 { background-color: #ffc600!important }
.movpart-roun { border-radius: 100% }
.movpart-eone { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.movpart-esan { overflow: hidden; text-overflow: ellipsis; display: -webkit-box!important; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.movpart-esan { -webkit-line-clamp: 3 }
.movanim { animation-duration: .3s; animation-fill-mode: both }
.movanim-upbit { animation-name: movanim-upbit }
.movlist-info .movlist-play { position: absolute; display: none; top: 0; width: 100%; height: 100% }
.movlist-info .movlist-pics:hover .movlist-play { display: block }
.movlist-info .movlist-score { position: absolute; top: .3125rem; left: -.3125rem; padding: 0 .3125rem }
.movlist-info .movlist-score:before { content: ""; position: absolute; left: .0625rem; bottom: -.25rem; border-top: .25rem solid #ff5f00; border-left: .25rem solid transparent }
.movlist-info .movlist-remarks { position: absolute; bottom: 0; width: 100%; padding: .3125rem 0; background-image: linear-gradient(transparent, rgba(0, 0, 0, .5)) }
.movlist-info .movlist-title { margin-top: .375rem; line-height: 1.125rem }
.movlist-info .movlist-desc { margin-top: .3125rem; line-height: 1rem }
.movlist-pics { 
    position: relative; 
    display: block; 
    width: 100%;
    height: 0;
    background-position: 50% 50%; 
    background-size: cover 
}
.movlist-play { position: absolute; display: none; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3) url() center no-repeat }
.movlist-rank li {line-height: 1.125rem }
.movlist-rank .movlist-movhead { padding: 0; margin: 0 }
.movlist-rank .movpart-tips { right: 0 }
@media (min-width:48rem) {
.movmart-v { margin-right: 15px }
.movmargin { margin: .625rem }
.movpadding { padding: .625rem }
.movbox-shadow { box-shadow: 0 .0625rem .25rem rgba(0, 0, 0, .1) }
.movpart-layout { padding: .9375rem; margin-top: 0.15rem }
.movlist-movhead h2 { font-size: 1.125rem }
.movlist-movhead li a { padding: 0 .625rem }
.movlist-movhead .movmore { margin-right: 0 }
.movcasc-movhead { position: absolute; background-color: #f4f3f3; z-index: 99; top: 0; left: 0; width: 7.5rem; height: 100%; overflow: auto }
.movcasc-movhead a { display: block; padding: .9375rem 0; border-bottom: .0625rem solid #e2e2e2 }
.movpage-info a, .movpage-info input { padding: .625rem .9375rem; margin: .125rem .25rem }
.movpage-info input { margin-top: 0; width: 90px }
.movtabs-info .movtabs-btns { font-size: 1.125rem }
.movdrop-info .movpadding { padding: .3125rem }
.movdrop-info .movdrop-boxs { padding: 5px }
.icon { display: block; height: 20px; width: 20px; margin: 25px auto 2px; opacity: .6;transition: opacity 50ms ease-in; background: url(quick.png);vertical-align: -1px;color: inherit;font-size: 16px;}
.icon_upload { background-position: 0 -395px;}
}
@media (min-width:62rem) {
.movpart-3by2 { padding-top: 57.79% }
}
@media (min-width:75rem) {
.movlist-rank li { padding-top: 1rem }
}
.pic-tag-h, .pic-tag.active { background: linear-gradient(to right,#ff850b 0,#ff5945 100%); color: #FFF;}
.pic-tag {background-color: rgba(0,0,0,.6);color: #FFF;}
.pic-tag-h { left: 0; top: 0; padding: 4px 8px;border-radius: 0 0 8px 0;}
.pic-tag {position: absolute;z-index: 99;font-size: 12px; border-radius: 2px;}
@media (max-width:1024px){
	body{padding-top:0px !important;background-color: #111c2e;}
}
.text-muted{ color: #999999;}
.pic-tag{ background-color: rgba(0,0,0,0.6); color: #FFFFFF;}
.pic-tag.active,.pic-tag-h{ background-color: #FF9900; color: #FFFFFF;}
.playlistmov li a{ border: 1px solid #EEEEEE;}
.playlistmov li a:hover,.playlistmov li.active a{ border: 1px solid #FF9900; background-color: #FF9900; color: #FFFFFF;}
.containermov {position: relative; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.row{position: relative; margin-right: -15px; margin-left: -15px;}
.containermov:before,.containermov:after,.row:before,.row:after,.zty1gr4nms:before, .zty1gr4nms:after{ display: table; content: " "; clear: both;}
@media (max-width: 767px){[class*=col-]{padding:5px}}
.icon{ font-size: 16px; vertical-align: -1px;}
.text-center{ text-align: center;}
.text-left{ text-align: left;}
img{border: 0; vertical-align:middle}
.top-line,.top-line-dot,.bottom-line,.bottom-line-dot{ position: relative;}
.top-line:before,.top-line-dot:before{content: " "; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 1px;}
.tag{ padding-left: 10px;}
.tag li{ float: left;}
.pull-left{ float: left !important;}
.block{ display: block !important;}
.hide{ display: none !important;}
@media (max-width: 991px){	
	.playlistmov{ -webkit-overflow-scrolling : touch;}
	.playlistmov.column8 li{ width: 20%;}
}
@media (max-width: 767px){	
	body{ font-size: 12px;}	
	h1{ font-size:20px; line-height: 24px;}
	h2{ font-size:18px; line-height: 22px;}
	h3{ font-size:16px; line-height: 20px;}
	h4{ font-size:14px; line-height: 18px;}
	h5{ font-size:12px; line-height: 16px;}
	h6{ font-size:10px; line-height: 14px;}
	.playlistmov li a{padding:5px 10px;font-size:12px}
	.playlistmov.column8 li{ width: 25%;}		
}