@charset "UTF-8";
body, html {
  font-style: "Microsoft Yahei", "微软雅黑"; }

html, body {
  margin: 0;
  font: 13px/21px "微软雅黑"; }

dd, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, ul {
  margin: 0;
  padding: 0; }

fieldset, img {
  border: none; }

li {
  list-style: none; }

img, input, select {
  vertical-align: middle; }

input, select, textarea {
  font-size: 13px; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

div, dl, ul {
  zoom: 1; }

div:after, dl:after, ul:after {
  content: "";
  display: block;
  clear: both;
  height: 0; }

img {
  -webkit-transform: scale(1) rotate(0deg) translate3d(0, 0, 0);
  transform: scale(1) rotate(0deg) translate3d(0, 0, 0); }

/*线上效果设置*/
.layout-980 .col-12 {
  margin-left: 0 !important; }

.cms-block .cms-component {
  margin-bottom: 0 !important; }

.template-player-wrap {
  padding-top: 0 !important; }

.layout-1400 .col-12 {
  margin-left: 0 !important; }

/*透明色底部导航条样式*/
.footerN1214 .footmenu a {
  color: white; }

.footerN1214 .footmenu a:hover {
  color: #4c7d08; }

.footerN1214 {
  background-color: #292828 !important; }

.template-player-ls .play-zongyiWrap {
  padding: 6px;
  background-color: #ffc16b !important; }

/* ----------------------------------------------------------------
 * basic for kszt
 */
html {
  min-width: 1400px; }

body {
  background: url(http://static-s.iqiyi.com/2019012511000new_year/20190125/background-img.jpg) top center no-repeat;
  min-width: 1400px;
  background-position-y: 45px; }

.cms-wrapper {
  position: relative;
  background: url("http://static-s.iqiyi.com/201901281000NewYear/20190128/head-img.jpg") top center no-repeat;
  min-width: 1400px;
  overflow: hidden; }

.sec-cover {
  width: 2000px;
  height: 910px;
  overflow: hidden;
  background: url("http://static-s.iqiyi.com/201901251004new_year/20190125/cover-bg1.jpg") top center no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1000px;
  z-index: 100;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .sec-cover img {
    display: block;
    position: absolute; }
  .sec-cover .cover-center {
    width: 1227px;
    height: 639px;
    bottom: 278px;
    left: 50%;
    margin-left: -613px; }
  .sec-cover .cover-cloud-small {
    width: 658px;
    height: 159px;
    bottom: 322px;
    left: 50%;
    margin-left: -329px; }
  .sec-cover .cover-cloud {
    width: 2000px;
    height: 525px;
    bottom: 322px;
    left: 50%;
    margin-left: -1000px; }
  .sec-cover .cover-ground {
    width: 2000px;
    height: 518px;
    bottom: 0;
    left: 50%;
    margin-left: -1000px; }
  .sec-cover .cover-cloud-left {
    width: 759px;
    height: 563px;
    left: 91px;
    top: 46px; }
  .sec-cover .cover-cloud-right {
    width: 874px;
    height: 552px;
    right: 34px;
    top: 17px; }
  .sec-cover .cover-fish-left1 {
    width: 393px;
    height: 353px;
    left: 475px;
    top: 292px; }
  .sec-cover .cover-fish-left2 {
    width: 137px;
    height: 194px;
    left: 286px;
    top: 147px; }
  .sec-cover .cover-fish-right1 {
    width: 363px;
    height: 342px;
    right: 474px;
    top: 273px; }
  .sec-cover .cover-fish-right2 {
    width: 180px;
    height: 126px;
    right: 246px;
    top: 110px; }
  .sec-cover .cover-light {
    width: 1365px;
    height: 246px;
    top: 0;
    left: 50%;
    margin-left: -682px; }

.dis_active.sec-cover {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); }

.active_cover.sec-cover {
  -webkit-transform: translateY(0);
  transform: translateY(0); }
  .active_cover.sec-cover .cover-ground {
    -webkit-animation: up_action 1s 0.5s both;
    animation: up_action 1s 0.5s both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .active_cover.sec-cover .cover-cloud {
    -webkit-animation: up_action2 1s 0.7s both;
    animation: up_action2 1s 0.7s both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .active_cover.sec-cover .cover-cloud-small {
    -webkit-animation: up_action1 1s 0.9s both;
    animation: up_action1 1s 0.9s both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .active_cover.sec-cover .cover-center {
    -webkit-animation: up_action2 1s 1.1s both;
    animation: up_action2 1s 1.1s both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .active_cover.sec-cover .cover-light {
    -webkit-animation: down_action 1s 1.3s both;
    animation: down_action 1s 1.3s both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .active_cover.sec-cover .cover-cloud-left {
    -webkit-animation: leftAppear 1s 1.7s both;
    animation: leftAppear 1s 1.7s both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom; }
  .active_cover.sec-cover .cover-cloud-right {
    -webkit-animation: rightAppear 1s 1.7s both;
    animation: rightAppear 1s 1.7s both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom; }
  .active_cover.sec-cover .cover-fish-left1 {
    -webkit-animation: rightAppear 1s 2s both;
    animation: rightAppear 1s 2s both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .active_cover.sec-cover .cover-fish-right1 {
    -webkit-animation: leftAppear 1s 2s both;
    animation: leftAppear 1s 2s both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .active_cover.sec-cover .cover-fish-left2 {
    -webkit-animation: left_bottom 1s 2s both;
    animation: left_bottom 1s 2s both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .active_cover.sec-cover .cover-fish-right2 {
    -webkit-animation: right_bottom 1s 2s both;
    animation: right_bottom 1s 2s both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

/* ----------------------------------------------------------------
 * for head-img
 */
.sec-head {
  width: 1100px;
  height: 400px;
  margin: 0 auto;
  position: relative; }
  .sec-head img {
    display: block;
    position: absolute; }
  .sec-head .button-up {
    width: 82px;
    height: 171px;
    right: 26px;
    top: 0;
    -webkit-animation: rotate_action 4s both infinite;
    animation: rotate_action 4s both infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%; }
  .sec-head .watch-more {
    width: 131px;
    height: 35px;
    background-color: #ffc16b;
    border-radius: 8px;
    position: absolute;
    right: 83px;
    bottom: -5px; }
    .sec-head .watch-more img {
      width: 111px;
      height: 20px;
      top: 6px;
      left: 50%;
      margin-left: -55px; }
  .sec-head .watch-more:hover {
    -webkit-animation: horizontal 1s ease-in-out both infinite;
    animation: horizontal 1s ease-in-out both infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

/* ----------------------------------------------------------------
 * for player
 */
.sec-player {
  width: 990px;
  height: 510px;
  margin: 0 auto;
  background-color: black; }

/* ----------------------------------------------------------------
 * for section1
 */
.section1 {
  width: 1100px;
  height: 666px;
  position: relative;
  margin: 0 auto; }
  .section1 .sec1-head {
    width: 1100px;
    height: 200px;
    position: relative; }
    .section1 .sec1-head .sec-light {
      width: 438px;
      height: 103px;
      background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/light.gif") top center no-repeat;
      position: absolute;
      bottom: 92px;
      left: 50%;
      margin-left: -205px; }
    .section1 .sec1-head .sec1-title {
      width: 703px;
      height: 196px;
      position: absolute;
      background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/sec1-title.png") top center no-repeat;
      bottom: 0;
      left: 50%;
      margin-left: -382px; }
  .section1 .sec1-content {
    width: 1100px;
    height: 466px;
    background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/sec1-content.png") top center no-repeat;
    position: relative; }
    .section1 .sec1-content .playlist-content {
      width: 1028px;
      height: 416px;
      overflow: hidden;
      position: absolute;
      top: 23px;
      left: 50%;
      margin-left: -514px; }
      .section1 .sec1-content .playlist-content ul {
        width: 20000px;
        height: 489px;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        .section1 .sec1-content .playlist-content ul .unLoad {
          width: 1048px;
          height: 416px;
          float: left; }
          .section1 .sec1-content .playlist-content ul .unLoad li {
            width: 243px;
            height: 198px;
            float: left;
            margin-bottom: 20px;
            margin-right: 19px; }
            .section1 .sec1-content .playlist-content ul .unLoad li img {
              display: block;
              width: 243px;
              height: 151px;
              background-color: black; }
            .section1 .sec1-content .playlist-content ul .unLoad li p {
              display: block;
              width: 243px;
              height: 47px;
              padding-left: 10px;
              padding-right: 10px;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              font: 14px/47px "微软雅黑","Microsoft Yahei";
              text-align: center;
              background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/word-bg.png") top center no-repeat;
              color: #933517;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              -webkit-transition: all 0.5s;
              transition: all 0.5s; }
          .section1 .sec1-content .playlist-content ul .unLoad li:hover p {
            font: 14px/18px "微软雅黑", "Microsoft Yahei";
            text-align: center;
            background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/word-bg-hover.png") top center no-repeat;
            color: #fff;
            padding-top: 8px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal; }
    .section1 .sec1-content .arrow_left {
      left: 0;
      top: 211px; }
    .section1 .sec1-content .arrow_right {
      right: 0;
      top: 211px; }

.arrow_left, .arrow_right {
  display: block;
  width: 24px;
  height: 46px;
  position: absolute;
  cursor: pointer; }

.arrow_left {
  background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/arrow-left.png") top center no-repeat; }

.arrow_left:hover {
  background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/arrow-left-hover.png") top center no-repeat; }

.arrow_right {
  background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/arrow-right.png") top center no-repeat; }

.arrow_right:hover {
  background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/arrow-right-hover.png") top center no-repeat; }

/* ----------------------------------------------------------------
 * for section2
 */
.section2 {
  width: 1100px;
  height: 858px;
  position: relative;
  margin: 0 auto; }
  .section2 .sec2-head {
    width: 1100px;
    height: 300px;
    position: relative; }
    .section2 .sec2-head .sec2-title {
      width: 421px;
      height: 183px;
      background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/sec2-title.png") top center no-repeat;
      position: absolute;
      left: 50%;
      top: 95px;
      margin-left: -210px; }
      .section2 .sec2-head .sec2-title .vote-box {
        width: 144px;
        height: 162px;
        position: absolute;
        left: 100px;
        top: -33px;
        font-size: 0px; }
        .section2 .sec2-head .sec2-title .vote-box .vote-status .score {
          display: inline-block;
          min-width: 70px;
          padding: 5px 20px;
          font: 17px/17px "微软雅黑", "Microsoft Yahei";
          text-align: center;
          color: #fff;
          background-color: #bb2e07;
          border-radius: 27px;
          position: absolute;
          left: 139px;
          top: 11px; }
          .section2 .sec2-head .sec2-title .vote-box .vote-status .score i {
            font-style: normal; }
        .section2 .sec2-head .sec2-title .vote-box .vote-status .vote-btn {
          width: 144px;
          height: 162px;
          position: absolute;
          left: 0;
          top: 0;
          cursor: pointer;
          border: none;
          outline: none;
          background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/zan-big.png") top center no-repeat;
          -webkit-animation: horizontal 2s ease-in-out both infinite;
          animation: horizontal 2s ease-in-out both infinite;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
        .section2 .sec2-head .sec2-title .vote-box .vote-status .zan-little {
          width: 27px;
          height: 31px;
          position: absolute;
          background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/zan-little.png") top center no-repeat; }
        .section2 .sec2-head .sec2-title .vote-box .vote-status .zan-little1 {
          left: 10px;
          top: -20px;
          -webkit-animation: top_disappear 3s 0s linear both infinite;
          animation: top_disappear 3s 0s linear both infinite;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
        .section2 .sec2-head .sec2-title .vote-box .vote-status .zan-little2 {
          left: 50px;
          top: -20px;
          -webkit-animation: top_disappear 3s 1.5s linear both infinite;
          animation: top_disappear 3s 1.5s linear both infinite;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
      .section2 .sec2-head .sec2-title .sec2-link {
        width: 183px;
        height: 183px;
        position: absolute;
        left: 408px;
        top: -12px; }
        .section2 .sec2-head .sec2-title .sec2-link div {
          width: 183px;
          height: 183px;
          background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/sec2-subtitle-shadow.png") top center no-repeat;
          -webkit-animation: appear_action 3s 0s linear both infinite;
          animation: appear_action 3s 0s linear both infinite;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
        .section2 .sec2-head .sec2-title .sec2-link img {
          display: block;
          width: 133px;
          height: 133px;
          position: absolute;
          left: 50%;
          top: 50%;
          margin-left: -66px;
          margin-top: -66px;
          -webkit-animation: scale_action 3s 0.3s linear infinite;
          animation: scale_action 3s 0.3s linear infinite;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
  .section2 .sec2-content {
    width: 1100px;
    height: 557px;
    position: relative; }
    .section2 .sec2-content .sec2-content-left {
      width: 447px;
      height: 499px;
      float: left;
      margin-top: 31px;
      position: relative;
      background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/sec2-content-left.png") top center no-repeat; }
      .section2 .sec2-content .sec2-content-left .content-top {
        width: 381px;
        height: 198px;
        position: absolute;
        left: 32px;
        top: 27px; }
      .section2 .sec2-content .sec2-content-left .content-bottom {
        width: 381px;
        height: 198px;
        position: absolute;
        left: 32px;
        top: 277px; }
      .section2 .sec2-content .sec2-content-left .title {
        width: 300px;
        height: 22px;
        font: 22px/22px "微软雅黑", "Microsoft Yahei";
        text-align: left;
        color: #fae0bd;
        padding-left: 48px;
        margin-bottom: 29px; }
      .section2 .sec2-content .sec2-content-left .content {
        width: 381px;
        height: 147px;
        font: 14px/30px "微软雅黑", "Microsoft Yahei";
        text-align: left;
        color: #fff; }
    .section2 .sec2-content .sec2-content-right {
      width: 560px;
      height: 566px;
      float: right;
      position: relative; }
      .section2 .sec2-content .sec2-content-right .right-detail {
        width: 51px;
        height: 425px;
        position: absolute;
        left: -32px;
        top: 64px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/sec2-content-subright.png") top center no-repeat; }
        .section2 .sec2-content .sec2-content-right .right-detail p {
          width: 17px;
          height: 380px;
          font: 17px/17px "微软雅黑", "Microsoft Yahei";
          text-align: center;
          color: #ff986f;
          position: absolute;
          left: 12px;
          top: 26px; }
      .section2 .sec2-content .sec2-content-right .right-fu {
        width: 560px;
        height: 566px;
        position: absolute;
        left: 0;
        top: 0;
        background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/sec2-content-right.png") top center no-repeat; }
        .section2 .sec2-content .sec2-content-right .right-fu .fu-sec1 {
          width: 230px;
          height: 147px;
          position: absolute;
          left: 84px;
          top: 90px;
          cursor: pointer; }
          .section2 .sec2-content .sec2-content-right .right-fu .fu-sec1 div {
            width: 230px;
            height: 147px;
            background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/fu1.png") top center no-repeat;
            opacity: 0;
            -webkit-transition: all 0.5s;
            transition: all 0.5s; }
          .section2 .sec2-content .sec2-content-right .right-fu .fu-sec1 span {
            display: block;
            width: 33px;
            height: 33px;
            background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/light.png") top center no-repeat;
            position: absolute;
            left: 105px;
            top: 100px;
            -webkit-animation: scale_action 3s 0s infinite both;
            animation: scale_action 3s 0s infinite both;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
        .section2 .sec2-content .sec2-content-right .right-fu .fu-sec2 {
          width: 228px;
          height: 228px;
          position: absolute;
          left: 90px;
          top: 229px;
          cursor: pointer; }
          .section2 .sec2-content .sec2-content-right .right-fu .fu-sec2 div {
            width: 228px;
            height: 228px;
            background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/fu2.png") top center no-repeat;
            opacity: 0;
            -webkit-transition: all 0.5s;
            transition: all 0.5s; }
          .section2 .sec2-content .sec2-content-right .right-fu .fu-sec2 span {
            display: block;
            width: 33px;
            height: 33px;
            background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/light.png") top center no-repeat;
            position: absolute;
            left: 148px;
            top: 105px;
            -webkit-animation: scale_action 3s 0.5s infinite both;
            animation: scale_action 3s 0.5s infinite both;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
        .section2 .sec2-content .sec2-content-right .right-fu .fu-sec3 {
          width: 155px;
          height: 393px;
          position: absolute;
          left: 293px;
          top: 76px;
          cursor: pointer; }
          .section2 .sec2-content .sec2-content-right .right-fu .fu-sec3 div {
            width: 155px;
            height: 393px;
            background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/fu3.png") top center no-repeat;
            opacity: 0;
            -webkit-transition: all 0.5s;
            transition: all 0.5s; }
          .section2 .sec2-content .sec2-content-right .right-fu .fu-sec3 span {
            display: block;
            width: 33px;
            height: 33px;
            background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/light.png") top center no-repeat;
            position: absolute;
            left: 40px;
            top: 181px;
            opacity: 1;
            -webkit-animation: scale_action 3s 1s infinite both;
            animation: scale_action 3s 1s infinite both;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
        .section2 .sec2-content .sec2-content-right .right-fu .fu-sec.active div {
          opacity: 1; }
        .section2 .sec2-content .sec2-content-right .right-fu .fu-sec.active span {
          opacity: 0; }
    .section2 .sec2-content .sec2-content-right:hover .right-detail {
      -webkit-transform: translateX(0%);
      transform: translateX(0%); }

/* ----------------------------------------------------------------
 * for section3
 */
.section3 {
  width: 1100px;
  height: 721px;
  position: relative;
  margin: 0 auto; }
  .section3 .sec3-head {
    width: 1100px;
    height: 253px;
    position: relative; }
    .section3 .sec3-head .sec-light {
      width: 438px;
      height: 103px;
      background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/light.gif") top center no-repeat;
      position: absolute;
      bottom: 92px;
      left: 50%;
      margin-left: -205px; }
    .section3 .sec3-head .sec3-title {
      width: 703px;
      height: 196px;
      background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/sec3-title.png") top center no-repeat;
      position: absolute;
      left: 50%;
      top: 47px;
      margin-left: -382px; }
  .section3 .sec3-content {
    width: 1100px;
    height: 468px;
    background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/sec3-content.png") top center no-repeat;
    position: relative; }
    .section3 .sec3-content .playlist-content {
      width: 863px;
      height: 431px;
      overflow: hidden;
      position: absolute;
      top: 19px;
      left: 50%;
      margin-left: -430px; }
      .section3 .sec3-content .playlist-content ul {
        width: 20000px;
        height: 431px;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        .section3 .sec3-content .playlist-content ul .unLoad {
          width: 891px;
          height: 431px;
          float: left; }
          .section3 .sec3-content .playlist-content ul .unLoad li {
            width: 267px;
            height: 208px;
            position: relative;
            float: left;
            margin-bottom: 15px;
            margin-right: 30px; }
            .section3 .sec3-content .playlist-content ul .unLoad li img {
              display: block;
              width: 208px;
              height: 208px;
              background-color: black;
              position: absolute;
              left: 20px;
              top: 0;
              border-radius: 50%;
              overflow: hidden;
              -webkit-box-sizing: border-box;
              box-sizing: border-box; }
            .section3 .sec3-content .playlist-content ul .unLoad li p {
              display: block;
              width: 267px;
              height: 37px;
              padding-left: 30px;
              padding-right: 60px;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              font: 14px/37px "微软雅黑","Microsoft Yahei";
              text-align: center;
              background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/sec3-word-bg.png") top center no-repeat;
              color: #933517;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              position: absolute;
              left: 0;
              top: 159px;
              -webkit-transition: all 0.3s;
              transition: all 0.3s; }
          .section3 .sec3-content .playlist-content ul .unLoad li:hover p {
            font: 14px/16px "微软雅黑", "Microsoft Yahei";
            text-align: center;
            background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/sec3-word-bg-hover.png") top center no-repeat;
            color: #933517;
            padding-top: 4px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal; }
    .section3 .sec3-content .arrow_left {
      left: 0;
      top: 211px; }
    .section3 .sec3-content .arrow_right {
      right: 0;
      top: 211px; }

/* ----------------------------------------------------------------
 * for section4
 */
.section4 {
  width: 1100px;
  height: 722px;
  position: relative;
  margin: 0 auto; }
  .section4 .sec4-head {
    width: 1100px;
    height: 254px;
    position: relative; }
    .section4 .sec4-head .sec-light {
      width: 438px;
      height: 103px;
      background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/light.gif") top center no-repeat;
      position: absolute;
      bottom: 92px;
      left: 50%;
      margin-left: -205px; }
    .section4 .sec4-head .sec4-title {
      width: 703px;
      height: 196px;
      background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/sec4-title.png") top center no-repeat;
      position: absolute;
      left: 50%;
      top: 47px;
      margin-left: -382px; }
  .section4 .sec4-content {
    width: 1100px;
    height: 468px;
    position: relative; }
    .section4 .sec4-content .sec4-left {
      width: 393px;
      height: 417px;
      float: left;
      margin-top: 20px; }
      .section4 .sec4-content .sec4-left img {
        display: block;
        width: 389px;
        height: 371px;
        background-color: black; }
      .section4 .sec4-content .sec4-left p {
        width: 389px;
        height: 46px;
        padding-left: 10px;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font: 14px/46px "微软雅黑","Microsoft Yahei";
        text-align: center;
        color: #933517;
        background-color: #e4ca56;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
    .section4 .sec4-content .sec4-left:hover p {
      font: 14px/18px "微软雅黑", "Microsoft Yahei";
      text-align: center;
      padding-top: 4px;
      color: #fff;
      background-color: #d32c25;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal; }
  .section4 .sec4-right {
    width: 695px;
    height: 468px;
    background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/sec4-right.png") top center no-repeat;
    float: right;
    position: relative; }
    .section4 .sec4-right .playlist-content {
      width: 633px;
      height: 417px;
      overflow: hidden;
      position: absolute;
      top: 20px;
      left: 50%;
      margin-left: -316px; }
      .section4 .sec4-right .playlist-content ul {
        width: 20000px;
        height: 417px;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        .section4 .sec4-right .playlist-content ul .unLoad {
          width: 648px;
          height: 417px;
          float: left; }
          .section4 .sec4-right .playlist-content ul .unLoad li {
            width: 201px;
            height: 197px;
            position: relative;
            float: left;
            margin-bottom: 22px;
            margin-right: 15px; }
            .section4 .sec4-right .playlist-content ul .unLoad li img {
              display: block;
              width: 201px;
              height: 151px;
              background-color: black;
              overflow: hidden;
              -webkit-box-sizing: border-box;
              box-sizing: border-box; }
            .section4 .sec4-right .playlist-content ul .unLoad li p {
              display: block;
              width: 201px;
              height: 46px;
              padding-left: 10px;
              padding-right: 10px;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              font: 14px/46px "微软雅黑","Microsoft Yahei";
              text-align: center;
              background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/sec4-word.png") top center no-repeat;
              color: #933517;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              -webkit-transition: all 0.3s;
              transition: all 0.3s; }
          .section4 .sec4-right .playlist-content ul .unLoad li:hover p {
            font: 14px/18px "微软雅黑", "Microsoft Yahei";
            text-align: center;
            background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/sec4-word-hover.png") top center no-repeat;
            color: #fff;
            padding-top: 4px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal; }
    .section4 .sec4-right .arrow_left {
      left: 0;
      top: 211px; }
    .section4 .sec4-right .arrow_right {
      right: 0;
      top: 211px; }

/* ----------------------------------------------------------------
 * for section5
 */
.section5 {
  width: 1100px;
  height: 729px;
  position: relative;
  margin: 0 auto; }
  .section5 .sec5-head {
    width: 1100px;
    height: 261px;
    position: relative; }
    .section5 .sec5-head .sec-light {
      width: 438px;
      height: 103px;
      background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/light.gif") top center no-repeat;
      position: absolute;
      bottom: 92px;
      left: 50%;
      margin-left: -205px; }
    .section5 .sec5-head .sec5-title {
      width: 703px;
      height: 196px;
      position: absolute;
      background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/sec5-title.png") top center no-repeat;
      bottom: 0;
      left: 50%;
      margin-left: -382px; }
  .section5 .sec5-content {
    width: 1100px;
    height: 466px;
    background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/sec1-content.png") top center no-repeat;
    position: relative; }
    .section5 .sec5-content .playlist-content {
      width: 1028px;
      height: 416px;
      overflow: hidden;
      position: absolute;
      top: 23px;
      left: 50%;
      margin-left: -514px; }
      .section5 .sec5-content .playlist-content ul {
        width: 20000px;
        height: 489px;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        .section5 .sec5-content .playlist-content ul .unLoad {
          width: 1048px;
          height: 416px;
          float: left; }
          .section5 .sec5-content .playlist-content ul .unLoad li {
            width: 243px;
            height: 198px;
            float: left;
            margin-bottom: 20px;
            margin-right: 19px; }
            .section5 .sec5-content .playlist-content ul .unLoad li img {
              display: block;
              width: 243px;
              height: 151px;
              background-color: black; }
            .section5 .sec5-content .playlist-content ul .unLoad li p {
              display: block;
              width: 243px;
              height: 47px;
              padding-left: 10px;
              padding-right: 10px;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              font: 14px/47px "微软雅黑","Microsoft Yahei";
              text-align: center;
              background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/word-bg.png") top center no-repeat;
              color: #933517;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              -webkit-transition: all 0.3s;
              transition: all 0.3s; }
          .section5 .sec5-content .playlist-content ul .unLoad li:hover p {
            font: 14px/18px "微软雅黑", "Microsoft Yahei";
            text-align: center;
            background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/word-bg-hover.png") top center no-repeat;
            color: #fff;
            padding-top: 4px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal; }
    .section5 .sec5-content .arrow_left {
      left: 0;
      top: 211px; }
    .section5 .sec5-content .arrow_right {
      right: 0;
      top: 211px; }

/* ----------------------------------------------------------------
 * for section6
 */
.section6 {
  width: 1100px;
  height: 881px;
  position: relative;
  margin: 0 auto;
  padding-top: 47px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .section6 .big-img {
    width: 1100px;
    height: 608px;
    position: relative;
    margin-bottom: 59px;
    background: url("http://static-s.iqiyi.com/201901251000new_year/20190125/sec6-content.png") top center no-repeat; }
    .section6 .big-img div {
      width: 625px;
      height: 96px;
      position: absolute;
      left: 238px;
      top: 343px; }
      .section6 .big-img div p {
        width: 625px;
        height: 24px;
        font: 13px/24px "微软雅黑","Microsoft Yahei";
        text-align: center;
        overflow: hidden; }
        .section6 .big-img div p a {
          color: #fff; }
        .section6 .big-img div p a:hover {
          color: #f5df95; }
  .section6 .small-img {
    width: 1100px;
    height: 167px; }
    .section6 .small-img img {
      display: block;
      width: 1100px;
      height: 167px; }

.sec-iqiyi-logo {
  display: block;
  width: 332px;
  height: 154px;
  margin: 62px auto 99px; }

@-webkit-keyframes up_action {
  0% {
    -webkit-transform: translateY(50%);
    transform: translateY(50%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes up_action {
  0% {
    -webkit-transform: translateY(50%);
    transform: translateY(50%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes up_action1 {
  0% {
    -webkit-transform: translateY(250%);
    transform: translateY(250%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes up_action1 {
  0% {
    -webkit-transform: translateY(250%);
    transform: translateY(250%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes up_action2 {
  0% {
    -webkit-transform: translateY(120%);
    transform: translateY(120%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes up_action2 {
  0% {
    -webkit-transform: translateY(120%);
    transform: translateY(120%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes leftAppear {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes leftAppear {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes rightAppear {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes rightAppear {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes down_action {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }
@keyframes down_action {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }
@-webkit-keyframes left_bottom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20%, -20%, 0);
    transform: translate3d(20%, -20%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes left_bottom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20%, -20%, 0);
    transform: translate3d(20%, -20%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes right_bottom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20%, -20%, 0);
    transform: translate3d(-20%, -20%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes right_bottom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20%, -20%, 0);
    transform: translate3d(-20%, -20%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes rotate_action {
  0% {
    -webkit-transform: rotateZ(-30deg);
    transform: rotateZ(-30deg); }
  50% {
    -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg); }
  100% {
    -webkit-transform: rotateZ(-30deg);
    transform: rotateZ(-30deg); } }
@keyframes rotate_action {
  0% {
    -webkit-transform: rotateZ(-30deg);
    transform: rotateZ(-30deg); }
  50% {
    -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg); }
  100% {
    -webkit-transform: rotateZ(-30deg);
    transform: rotateZ(-30deg); } }
@-webkit-keyframes horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes horizontal {
  10% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  20% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  30% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  40% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  50% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  50%,100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes horizontal {
  10% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  20% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  30% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  40% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  50% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  50%,100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes top_disappear {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); }
  10% {
    opacity: 1;
    -webkit-transform: translate3d(-5px, -10px, 0px);
    transform: translate3d(-5px, -10px, 0px); }
  20% {
    opacity: 1;
    -webkit-transform: translate3d(5px, -20px, 0px);
    transform: translate3d(5px, -20px, 0px); }
  30% {
    opacity: 1;
    -webkit-transform: translate3d(-5px, -30px, 0px);
    transform: translate3d(-5px, -30px, 0px); }
  40%,100% {
    opacity: 0;
    -webkit-transform: translate3d(5px, -40px, 0px);
    transform: translate3d(5px, -40px, 0px); } }
@keyframes top_disappear {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); }
  10% {
    opacity: 1;
    -webkit-transform: translate3d(-5px, -10px, 0px);
    transform: translate3d(-5px, -10px, 0px); }
  20% {
    opacity: 1;
    -webkit-transform: translate3d(5px, -20px, 0px);
    transform: translate3d(5px, -20px, 0px); }
  30% {
    opacity: 1;
    -webkit-transform: translate3d(-5px, -30px, 0px);
    transform: translate3d(-5px, -30px, 0px); }
  40%,100% {
    opacity: 0;
    -webkit-transform: translate3d(5px, -40px, 0px);
    transform: translate3d(5px, -40px, 0px); } }
@-webkit-keyframes scale_action {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  5% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2); }
  10% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  15% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  20% {
    -webkit-transform: scale3d(0.98, 0.98, 0.98);
    transform: scale3d(0.98, 0.98, 0.98); }
  30%,100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes scale_action {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  5% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2); }
  10% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  15% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  20% {
    -webkit-transform: scale3d(0.98, 0.98, 0.98);
    transform: scale3d(0.98, 0.98, 0.98); }
  30%,100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-webkit-keyframes appear_action {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }
@keyframes appear_action {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

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