@charset "UTF-8";
[v-cloak] {
  display: none; }

html,
body {
  font-size: 16px; }

.main__left-title {
  position: relative;
  padding-top: 3rem; }
  .main__left-title .main__left-titleicon {
    position: absolute;
    background-color: #472FFF;
    height: 20px;
    width: 3px;
    margin-top: 0.5rem; }
  .main__left-title .main__left-titlename {
    color: #181818 !important;
    font-size: 1.5rem;
    margin-left: 0.7rem; }

ul {
  margin: 0px;
  padding: 0px;
  list-style: none; }

#adContainer > div {
  width: 100%;
  height: 100%; }

#main #mainContent {
  max-width: 100%;
  margin-top: 60px;
  -ms-background-position-y: bottom;
  background-position-y: bottom; }
  @media screen and (max-width: 1919px) and (min-width: 1024px) {
    #main #mainContent {
      margin-top: 3.39vw; } }
  #main #mainContent .content-top {
    background-color: #1E1E1E;
    color: #fff;
    width: 100%; }
    #main #mainContent .content-top .container {
      max-width: 1483px;
      width: 100%;
      padding: 0;
      padding-top: 48px;
      display: grid;
      grid-template-columns: 1141px 342px; }
      #main #mainContent .content-top .container .player_outerFrame {
        width: 1141px;
        height: 637px;
        display: inline-block;
        vertical-align: top;
        position: relative; }
        #main #mainContent .content-top .container .player_outerFrame .playerArea {
          width: 100%;
          height: 100%;
          position: relative;
          z-index: 1; }
          #main #mainContent .content-top .container .player_outerFrame .playerArea .playerbox_out {
            height: 100%; }
            #main #mainContent .content-top .container .player_outerFrame .playerArea .playerbox_out .playerbox {
              height: 100%; }
              #main #mainContent .content-top .container .player_outerFrame .playerArea .playerbox_out .playerbox .player_main {
                height: 100%; }
        #main #mainContent .content-top .container .player_outerFrame #adContainer {
          display: none;
          position: absolute;
          z-index: 2;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      #main #mainContent .content-top .container .tagName {
        display: none; }
      #main #mainContent .content-top .container .menu {
        float: right;
        width: 342px;
        height: 637px;
        display: inline-block;
        vertical-align: top;
        background-color: #0D0D0D; }
        #main #mainContent .content-top .container .menu ul {
          margin: 0;
          padding: 0; }
          #main #mainContent .content-top .container .menu ul li {
            list-style: none; }
        #main #mainContent .content-top .container .menu .video-title {
          margin-top: 18px;
          margin-left: 19px;
          color: rgba(255, 255, 255, 0.8);
          font-size: 20px;
          font-weight: 300;
          line-height: 1; }
        #main #mainContent .content-top .container .menu .btn-group {
          margin-left: 15px;
          margin-top: 21px;
          line-height: 1; }
          #main #mainContent .content-top .container .menu .btn-group button {
            height: 22px;
            width: 146px;
            background-color: #2A2A2A;
            color: rgba(255, 255, 255, 0.8);
            font-size: 14px;
            border-width: 0;
            border-radius: 5px;
            margin: 0 5px; }
          #main #mainContent .content-top .container .menu .btn-group .active {
            background-color: #F5F323;
            color: #2A2A2A; }
        #main #mainContent .content-top .container .menu .changeArea {
          /* width */
          /* Track */
          /* Handle */
          /* Handle on hover */ }
          #main #mainContent .content-top .container .menu .changeArea ul li,
          #main #mainContent .content-top .container .menu .changeArea ul li.visible {
            color: #C3C3C3;
            cursor: pointer; }
            #main #mainContent .content-top .container .menu .changeArea ul li a,
            #main #mainContent .content-top .container .menu .changeArea ul li span,
            #main #mainContent .content-top .container .menu .changeArea ul li.visible a,
            #main #mainContent .content-top .container .menu .changeArea ul li.visible span {
              color: #C3C3C3; }
            #main #mainContent .content-top .container .menu .changeArea ul li a,
            #main #mainContent .content-top .container .menu .changeArea ul li.visible a {
              display: grid;
              grid-template-columns: 115px auto;
              display: -ms-grid; }
              #main #mainContent .content-top .container .menu .changeArea ul li a .image,
              #main #mainContent .content-top .container .menu .changeArea ul li.visible a .image {
                -ms-grid-column: 1; }
              #main #mainContent .content-top .container .menu .changeArea ul li a .des,
              #main #mainContent .content-top .container .menu .changeArea ul li.visible a .des {
                -ms-grid-column: 2; }
                #main #mainContent .content-top .container .menu .changeArea ul li a .des .programme_name,
                #main #mainContent .content-top .container .menu .changeArea ul li.visible a .des .programme_name {
                  overflow: hidden;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 1; }
          #main #mainContent .content-top .container .menu .changeArea ul li.active {
            color: #F5F323; }
            #main #mainContent .content-top .container .menu .changeArea ul li.active a,
            #main #mainContent .content-top .container .menu .changeArea ul li.active span {
              color: #F5F323; }
          #main #mainContent .content-top .container .menu .changeArea .positive {
            display: block; }
            #main #mainContent .content-top .container .menu .changeArea .positive .ep-groups {
              margin-top: 2px;
              padding: 0px 30px;
              display: inline-grid;
              grid-template-columns: auto auto auto auto;
              display: -ms-inline-flexbox;
              -ms-flex-wrap: wrap;
              width: 100%; }
              #main #mainContent .content-top .container .menu .changeArea .positive .ep-groups li {
                margin-top: 12px; }
            #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists {
              overflow-y: auto;
              padding: 15px 20px 0px 20px;
              margin-top: 11px; }
              #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li {
                margin-bottom: 7px;
                background-color: #151515;
                display: none; }
                #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li .image {
                  width: 115px;
                  height: 64.4px;
                  line-height: 64.4px;
                  background-size: 100%;
                  display: inline-block;
                  vertical-align: top;
                  text-align: center;
                  background-repeat: no-repeat;
                  position: relative; }
                  #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li .image img {
                    width: 100%;
                    height: 100%; }
                  #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li .image .bg__image_icon {
                    background-image: url("../../image/play.png");
                    width: 100%;
                    height: 100%;
                    background-size: 30%;
                    background-position: center center;
                    background-repeat: no-repeat;
                    position: absolute;
                    top: 0;
                    display: none; }
                #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li .des {
                  display: inline-block;
                  vertical-align: top;
                  padding-left: 7px;
                  line-height: 1.384; }
                  #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li .des .title {
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    line-height: 1.3;
                    height: 41.6px; }
              #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li:hover .image .bg__image_icon {
                display: block; }
              #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li.visible {
                display: grid;
                display: -ms-grid; }
            #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists.drama {
              display: none;
              overflow-y: auto;
              background-color: #000000;
              padding: 15px 20px 0px 20px;
              margin-top: 11px; }
              #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists.drama li {
                display: none;
                padding: 13px 25px 14px 13px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                background-color: #151515; }
                #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists.drama li a {
                  display: block;
                  width: 100%;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis; }
              #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists.drama li.visible {
                display: block; }
          #main #mainContent .content-top .container .menu .changeArea .btScenes {
            display: none; }
            #main #mainContent .content-top .container .menu .changeArea .btScenes .ep-groups {
              display: block;
              margin-top: 2px;
              padding: 0px 30px; }
              #main #mainContent .content-top .container .menu .changeArea .btScenes .ep-groups li {
                display: inline-block;
                margin-right: 15px;
                margin-top: 12px; }
            #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists {
              display: none;
              padding: 15px 20px 0px 20px;
              margin-top: 11px; }
              #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li {
                margin-bottom: 7px;
                background-color: #151515; }
                #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li .image {
                  width: 115px;
                  height: 64.4px;
                  line-height: 64.4px;
                  background-size: 100%;
                  display: inline-block;
                  vertical-align: top;
                  text-align: center;
                  background-repeat: no-repeat;
                  position: relative; }
                  #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li .image img {
                    width: 100%;
                    height: 100%; }
                  #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li .image .bg__image_icon {
                    background-image: url("../../image/play.png");
                    width: 100%;
                    height: 100%;
                    background-size: 30%;
                    background-position: center center;
                    background-repeat: no-repeat;
                    position: absolute;
                    top: 0;
                    display: none; }
                #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li .des {
                  display: inline-block;
                  vertical-align: top;
                  padding-left: 7px;
                  line-height: 1.384; }
                  #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li .des .title {
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    line-height: 1.3;
                    height: 41.6px; }
              #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li:hover .image .bg__image_icon {
                display: block; }
            #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists.active {
              display: block;
              overflow-y: auto; }
              #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists.active li {
                color: #FAEE2B; }
          #main #mainContent .content-top .container .menu .changeArea ::-webkit-scrollbar {
            width: 6px; }
          #main #mainContent .content-top .container .menu .changeArea ::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px #313131;
            border-radius: 10px; }
          #main #mainContent .content-top .container .menu .changeArea ::-webkit-scrollbar-thumb {
            background: #7D7D7D;
            border-radius: 10px; }
          #main #mainContent .content-top .container .menu .changeArea ::-webkit-scrollbar-thumb:hover {
            background: #F5F323; }
      #main #mainContent .content-top .container .info {
        width: 100%;
        font-size: 13px;
        padding-top: 18px;
        padding-bottom: 15px;
        color: rgba(255, 255, 255, 0.6);
        font-weight: 300;
        line-height: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / span 2; }
        #main #mainContent .content-top .container .info div {
          margin-bottom: 10px;
          max-width: 1141px; }
        #main #mainContent .content-top .container .info .video-title {
          font-size: 24px;
          color: rgba(255, 255, 255, 0.8);
          margin-bottom: 10px; }
        #main #mainContent .content-top .container .info .seeNumber {
          color: rgba(255, 255, 255, 0.4);
          font-weight: normal;
          display: inline-block;
          margin: 0;
          margin-left: 3rem;
          font-size: 18px;
          float: right; }
          #main #mainContent .content-top .container .info .seeNumber .nums {
            margin-right: 0.3rem; }
        #main #mainContent .content-top .container .info .streamdetail_program-share {
          float: right; }
          @media screen and (max-width: 499px) {
            #main #mainContent .content-top .container .info .streamdetail_program-share .streamdetail_program {
              display: none; } }
          #main #mainContent .content-top .container .info .streamdetail_program-share .streamdetail_program .streamdetail_program-share-iconarea {
            display: flex;
            float: right;
            align-items: center; }
            #main #mainContent .content-top .container .info .streamdetail_program-share .streamdetail_program .streamdetail_program-share-iconarea .streamdetail_program-share-iconarea-twitter, #main #mainContent .content-top .container .info .streamdetail_program-share .streamdetail_program .streamdetail_program-share-iconarea .streamdetail_program-share-iconarea-weibo {
              height: 30px;
              width: 30px;
              margin-right: 17px; }
            #main #mainContent .content-top .container .info .streamdetail_program-share .streamdetail_program .streamdetail_program-share-iconarea .streamdetail_program-share-iconarea-line {
              height: 23px;
              width: 23px;
              margin-right: 17px; }
            #main #mainContent .content-top .container .info .streamdetail_program-share .streamdetail_program .streamdetail_program-share-iconarea .streamdetail_program-share-iconarea-fb {
              height: 23px;
              width: 23px; }
        #main #mainContent .content-top .container .info .actor {
          display: table-cell;
          width: 40px; }
        #main #mainContent .content-top .container .info .actor-lists {
          display: table-cell;
          line-height: 1.3; }
    #main #mainContent .content-top .container.movie {
      display: block; }
      #main #mainContent .content-top .container.movie .player_outerFrame {
        width: 100%;
        height: 834.1875px; }
      #main #mainContent .content-top .container.movie .menu {
        display: none; }
      #main #mainContent .content-top .container.movie .info .now-total-ep {
        display: none; }
    #main #mainContent .content-top .container.web {
      display: block; }
    #main #mainContent .content-top .container.phone {
      display: none; }
  #main #mainContent .content-top.fixedPlayer {
    position: fixed;
    top: 50px; }
  #main #mainContent .content-down {
    background: rgba(255, 255, 255, 0.69);
    font-size: 13px; }
    #main #mainContent .content-down .container {
      max-width: 1483px;
      min-height: 590px;
      width: 100%;
      padding: 0;
      /* 1025 因推廌已拿掉18禁，所以拿掉遮罩*/
      /*        .bigData__movie{
          .recommend_item{
            opacity: 0.15;
            @media screen and (min-width: 500px){
              &:hover{
                opacity: 1;
              }
            }
          } 
        } 
*/ }
      #main #mainContent .content-down .container .google_adver {
        width: 300px;
        height: 250px;
        margin-top: 3rem; }
      #main #mainContent .content-down .container .relativeNews {
        width: 291px;
        float: right;
        color: rgba(0, 0, 0, 0.8); }
        #main #mainContent .content-down .container .relativeNews ul {
          margin-top: 15px; }
          #main #mainContent .content-down .container .relativeNews ul li {
            display: inline-grid;
            grid-template-columns: auto auto;
            display: -ms-inline-grid;
            -ms-grid-columns: auto auto;
            margin: 5px 0px; }
            #main #mainContent .content-down .container .relativeNews ul li img {
              width: 160px;
              -ms-grid-column: 1; }
            #main #mainContent .content-down .container .relativeNews ul li .title {
              margin-left: 6px;
              display: inline-table;
              height: 100%;
              -ms-grid-column: 2; }
              #main #mainContent .content-down .container .relativeNews ul li .title p {
                vertical-align: middle;
                overflow: hidden;
                display: table-cell;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                line-height: 1.3; }
          #main #mainContent .content-down .container .relativeNews ul li:hover .title p {
            color: #472FFF; }
      #main #mainContent .content-down .container .relativeNews.pad {
        display: none; }
      #main #mainContent .content-down .container .streamdetail_program {
        width: 50%;
        padding-top: 2vw;
        max-width: 900px;
        font-size: 14px; }
        @media screen and (max-width: 768px) {
          #main #mainContent .content-down .container .streamdetail_program {
            width: 95%;
            font-size: 12px; } }
        #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-share,
        #main #mainContent .content-down .container .streamdetail_program .streamdetail_share {
          height: 35px;
          display: flex;
          color: #666;
          padding-bottom: 30px; }
          #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-share .streamdetail_program-share-inner,
          #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-share .streamdetail_program-share-inner2,
          #main #mainContent .content-down .container .streamdetail_program .streamdetail_share .streamdetail_program-share-inner,
          #main #mainContent .content-down .container .streamdetail_program .streamdetail_share .streamdetail_program-share-inner2 {
            display: flex;
            margin-right: 10px; }
            #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-share .streamdetail_program-share-inner .streamdetail_program-share-icon,
            #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-share .streamdetail_program-share-inner2 .streamdetail_program-share-icon,
            #main #mainContent .content-down .container .streamdetail_program .streamdetail_share .streamdetail_program-share-inner .streamdetail_program-share-icon,
            #main #mainContent .content-down .container .streamdetail_program .streamdetail_share .streamdetail_program-share-inner2 .streamdetail_program-share-icon {
              width: 20px;
              height: 20px;
              margin-top: 5px;
              margin-right: 5px;
              background-image: url("../../image/share.svg");
              background-repeat: no-repeat; }
            #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-share .streamdetail_program-share-inner .streamdetail_program-embed-icon,
            #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-share .streamdetail_program-share-inner2 .streamdetail_program-embed-icon,
            #main #mainContent .content-down .container .streamdetail_program .streamdetail_share .streamdetail_program-share-inner .streamdetail_program-embed-icon,
            #main #mainContent .content-down .container .streamdetail_program .streamdetail_share .streamdetail_program-share-inner2 .streamdetail_program-embed-icon {
              width: 1.5rem;
              height: 1.5rem;
              margin-top: 0.5rem;
              margin-right: 0.5rem; }
              @media screen and (max-width: 650px) {
                #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-share .streamdetail_program-share-inner .streamdetail_program-embed-icon,
                #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-share .streamdetail_program-share-inner2 .streamdetail_program-embed-icon,
                #main #mainContent .content-down .container .streamdetail_program .streamdetail_share .streamdetail_program-share-inner .streamdetail_program-embed-icon,
                #main #mainContent .content-down .container .streamdetail_program .streamdetail_share .streamdetail_program-share-inner2 .streamdetail_program-embed-icon {
                  width: 1rem;
                  height: 1rem;
                  margin-top: 5px;
                  margin-right: 5px; } }
            #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-share .streamdetail_program-share-inner .streamdetail_program-share-wording,
            #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-share .streamdetail_program-share-inner2 .streamdetail_program-share-wording,
            #main #mainContent .content-down .container .streamdetail_program .streamdetail_share .streamdetail_program-share-inner .streamdetail_program-share-wording,
            #main #mainContent .content-down .container .streamdetail_program .streamdetail_share .streamdetail_program-share-inner2 .streamdetail_program-share-wording {
              font-size: 1.5rem;
              color: #181818; }
              @media screen and (max-width: 650px) {
                #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-share .streamdetail_program-share-inner .streamdetail_program-share-wording,
                #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-share .streamdetail_program-share-inner2 .streamdetail_program-share-wording,
                #main #mainContent .content-down .container .streamdetail_program .streamdetail_share .streamdetail_program-share-inner .streamdetail_program-share-wording,
                #main #mainContent .content-down .container .streamdetail_program .streamdetail_share .streamdetail_program-share-inner2 .streamdetail_program-share-wording {
                  font-size: 1rem; } }
          #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-share .streamdetail_program-share-inner3,
          #main #mainContent .content-down .container .streamdetail_program .streamdetail_share .streamdetail_program-share-inner3 {
            font-size: 1.1rem; }
        #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-share-iconarea {
          display: flex;
          margin-bottom: 6.37vw;
          align-items: center; }
          #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-share-iconarea .streamdetail_program-share-iconarea-twitter, #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-share-iconarea .streamdetail_program-share-iconarea-weibo {
            height: 40px;
            width: 40px;
            margin-right: 20px; }
          #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-share-iconarea .streamdetail_program-share-iconarea-line {
            height: 32px;
            width: 32px;
            margin-right: 20px; }
          #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-share-iconarea .streamdetail_program-share-iconarea-fb {
            height: 32px;
            width: 32px; }
        #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-embed-iconarea {
          padding: 5px 0px;
          margin-bottom: 10px;
          list-style-type: none; }
          #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-embed-iconarea input {
            border: 2px solid #ccc; }
          #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-embed-iconarea input[name='embedInput'] {
            width: 100%; }
          #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-embed-iconarea select {
            overflow: visible;
            background-color: #f8f8f8;
            border-width: 1px;
            border-style: solid;
            border-color: #a6a6a6;
            border-image: initial;
            -webkit-appearance: menulist;
            box-sizing: border-box;
            align-items: center;
            white-space: pre;
            -webkit-rtl-ordering: logical;
            color: black; }
          #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-embed-iconarea .adjustment {
            width: 100%;
            margin-top: 10px;
            padding-left: 0; }
            #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-embed-iconarea .adjustment li {
              padding-bottom: 10px; }
              #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-embed-iconarea .adjustment li ul {
                padding-left: 0;
                display: table; }
                #main #mainContent .content-down .container .streamdetail_program .streamdetail_program-embed-iconarea .adjustment li ul li {
                  display: inline; }
      #main #mainContent .content-down .container .synopsis {
        width: 1110px; }
        #main #mainContent .content-down .container .synopsis .description {
          color: rgba(0, 0, 0, 0.8);
          font-size: 14px;
          line-height: 24px;
          margin-top: 20px; }
          #main #mainContent .content-down .container .synopsis .description a {
            color: #472FFF; }
      #main #mainContent .content-down .container .galleryImages ul li {
        height: 122px; }
      #main #mainContent .content-down .container .galleryImages, #main #mainContent .content-down .container .bigData__movie, #main #mainContent .content-down .container .bigData__episode, #main #mainContent .content-down .container .rowNews {
        width: 1141px;
        overflow: hidden; }
        #main #mainContent .content-down .container .galleryImages ul, #main #mainContent .content-down .container .bigData__movie ul, #main #mainContent .content-down .container .bigData__episode ul, #main #mainContent .content-down .container .rowNews ul {
          margin-top: 10px; }
          #main #mainContent .content-down .container .galleryImages ul li, #main #mainContent .content-down .container .bigData__movie ul li, #main #mainContent .content-down .container .bigData__episode ul li, #main #mainContent .content-down .container .rowNews ul li {
            margin-left: 6px;
            background-size: 100%;
            background-position: center;
            border-radius: 10px; }
            #main #mainContent .content-down .container .galleryImages ul li img, #main #mainContent .content-down .container .bigData__movie ul li img, #main #mainContent .content-down .container .bigData__episode ul li img, #main #mainContent .content-down .container .rowNews ul li img {
              width: 100%;
              border-radius: 10px; }
            #main #mainContent .content-down .container .galleryImages ul li .movie__text, #main #mainContent .content-down .container .bigData__movie ul li .movie__text, #main #mainContent .content-down .container .bigData__episode ul li .movie__text, #main #mainContent .content-down .container .rowNews ul li .movie__text {
              width: 100%;
              color: black;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              margin-top: 5px;
              font-size: 14px; }
          #main #mainContent .content-down .container .galleryImages ul .slick-prev,
          #main #mainContent .content-down .container .galleryImages ul .slick-next, #main #mainContent .content-down .container .bigData__movie ul .slick-prev,
          #main #mainContent .content-down .container .bigData__movie ul .slick-next, #main #mainContent .content-down .container .bigData__episode ul .slick-prev,
          #main #mainContent .content-down .container .bigData__episode ul .slick-next, #main #mainContent .content-down .container .rowNews ul .slick-prev,
          #main #mainContent .content-down .container .rowNews ul .slick-next {
            width: 50px;
            position: absolute;
            z-index: 1;
            text-align: center;
            background-color: rgba(0, 0, 0, 0.3);
            height: 122px;
            line-height: 122px; }
          #main #mainContent .content-down .container .galleryImages ul .slick-prev:before,
          #main #mainContent .content-down .container .galleryImages ul .slick-next:before, #main #mainContent .content-down .container .bigData__movie ul .slick-prev:before,
          #main #mainContent .content-down .container .bigData__movie ul .slick-next:before, #main #mainContent .content-down .container .bigData__episode ul .slick-prev:before,
          #main #mainContent .content-down .container .bigData__episode ul .slick-next:before, #main #mainContent .content-down .container .rowNews ul .slick-prev:before,
          #main #mainContent .content-down .container .rowNews ul .slick-next:before {
            content: ''; }
          #main #mainContent .content-down .container .galleryImages ul .slick-prev, #main #mainContent .content-down .container .bigData__movie ul .slick-prev, #main #mainContent .content-down .container .bigData__episode ul .slick-prev, #main #mainContent .content-down .container .rowNews ul .slick-prev {
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            left: 6px; }
          #main #mainContent .content-down .container .galleryImages ul .slick-next, #main #mainContent .content-down .container .bigData__movie ul .slick-next, #main #mainContent .content-down .container .bigData__episode ul .slick-next, #main #mainContent .content-down .container .rowNews ul .slick-next {
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            right: 0px; }
          #main #mainContent .content-down .container .galleryImages ul .slick-list, #main #mainContent .content-down .container .bigData__movie ul .slick-list, #main #mainContent .content-down .container .bigData__episode ul .slick-list, #main #mainContent .content-down .container .rowNews ul .slick-list {
            border-radius: 10px; }
          #main #mainContent .content-down .container .galleryImages ul .slick-dots, #main #mainContent .content-down .container .bigData__movie ul .slick-dots, #main #mainContent .content-down .container .bigData__episode ul .slick-dots, #main #mainContent .content-down .container .rowNews ul .slick-dots {
            position: absolute;
            top: 0;
            margin-top: -33px;
            right: 5px;
            height: 30px;
            width: auto; }
            #main #mainContent .content-down .container .galleryImages ul .slick-dots .slick-active button::before, #main #mainContent .content-down .container .bigData__movie ul .slick-dots .slick-active button::before, #main #mainContent .content-down .container .bigData__episode ul .slick-dots .slick-active button::before, #main #mainContent .content-down .container .rowNews ul .slick-dots .slick-active button::before {
              opacity: 1;
              color: #472FFF; }
            #main #mainContent .content-down .container .galleryImages ul .slick-dots li, #main #mainContent .content-down .container .bigData__movie ul .slick-dots li, #main #mainContent .content-down .container .bigData__episode ul .slick-dots li, #main #mainContent .content-down .container .rowNews ul .slick-dots li {
              margin: 0 4.5px !important; }
              #main #mainContent .content-down .container .galleryImages ul .slick-dots li button, #main #mainContent .content-down .container .bigData__movie ul .slick-dots li button, #main #mainContent .content-down .container .bigData__episode ul .slick-dots li button, #main #mainContent .content-down .container .rowNews ul .slick-dots li button {
                height: 40px; }
              #main #mainContent .content-down .container .galleryImages ul .slick-dots li button::before, #main #mainContent .content-down .container .bigData__movie ul .slick-dots li button::before, #main #mainContent .content-down .container .bigData__episode ul .slick-dots li button::before, #main #mainContent .content-down .container .rowNews ul .slick-dots li button::before {
                font-size: 50px;
                content: '-';
                opacity: 0.9;
                color: gray; }
        #main #mainContent .content-down .container .galleryImages .slick-dotted.slick-slider, #main #mainContent .content-down .container .bigData__movie .slick-dotted.slick-slider, #main #mainContent .content-down .container .bigData__episode .slick-dotted.slick-slider, #main #mainContent .content-down .container .rowNews .slick-dotted.slick-slider {
          margin-bottom: 0px; }
      #main #mainContent .content-down .container .bigData__episode ul .slick-prev, #main #mainContent .content-down .container .bigData__episode ul .slick-next {
        top: 41.2%;
        height: calc( 100% - 26px);
        line-height: 125.44px; }
      #main #mainContent .content-down .container .rowNews {
        display: none; }
        #main #mainContent .content-down .container .rowNews ul .slick-prev, #main #mainContent .content-down .container .rowNews ul .slick-next {
          top: 41.2%;
          height: calc( 100% - 26px);
          line-height: 125.44px; }
      #main #mainContent .content-down .container .bigData__movie ul .slick-prev, #main #mainContent .content-down .container .bigData__movie ul .slick-next {
        top: 46%;
        height: calc( 100% - 26px);
        line-height: 320.56px; }
      #main #mainContent .content-down .container .others {
        width: 1141px;
        overflow: hidden; }
        #main #mainContent .content-down .container .others ul {
          padding: 0px;
          margin-top: 18px;
          display: grid;
          grid-template-columns: 20% 20% 20% 20% 20%;
          display: -ms-grid;
          -ms-grid-columns: 20% 20% 20% 20% 20%;
          margin-left: -7px;
          width: calc(100% + 7px * 2); }
          #main #mainContent .content-down .container .others ul a {
            margin: 0 7px;
            display: inline-block; }
            #main #mainContent .content-down .container .others ul a li .image {
              height: 121.207281px;
              width: 100%;
              background-size: 100%;
              background-position: center; }
            #main #mainContent .content-down .container .others ul a li .title {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              margin: 6px 0px;
              color: rgba(0, 0, 0, 0.9); }
          #main #mainContent .content-down .container .others ul a:nth-child(1) {
            -ms-grid-column: 1; }
          #main #mainContent .content-down .container .others ul a:nth-child(2) {
            -ms-grid-column: 2; }
          #main #mainContent .content-down .container .others ul a:nth-child(3) {
            -ms-grid-column: 3; }
          #main #mainContent .content-down .container .others ul a:nth-child(4) {
            -ms-grid-column: 4; }
          #main #mainContent .content-down .container .others ul a:nth-child(5) {
            -ms-grid-column: 5; }
          #main #mainContent .content-down .container .others ul .slick-prev,
          #main #mainContent .content-down .container .others ul .slick-next {
            position: absolute;
            z-index: 1;
            text-align: center;
            background-color: rgba(0, 0, 0, 0.3);
            width: 50px;
            height: 143px;
            line-height: 143px; }
          #main #mainContent .content-down .container .others ul .slick-prev:before,
          #main #mainContent .content-down .container .others ul .slick-next:before {
            content: ''; }
          #main #mainContent .content-down .container .others ul .slick-prev {
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            left: 0px;
            top: 6.95vw; }
          #main #mainContent .content-down .container .others ul .slick-next {
            position: relative;
            float: right;
            margin-top: -52px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            right: 0px;
            margin-top: -11.1vw; }
      #main #mainContent .content-down .container #infoImage-2 {
        display: none;
        height: 90px;
        width: 728px;
        background-color: #ffeafb;
        margin-top: 42px; }
    #main #mainContent .content-down .container.phone {
      display: none;
      padding-top: 67.5vw; }
    #main #mainContent .content-down .container.web {
      display: block; }
  #main #mainContent .content-down.movie .now-total-ep {
    display: none; }

.dramaPhotoShow {
  display: none;
  position: fixed;
  z-index: 2000;
  width: 100%;
  height: calc(100% + 4.21428vw);
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  vertical-align: middle;
  text-align: center;
  margin-top: -4.21428vw; }
  @media screen and (max-width: 1023px) {
    .dramaPhotoShow {
      height: 100%;
      margin-top: 0px; } }
  .dramaPhotoShow .close {
    background: url("../../image/close.png") no-repeat;
    background-size: 100%;
    width: 10vw;
    height: 10vw;
    min-width: 44px;
    min-height: 44px;
    position: fixed;
    right: 1.1979vw;
    top: 1.875vw;
    opacity: 1; }
  .dramaPhotoShow .image {
    margin-top: 31vh; }
    .dramaPhotoShow .image img {
      width: 80%; }

.slick-active {
  border: 0;
  outline: none; }

textarea:focus {
  outline: 0;
  /* Chrome */ }

textarea::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0px rgba(56, 56, 56, 0.8);
  border-radius: 1.302vw;
  background-color: rgba(158, 0, 231, 0.65); }

textarea::-webkit-scrollbar {
  width: 0px;
  background-color: rgba(255, 0, 26, 0.78); }

textarea::-webkit-scrollbar-thumb {
  border-radius: 1.302vw;
  -webkit-box-shadow: inset 0 0 0px rgba(16, 0, 255, 0.52);
  background-color: rgba(255, 243, 205, 0.95); }

@media screen and (max-width: 1572px) and (min-width: 1201px) {
  #main #mainContent .content-top .container {
    width: 94.338422vw;
    padding-top: 3.053vw;
    grid-template-columns: calc(94.338422vw - 343px) 342px;
    -ms-grid-columns: calc(94.338422vw - 343px) 342px; }
    #main #mainContent .content-top .container .player_outerFrame {
      width: calc(94.338422vw - 343px);
      height: calc(calc(94.338422vw - 343px) * 637 / 1137); }
    #main #mainContent .content-top .container .menu {
      height: calc(calc(94.338422vw - 343px) * 637 / 1137); }
      #main #mainContent .content-top .container .menu .video-title {
        margin-top: 1.145vw;
        margin-left: 19px;
        font-size: 20px; }
      #main #mainContent .content-top .container .menu .btn-group {
        margin-left: 15px;
        margin-top: 1.335878vw; }
        #main #mainContent .content-top .container .menu .btn-group button {
          height: 22px;
          width: 146px;
          font-size: 14px;
          border-radius: 5px;
          margin: 0 5px; }
      #main #mainContent .content-top .container .menu .changeArea .positive .ep-groups {
        margin-top: 0.127226vw; }
        #main #mainContent .content-top .container .menu .changeArea .positive .ep-groups li {
          margin-top: 0.763359vw; }
      #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists {
        padding: 0.954198vw 1.272265vw 0px 1.272265vw;
        margin-top: 0.699746vw; }
        #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li {
          margin-bottom: 7px; }
          #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li .image {
            width: 115px;
            height: 64.4px;
            line-height: 64.4px;
            position: relative; }
            #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li .image img {
              width: 100%;
              height: 100%; }
            #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li .image .bg__image_icon {
              background-image: url("../../image/play.png");
              width: 100%;
              height: 100%;
              background-size: 30%;
              background-position: center center;
              background-repeat: no-repeat;
              position: absolute;
              top: 0;
              display: none; }
          #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li .des .title {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            line-height: 1.3; }
      #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists.drama {
        padding: 0.954198vw 1.272265vw 0px 1.272265vw;
        margin-top: 0.699746vw; }
        #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists.drama li {
          padding: 0.826972vw 1.590331vw 0.890585vw 0.826972vw; }
      #main #mainContent .content-top .container .menu .changeArea .btScenes .ep-groups {
        margin-top: 0.127226vw; }
        #main #mainContent .content-top .container .menu .changeArea .btScenes .ep-groups li {
          margin-top: 0.763359vw; }
      #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists {
        padding: 0.954198vw 1.272265vw 0px 1.272265vw;
        margin-top: 0.699746vw; }
        #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li {
          margin-bottom: 7px; }
          #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li .image {
            width: 115px;
            height: 64.4px;
            line-height: 64.4px;
            position: relative; }
            #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li .image img {
              width: 100%;
              height: 100%; }
            #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li .image .bg__image_icon {
              background-image: url("../../image/play.png");
              width: 100%;
              height: 100%;
              background-size: 30%;
              background-position: center center;
              background-repeat: no-repeat;
              position: absolute;
              top: 0;
              display: none; }
          #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li .des .title {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            line-height: 1.3; }
    #main #mainContent .content-top .container .info {
      width: 94.338422vw;
      font-size: 0.826972vw;
      padding-top: 1.145038vw;
      padding-bottom: 0.954198vw; }
      #main #mainContent .content-top .container .info div {
        max-width: calc(94.338422vw - 343px); }
      #main #mainContent .content-top .container .info .video-title {
        font-size: 1.526718vw; }
      #main #mainContent .content-top .container .info .seeNumber {
        font-size: 1.145vw; }
  #main #mainContent .content-top .container.movie .player_outerFrame {
    width: 100%;
    height: 53.0653624vw; }
  #main #mainContent .content-down .container {
    width: 94.338422vw; }
    #main #mainContent .content-down .container .synopsis {
      width: 70.61%; }
      #main #mainContent .content-down .container .synopsis .description {
        font-size: 14px;
        line-height: 24px;
        margin-top: 0.636vw; }
    #main #mainContent .content-down .container .galleryImages ul li {
      height: 7.760814vw; }
    #main #mainContent .content-down .container .relativeNews {
      display: block; }
    #main #mainContent .content-down .container .galleryImages, #main #mainContent .content-down .container .bigData__movie, #main #mainContent .content-down .container .bigData__episode, #main #mainContent .content-down .container .rowNews {
      width: 72%; }
      #main #mainContent .content-down .container .galleryImages ul li, #main #mainContent .content-down .container .bigData__movie ul li, #main #mainContent .content-down .container .bigData__episode ul li, #main #mainContent .content-down .container .rowNews ul li {
        margin-left: 10px; }
      #main #mainContent .content-down .container .galleryImages ul .slick-prev,
      #main #mainContent .content-down .container .galleryImages ul .slick-next, #main #mainContent .content-down .container .bigData__movie ul .slick-prev,
      #main #mainContent .content-down .container .bigData__movie ul .slick-next, #main #mainContent .content-down .container .bigData__episode ul .slick-prev,
      #main #mainContent .content-down .container .bigData__episode ul .slick-next, #main #mainContent .content-down .container .rowNews ul .slick-prev,
      #main #mainContent .content-down .container .rowNews ul .slick-next {
        width: 3.18vw;
        height: 7.760814vw;
        line-height: 7.760814vw; }
        #main #mainContent .content-down .container .galleryImages ul .slick-prev img,
        #main #mainContent .content-down .container .galleryImages ul .slick-next img, #main #mainContent .content-down .container .bigData__movie ul .slick-prev img,
        #main #mainContent .content-down .container .bigData__movie ul .slick-next img, #main #mainContent .content-down .container .bigData__episode ul .slick-prev img,
        #main #mainContent .content-down .container .bigData__episode ul .slick-next img, #main #mainContent .content-down .container .rowNews ul .slick-prev img,
        #main #mainContent .content-down .container .rowNews ul .slick-next img {
          width: 50%; }
      #main #mainContent .content-down .container .galleryImages ul .slick-prev, #main #mainContent .content-down .container .bigData__movie ul .slick-prev, #main #mainContent .content-down .container .bigData__episode ul .slick-prev, #main #mainContent .content-down .container .rowNews ul .slick-prev {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        left: 10px; }
      #main #mainContent .content-down .container .galleryImages ul .slick-next, #main #mainContent .content-down .container .bigData__movie ul .slick-next, #main #mainContent .content-down .container .bigData__episode ul .slick-next, #main #mainContent .content-down .container .rowNews ul .slick-next {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        right: 0px; }
      #main #mainContent .content-down .container .galleryImages ul .slick-list, #main #mainContent .content-down .container .bigData__movie ul .slick-list, #main #mainContent .content-down .container .bigData__episode ul .slick-list, #main #mainContent .content-down .container .rowNews ul .slick-list {
        border-radius: 10px; }
    #main #mainContent .content-down .container .bigData__episode ul .slick-prev, #main #mainContent .content-down .container .bigData__episode ul .slick-next {
      top: 40%;
      position: absolute;
      margin-top: 0px;
      height: calc( 100% - 26px);
      line-height: 7.6vw; }
    #main #mainContent .content-down .container .rowNews {
      display: none; }
      #main #mainContent .content-down .container .rowNews ul .slick-prev, #main #mainContent .content-down .container .rowNews ul .slick-next {
        top: 40%;
        position: absolute;
        margin-top: 0px;
        height: calc( 100% - 26px);
        line-height: 7.6vw; }
    #main #mainContent .content-down .container .bigData__movie ul .slick-prev, #main #mainContent .content-down .container .bigData__movie ul .slick-next {
      top: 9.25vw;
      position: absolute;
      margin-top: 0px;
      height: calc( 100% - 26px);
      line-height: 18.7vw; }
    #main #mainContent .content-down .container .others {
      width: 72.58%; }
      #main #mainContent .content-down .container .others ul {
        margin-top: 1.14vw;
        margin-left: -0.445293vw;
        width: calc(100% + 0.445293vw * 2); }
        #main #mainContent .content-down .container .others ul a {
          margin: 0px 0.445293vw; }
          #main #mainContent .content-down .container .others ul a li .image {
            height: 7.256431vw; }
          #main #mainContent .content-down .container .others ul a li .title {
            margin: 0.3816vw 0px; }
        #main #mainContent .content-down .container .others ul .slick-prev,
        #main #mainContent .content-down .container .others ul .slick-next {
          width: 3.18vw;
          height: 9.096vw;
          line-height: 9.096vw;
          margin-left: 0.445vw;
          border-top-left-radius: 0.63vw;
          border-bottom-left-radius: 0.63vw; }
    #main #mainContent .content-down .container #infoImage-2 {
      height: 5.725vw;
      width: 46.31vw;
      margin-top: 2.671756vw; } }

@media screen and (max-width: 1200px) {
  #main #mainContent {
    margin-top: 3.39vw; } }
  @media screen and (max-width: 1200px) and (max-width: 1023px) {
    #main #mainContent {
      margin-top: 0px; } }

@media screen and (max-width: 1200px) {
    #main #mainContent .content-top .container {
      width: 94.140625vw;
      padding-top: 4.6875vw;
      grid-template-columns: 65.625vw 28.515625vw;
      -ms-grid-columns: 65.625vw 28.515625vw; }
      #main #mainContent .content-top .container .player_outerFrame {
        width: 65.625vw;
        height: 36.9140625vw; }
      #main #mainContent .content-top .container .menu {
        height: 36.9140625vw;
        width: 28.515625vw; }
        #main #mainContent .content-top .container .menu .video-title {
          margin-top: 1.46vw;
          margin-left: 1.074vw;
          font-size: 1.953vw; }
        #main #mainContent .content-top .container .menu .btn-group {
          margin-left: 0.488281vw;
          margin-top: 0.976562vw; }
          #main #mainContent .content-top .container .menu .btn-group button {
            height: 2.148438vw;
            width: 12.792969vw;
            font-size: 1.367vw;
            border-radius: 0.488281vw;
            margin: 0px 0.488281vw; }
        #main #mainContent .content-top .container .menu .changeArea {
          /* width */
          /* Track */
          /* Handle */
          /* Handle on hover */ }
          #main #mainContent .content-top .container .menu .changeArea ul li a,
          #main #mainContent .content-top .container .menu .changeArea ul li.visible a {
            grid-template-columns: 9.583333vw auto;
            -ms-grid-columns: 9.58333vw calc(100% - 9.583333vw); }
          #main #mainContent .content-top .container .menu .changeArea .positive .ep-groups {
            margin-top: 0px;
            padding: 0px 1.953125vw;
            font-size: 1.367vw; }
            #main #mainContent .content-top .container .menu .changeArea .positive .ep-groups li {
              margin-top: 1.074219vw; }
          #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists {
            padding: 1.757812vw 0.976562vw 0px 0.976562vw;
            margin-top: 1.074219vw; }
            #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li {
              margin-bottom: 0.683594vw; }
              #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li .image {
                width: 9.583333vw;
                height: 5.36666vw;
                line-height: 5.36666vw; }
              #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li .des {
                padding-left: 0.976562vw;
                line-height: 1.3;
                font-size: 1.269531vw; }
                #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li .des .title {
                  height: unset; }
          #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists.drama {
            padding: 1.757812vw 0.976562vw 0px 0.976562vw;
            margin-top: 1.074219vw; }
            #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists.drama li {
              padding: 0.683594vw;
              font-size: 1.269531vw; }
          #main #mainContent .content-top .container .menu .changeArea .btScenes .ep-groups {
            margin-top: 0px;
            padding: 0px 1.953125vw;
            font-size: 1.367188vw; }
            #main #mainContent .content-top .container .menu .changeArea .btScenes .ep-groups li {
              margin-top: 1.074219vw;
              margin-right: 0.73vw; }
          #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists {
            padding: 1.757812vw 0.976562vw 0px 0.976562vw;
            margin-top: 1.074219vw; }
            #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li {
              margin-bottom: 0.683594vw; }
              #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li .image {
                width: 9.583333vw;
                height: 5.36666vw;
                line-height: 5.36666vw; }
              #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li .des {
                padding-left: 0.976562vw;
                line-height: 1.3;
                font-size: 1.269531vw; }
                #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li .des .title {
                  height: 3.39vw; }
          #main #mainContent .content-top .container .menu .changeArea ::-webkit-scrollbar {
            width: 6px; }
          #main #mainContent .content-top .container .menu .changeArea ::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px #313131;
            border-radius: 10px; }
          #main #mainContent .content-top .container .menu .changeArea ::-webkit-scrollbar-thumb {
            background: #7D7D7D;
            border-radius: 10px; }
          #main #mainContent .content-top .container .menu .changeArea ::-webkit-scrollbar-thumb:hover {
            background: #F5F323; }
      #main #mainContent .content-top .container .info {
        width: 94.140625vw;
        font-size: 1.269531vw;
        padding-top: 0.976562vw;
        padding-bottom: 1.367188vw; }
        #main #mainContent .content-top .container .info .video-title {
          font-size: 1.757812vw;
          width: 65.625vw; }
        #main #mainContent .content-top .container .info .seeNumber {
          font-size: 1.5625vw; }
        #main #mainContent .content-top .container .info .actor {
          width: 3.9vw; } }
        @media screen and (max-width: 1200px) and (max-width: 923px) {
          #main #mainContent .content-top .container .info .actor {
            width: 39px; } }

@media screen and (max-width: 1200px) {
    #main #mainContent .content-top .container.movie .player_outerFrame {
      width: 100%;
      height: 52.9541016vw; }
    #main #mainContent .content-down .container {
      width: 94.140625vw; }
      #main #mainContent .content-down .container .synopsis {
        /*修改文字寛度到全滿，拿掉原先預留不知名的 300px*/
        width: calc(100% - 3vw); }
        #main #mainContent .content-down .container .synopsis .description {
          font-size: 1.367188vw;
          line-height: 24px;
          margin-top: 1.660156vw;
          font-weight: 400; }
      #main #mainContent .content-down .container .relativeNews {
        display: none; }
      #main #mainContent .content-down .container .galleryImages {
        /*拿掉怪怪的預留 15vw 的高度*/ }
        #main #mainContent .content-down .container .galleryImages ul li {
          height: 10.058594vw; }
      #main #mainContent .content-down .container .galleryImages, #main #mainContent .content-down .container .bigData__movie, #main #mainContent .content-down .container .bigData__episode, #main #mainContent .content-down .container .rowNews {
        width: 100%; }
        #main #mainContent .content-down .container .galleryImages ul li, #main #mainContent .content-down .container .bigData__movie ul li, #main #mainContent .content-down .container .bigData__episode ul li, #main #mainContent .content-down .container .rowNews ul li {
          margin-left: 10px; }
        #main #mainContent .content-down .container .galleryImages ul .slick-prev,
        #main #mainContent .content-down .container .galleryImages ul .slick-next, #main #mainContent .content-down .container .bigData__movie ul .slick-prev,
        #main #mainContent .content-down .container .bigData__movie ul .slick-next, #main #mainContent .content-down .container .bigData__episode ul .slick-prev,
        #main #mainContent .content-down .container .bigData__episode ul .slick-next, #main #mainContent .content-down .container .rowNews ul .slick-prev,
        #main #mainContent .content-down .container .rowNews ul .slick-next {
          width: 3.90625vw;
          height: 10.058594vw;
          line-height: 10.058594vw; }
          #main #mainContent .content-down .container .galleryImages ul .slick-prev img,
          #main #mainContent .content-down .container .galleryImages ul .slick-next img, #main #mainContent .content-down .container .bigData__movie ul .slick-prev img,
          #main #mainContent .content-down .container .bigData__movie ul .slick-next img, #main #mainContent .content-down .container .bigData__episode ul .slick-prev img,
          #main #mainContent .content-down .container .bigData__episode ul .slick-next img, #main #mainContent .content-down .container .rowNews ul .slick-prev img,
          #main #mainContent .content-down .container .rowNews ul .slick-next img {
            width: 50%; }
        #main #mainContent .content-down .container .galleryImages ul .slick-prev, #main #mainContent .content-down .container .bigData__movie ul .slick-prev, #main #mainContent .content-down .container .bigData__episode ul .slick-prev, #main #mainContent .content-down .container .rowNews ul .slick-prev {
          border-top-left-radius: 10px;
          border-bottom-left-radius: 10px;
          left: 10px; }
        #main #mainContent .content-down .container .galleryImages ul .slick-next, #main #mainContent .content-down .container .bigData__movie ul .slick-next, #main #mainContent .content-down .container .bigData__episode ul .slick-next, #main #mainContent .content-down .container .rowNews ul .slick-next {
          border-top-right-radius: 10px;
          border-bottom-right-radius: 10px;
          right: 0px; }
        #main #mainContent .content-down .container .galleryImages ul .slick-list, #main #mainContent .content-down .container .bigData__movie ul .slick-list, #main #mainContent .content-down .container .bigData__episode ul .slick-list, #main #mainContent .content-down .container .rowNews ul .slick-list {
          border-radius: 10px; }
      #main #mainContent .content-down .container .bigData__episode ul .slick-prev, #main #mainContent .content-down .container .bigData__episode ul .slick-next {
        top: 5.1vw;
        position: absolute;
        margin-top: 0px;
        height: calc(100% - 26px);
        line-height: 11vw; }
      #main #mainContent .content-down .container .relativeNews {
        display: none; }
      #main #mainContent .content-down .container .rowNews {
        display: block; }
        #main #mainContent .content-down .container .rowNews ul .slick-prev, #main #mainContent .content-down .container .rowNews ul .slick-next {
          top: 5.1vw;
          position: absolute;
          margin-top: 0px;
          height: calc(100% - 26px);
          line-height: 11vw; }
      #main #mainContent .content-down .container .bigData__movie ul .slick-prev, #main #mainContent .content-down .container .bigData__movie ul .slick-next {
        top: 12.8vw;
        position: absolute;
        margin-top: 0px;
        height: calc(100% - 26px);
        line-height: 27vw; }
      #main #mainContent .content-down .container .others {
        width: 100%; }
        #main #mainContent .content-down .container .others ul {
          margin-top: 1.660156vw;
          margin-left: -0.585938vw;
          width: calc(100% + 0.585938vw * 2); }
          #main #mainContent .content-down .container .others ul a {
            margin: 0 0.585938vw; }
            #main #mainContent .content-down .container .others ul a li {
              border-radius: 0.976562vw;
              width: 17.871094vw; }
              #main #mainContent .content-down .container .others ul a li .image {
                height: 10.058594vw; }
              #main #mainContent .content-down .container .others ul a li .title {
                margin: 0.78125vw 0px; }
          #main #mainContent .content-down .container .others ul .slick-prev,
          #main #mainContent .content-down .container .others ul .slick-next {
            width: 3.18vw;
            height: 9.096vw;
            line-height: 9.096vw;
            margin-left: 0.445vw;
            border-top-left-radius: 0.976562vw;
            border-bottom-left-radius: 0.976562vw; }
      #main #mainContent .content-down .container #infoImage-2 {
        height: 8.789062vw;
        width: 61.09375vw;
        margin-top: 2.671756vw; } }

@media screen and (max-width: 768px) and (min-width: 500px) {
  #main #mainContent {
    margin-top: 0px; }
    #main #mainContent .content-top .container {
      width: 96.09375vw;
      padding-top: 2.2135vw;
      grid-template-columns: 61.71875vw 34.375vw;
      -ms-grid-columns: 61.71875vw 34.375vw; }
      #main #mainContent .content-top .container .player_outerFrame {
        width: 61.71875vw;
        height: 34.7086416vw; }
      #main #mainContent .content-top .container .menu {
        width: 34.375vw;
        height: 34.7086416vw; }
        #main #mainContent .content-top .container .menu .video-title {
          margin-top: 2.21vw;
          margin-left: 1.17vw;
          font-size: 2.34375vw; }
        #main #mainContent .content-top .container .menu .btn-group {
          margin-left: 0.651vw;
          margin-top: 1.302083vw; }
          #main #mainContent .content-top .container .menu .btn-group button {
            width: 15.104167vw;
            height: 2.864583vw;
            font-size: 1.822917vw;
            border-radius: 0.651vw;
            margin: 0px 0.651vw; }
        #main #mainContent .content-top .container .menu .changeArea {
          /* width */
          /* Track */
          /* Handle */
          /* Handle on hover */ }
          #main #mainContent .content-top .container .menu .changeArea ul li a,
          #main #mainContent .content-top .container .menu .changeArea ul li.visible a {
            grid-template-columns: 10.9375vw auto;
            -ms-grid-columns: 10.9375vw calc(100% - 10.9375vw); } }
          @media screen and (max-width: 768px) and (min-width: 500px) and (max-width: 699px) and (min-width: 500px) {
            #main #mainContent .content-top .container .menu .changeArea ul li a .des .programme_name,
            #main #mainContent .content-top .container .menu .changeArea ul li.visible a .des .programme_name {
              display: none; } }

@media screen and (max-width: 768px) and (min-width: 500px) {
          #main #mainContent .content-top .container .menu .changeArea .positive .ep-groups {
            margin-top: 0px;
            padding: 0px 1.822917vw;
            font-size: 1.822917vw; } }
          @media screen and (max-width: 768px) and (min-width: 500px) and (max-width: 700px) {
            #main #mainContent .content-top .container .menu .changeArea .positive .ep-groups {
              grid-template-columns: auto auto auto; } }

@media screen and (max-width: 768px) and (min-width: 500px) {
            #main #mainContent .content-top .container .menu .changeArea .positive .ep-groups li {
              margin-top: 1.432292vw; }
          #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists {
            margin-top: 1.432292vw;
            padding: 2.34375vw 1.953125vw 0px 1.953125vw; }
            #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li {
              margin-bottom: 0.651vw; }
              #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li .image {
                width: 10.9375vw;
                height: 6.119792vw; }
              #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li .des {
                padding-left: 0.520833vw;
                line-height: 1.3;
                font-size: 1.5625vw; }
                #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li .des .title {
                  height: 4.1vw; } }
                @media screen and (max-width: 768px) and (min-width: 500px) and (max-width: 699px) and (min-width: 500px) {
                  #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists li .des .title {
                    height: 30px; } }

@media screen and (max-width: 768px) and (min-width: 500px) {
          #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists.drama {
            padding: 2.34375vw 1.953125vw 0px 1.953125vw;
            margin-top: 1.432292vw; }
            #main #mainContent .content-top .container .menu .changeArea .positive .menu-lists.drama li {
              padding: 0.811458vw;
              font-size: 1.5625vw; }
          #main #mainContent .content-top .container .menu .changeArea .btScenes .ep-groups {
            margin-top: 0px;
            padding: 0px 1.822917vw;
            font-size: 1.822917vw; }
            #main #mainContent .content-top .container .menu .changeArea .btScenes .ep-groups li {
              margin-right: 1.3vw;
              margin-top: 1.432292vw; }
          #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists {
            margin-top: 1.432292vw;
            padding: 2.34375vw 1.953125vw 0px 1.953125vw; }
            #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li {
              margin-bottom: 0.651vw; }
              #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li .image {
                width: 10.9375vw;
                height: 6.119792vw; }
              #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li .des {
                padding-left: 0.520833vw;
                line-height: 1.3;
                font-size: 1.5625vw; }
                #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li .des .title {
                  height: 4.1vw; } }
                @media screen and (max-width: 768px) and (min-width: 500px) and (max-width: 699px) and (min-width: 500px) {
                  #main #mainContent .content-top .container .menu .changeArea .btScenes .menu-lists li .des .title {
                    height: 30px; } }

@media screen and (max-width: 768px) and (min-width: 500px) {
          #main #mainContent .content-top .container .menu .changeArea ::-webkit-scrollbar {
            width: 6px; }
          #main #mainContent .content-top .container .menu .changeArea ::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px #313131;
            border-radius: 10px; }
          #main #mainContent .content-top .container .menu .changeArea ::-webkit-scrollbar-thumb {
            background: #7D7D7D;
            border-radius: 10px; }
          #main #mainContent .content-top .container .menu .changeArea ::-webkit-scrollbar-thumb:hover {
            background: #F5F323; }
      #main #mainContent .content-top .container .info {
        width: 96.09375vw;
        font-size: 1.5625vw;
        padding-top: 1.302083vw;
        padding-bottom: 1.953125vw; }
        #main #mainContent .content-top .container .info div {
          max-width: 61.71875vw; }
        #main #mainContent .content-top .container .info .video-title {
          font-size: 3.125vw; }
        #main #mainContent .content-top .container .info .seeNumber {
          font-size: 2.34375vw; }
    #main #mainContent .content-top .container.movie .player_outerFrame {
      width: 100%;
      height: 54.0527344vw; }
    #main #mainContent .content-down .container {
      width: 96.09375vw; }
      #main #mainContent .content-down .container .synopsis {
        width: 100%; }
        #main #mainContent .content-down .container .synopsis .description {
          font-size: 1.822917vw;
          line-height: 24px;
          margin-top: 2.604vw; }
      #main #mainContent .content-down .container .galleryImages {
        margin-top: 0px; }
        #main #mainContent .content-down .container .galleryImages ul li {
          height: 13.151042vw; }
      #main #mainContent .content-down .container .galleryImages, #main #mainContent .content-down .container .bigData__movie, #main #mainContent .content-down .container .bigData__episode, #main #mainContent .content-down .container .rowNews {
        width: 100%; }
        #main #mainContent .content-down .container .galleryImages ul li, #main #mainContent .content-down .container .bigData__movie ul li, #main #mainContent .content-down .container .bigData__episode ul li, #main #mainContent .content-down .container .rowNews ul li {
          margin-left: 10px; }
        #main #mainContent .content-down .container .galleryImages ul .slick-prev,
        #main #mainContent .content-down .container .galleryImages ul .slick-next, #main #mainContent .content-down .container .bigData__movie ul .slick-prev,
        #main #mainContent .content-down .container .bigData__movie ul .slick-next, #main #mainContent .content-down .container .bigData__episode ul .slick-prev,
        #main #mainContent .content-down .container .bigData__episode ul .slick-next, #main #mainContent .content-down .container .rowNews ul .slick-prev,
        #main #mainContent .content-down .container .rowNews ul .slick-next {
          width: 3.90625vw;
          height: 13.151042vw;
          line-height: 13.151042vw; }
          #main #mainContent .content-down .container .galleryImages ul .slick-prev img,
          #main #mainContent .content-down .container .galleryImages ul .slick-next img, #main #mainContent .content-down .container .bigData__movie ul .slick-prev img,
          #main #mainContent .content-down .container .bigData__movie ul .slick-next img, #main #mainContent .content-down .container .bigData__episode ul .slick-prev img,
          #main #mainContent .content-down .container .bigData__episode ul .slick-next img, #main #mainContent .content-down .container .rowNews ul .slick-prev img,
          #main #mainContent .content-down .container .rowNews ul .slick-next img {
            width: 50%; }
        #main #mainContent .content-down .container .galleryImages ul .slick-prev, #main #mainContent .content-down .container .bigData__movie ul .slick-prev, #main #mainContent .content-down .container .bigData__episode ul .slick-prev, #main #mainContent .content-down .container .rowNews ul .slick-prev {
          border-top-left-radius: 10px;
          border-bottom-left-radius: 10px;
          left: 10px; }
        #main #mainContent .content-down .container .galleryImages ul .slick-next, #main #mainContent .content-down .container .bigData__movie ul .slick-next, #main #mainContent .content-down .container .bigData__episode ul .slick-next, #main #mainContent .content-down .container .rowNews ul .slick-next {
          border-top-right-radius: 10px;
          border-bottom-right-radius: 10px;
          right: 0px; }
        #main #mainContent .content-down .container .galleryImages ul .slick-list, #main #mainContent .content-down .container .bigData__movie ul .slick-list, #main #mainContent .content-down .container .bigData__episode ul .slick-list, #main #mainContent .content-down .container .rowNews ul .slick-list {
          border-radius: 10px; }
      #main #mainContent .content-down .container .bigData__episode ul .slick-prev, #main #mainContent .content-down .container .bigData__episode ul .slick-next {
        top: 6.4vw;
        position: absolute;
        margin-top: 0px;
        height: calc(100% - 26px);
        line-height: 14vw; }
      #main #mainContent .content-down .container .rowNews ul .slick-prev, #main #mainContent .content-down .container .rowNews ul .slick-next {
        top: 6.4vw;
        position: absolute;
        margin-top: 0px;
        height: calc(100% - 26px);
        line-height: 14vw; }
      #main #mainContent .content-down .container .bigData__movie ul .slick-prev, #main #mainContent .content-down .container .bigData__movie ul .slick-next {
        top: 16.2vw;
        position: absolute;
        margin-top: 0px;
        height: calc(100% - 26px);
        line-height: 34vw; }
      #main #mainContent .content-down .container .relativeNews.web {
        display: none; }
      #main #mainContent .content-down .container .relativeNews.pad {
        display: block;
        float: none; }
      #main #mainContent .content-down .container .relativeNews.pad,
      #main #mainContent .content-down .container .others {
        margin-top: 0px;
        width: 100%; }
        #main #mainContent .content-down .container .relativeNews.pad ul,
        #main #mainContent .content-down .container .others ul {
          display: grid;
          grid-template-columns: 25% 25% 25% 25%;
          display: -ms-grid;
          -ms-grid-columns: 25% 25% 25% 25%;
          margin-top: 1.14vw;
          margin-left: -0.520833vw;
          width: calc(100% + 0.520833vw * 2); }
          #main #mainContent .content-down .container .relativeNews.pad ul a,
          #main #mainContent .content-down .container .others ul a {
            display: none;
            margin: 0 0.520833vw; }
            #main #mainContent .content-down .container .relativeNews.pad ul a li,
            #main #mainContent .content-down .container .others ul a li {
              display: block;
              width: 100%;
              border-radius: 1.3vw; }
              #main #mainContent .content-down .container .relativeNews.pad ul a li .image,
              #main #mainContent .content-down .container .others ul a li .image {
                width: 23.307292vw;
                height: 13.151042vw;
                background-size: cover; }
              #main #mainContent .content-down .container .relativeNews.pad ul a li .title,
              #main #mainContent .content-down .container .others ul a li .title {
                display: block;
                width: 23.307292vw;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin: 0.78125vw 0px;
                font-size: 13px; }
          #main #mainContent .content-down .container .relativeNews.pad ul a:nth-child(-n+4),
          #main #mainContent .content-down .container .others ul a:nth-child(-n+4) {
            display: block; }
          #main #mainContent .content-down .container .relativeNews.pad ul a:nth-child(1),
          #main #mainContent .content-down .container .others ul a:nth-child(1) {
            -ms-grid-column: 1; }
          #main #mainContent .content-down .container .relativeNews.pad ul a:nth-child(2),
          #main #mainContent .content-down .container .others ul a:nth-child(2) {
            -ms-grid-column: 2; }
          #main #mainContent .content-down .container .relativeNews.pad ul a:nth-child(3),
          #main #mainContent .content-down .container .others ul a:nth-child(3) {
            -ms-grid-column: 3; }
          #main #mainContent .content-down .container .relativeNews.pad ul a:nth-child(4),
          #main #mainContent .content-down .container .others ul a:nth-child(4) {
            -ms-grid-column: 4; }
      #main #mainContent .content-down .container #infoImage-2 {
        height: 11.71875vw;
        width: 94.791667vw;
        margin-top: 7.9vw; }
  textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #e7e7e7; }
  textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #e7e7e7; }
  textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #e7e7e7; }
  textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #e7e7e7; } }

@media screen and (max-width: 499px) {
  .main__left-title {
    padding-top: 0.6vw; }
    .main__left-title .main__left-titleicon {
      height: 4.008016vw;
      width: 0.601202vw;
      margin-top: 1.05vw; }
    .main__left-title .main__left-titlename {
      color: #181818 !important;
      font-size: 4.208417vw; }
  #main #mainContent {
    margin: 0px; }
    #main #mainContent .content-top {
      position: absolute;
      width: 100%;
      z-index: 10; }
      #main #mainContent .content-top .container {
        display: block;
        width: 100%;
        padding-top: 0px; }
        #main #mainContent .content-top .container .player_outerFrame {
          width: 100%;
          height: 56.024626vw; }
        #main #mainContent .content-top .container .tagName {
          display: block;
          font-size: 4.2vw;
          height: 11.72vw;
          line-height: 11.72vw;
          margin: 0;
          text-align: center;
          white-space: nowrap;
          overflow-y: hidden; }
          #main #mainContent .content-top .container .tagName .scroll-line {
            width: 100%;
            height: 15vw;
            overflow: auto;
            padding-right: 10px; }
            #main #mainContent .content-top .container .tagName .scroll-line span {
              display: inline-block;
              margin: 0 4vw; }
            #main #mainContent .content-top .container .tagName .scroll-line .checked {
              color: #F5F323; }
        #main #mainContent .content-top .container .menu,
        #main #mainContent .content-top .container .info {
          display: none; }
        #main #mainContent .content-top .container .menu {
          float: none; }
    #main #mainContent .content-down {
      min-height: 0; }
      #main #mainContent .content-down .phone {
        display: block;
        padding: 0px;
        font-size: 3.206413vw;
        width: 100%; }
        #main #mainContent .content-down .phone .phoneContent {
          display: none;
          margin: 0px;
          padding: 0 4.008016vw;
          padding-top: 5.410822vw;
          width: 100%; }
        #main #mainContent .content-down .phone .introduction .detail {
          width: 100%;
          padding: 0 2vw;
          font-weight: 300;
          margin-top: 5.41vw;
          font-size: 3.206413vw;
          color: #525252; }
          #main #mainContent .content-down .phone .introduction .detail .colm {
            display: inline-grid;
            grid-template-columns: auto auto;
            display: -ms-inline-grid;
            -ms-grid-columns: auto auto; }
            #main #mainContent .content-down .phone .introduction .detail .colm span:first-child {
              margin-right: 8px; }
        #main #mainContent .content-down .phone .introduction .synopsis {
          margin-top: 5.21vw;
          margin-bottom: 7vw;
          width: 100%; }
          #main #mainContent .content-down .phone .introduction .synopsis .description {
            padding: 0 2vw;
            font-size: 3.206413vw;
            font-weight: 300;
            color: #525252; }
        #main #mainContent .content-down .phone .introduction .galleryImages {
          margin-top: 0px;
          margin-bottom: 7vw;
          width: 100%; }
          #main #mainContent .content-down .phone .introduction .galleryImages ul {
            padding: 0;
            margin: 0 auto;
            margin-top: 3.8vw;
            width: 100%; }
            #main #mainContent .content-down .phone .introduction .galleryImages ul li {
              display: inline-block;
              height: 0px;
              width: 32.6%;
              padding-top: 18.3375%;
              margin: 0 auto;
              margin-right: 1.1%;
              border: 1px solid #B5B5B5;
              border-radius: 1.302vw;
              background-color: #aaaaaa; }
            #main #mainContent .content-down .phone .introduction .galleryImages ul li:nth-child(3n) {
              margin-right: 0px; }
          #main #mainContent .content-down .phone .introduction .galleryImages .seemore {
            display: block;
            margin: 0 auto;
            margin-top: 5.58132vw;
            background-color: #bfbfbf;
            color: #fff;
            border-radius: 30px;
            height: 7.971014vw;
            line-height: 7.971014vw;
            width: 26.798712vw;
            font-size: 3.462158VW; }
            #main #mainContent .content-down .phone .introduction .galleryImages .seemore .more {
              margin: 25px 18px 23px 52px;
              margin: 2.012882vw 1.449275vw 1.851852vw 3.186795vw;
              background-size: 100%;
              background-color: #fff;
              border-radius: 30px;
              width: 4.025765vw;
              height: 4.025765vw;
              line-height: 4.025765vw;
              display: inline-block;
              vertical-align: top;
              text-align: center;
              font-weight: bold;
              color: #bfbfbf; }
            #main #mainContent .content-down .phone .introduction .galleryImages .seemore .text {
              vertical-align: middle; }
          #main #mainContent .content-down .phone .introduction .galleryImages .seemore:hover {
            background-color: #3b2dfa; }
            #main #mainContent .content-down .phone .introduction .galleryImages .seemore:hover .more {
              color: #3b2dfa; }
        #main #mainContent .content-down .phone .levels {
          display: none; }
          #main #mainContent .content-down .phone .levels .positive {
            display: block; }
            #main #mainContent .content-down .phone .levels .positive .ep-groups {
              margin-bottom: 4vw;
              height: 6vw;
              overflow-y: hidden;
              text-align: center;
              display: inline-block;
              width: calc(100% - 135px); }
              #main #mainContent .content-down .phone .levels .positive .ep-groups ul {
                width: 100%;
                height: 10vw;
                overflow: auto;
                margin: 0;
                padding: 0;
                white-space: nowrap; }
                #main #mainContent .content-down .phone .levels .positive .ep-groups ul li {
                  display: inline-block;
                  margin: 0px 4.61718vw;
                  font-size: 4.166vw;
                  color: #9f9f9f;
                  border: 0px; }
                #main #mainContent .content-down .phone .levels .positive .ep-groups ul li:last-child {
                  margin-bottom: 0px; }
                #main #mainContent .content-down .phone .levels .positive .ep-groups ul li:hover,
                #main #mainContent .content-down .phone .levels .positive .ep-groups ul li.active {
                  color: #000; }
            #main #mainContent .content-down .phone .levels .positive .ep-groups.noRightShadow {
              background-image: url("../../image/programmes/shadow-l.png");
              background-repeat: no-repeat;
              background-position: left; }
            #main #mainContent .content-down .phone .levels .positive .ep-groups.noLeftShadow {
              background-image: url("../../image/programmes/shadow-r.png");
              background-repeat: no-repeat;
              background-position: right; }
            #main #mainContent .content-down .phone .levels .positive .menu-lists {
              margin-top: 5.210421vw; }
              #main #mainContent .content-down .phone .levels .positive .menu-lists li {
                margin: 2.60521vw 0px;
                display: none; }
                #main #mainContent .content-down .phone .levels .positive .menu-lists li a {
                  width: 100%;
                  display: grid;
                  display: -ms-grid;
                  grid-template-columns: 40vw auto;
                  color: #9f9f9f; }
                  #main #mainContent .content-down .phone .levels .positive .menu-lists li a .image {
                    width: 40vw;
                    height: 22.4vw;
                    line-height: 22.4vw;
                    background-size: 100%;
                    text-align: center;
                    -ms-grid-column: 1;
                    position: relative; }
                    #main #mainContent .content-down .phone .levels .positive .menu-lists li a .image img {
                      width: 100%;
                      height: 100%; }
                    #main #mainContent .content-down .phone .levels .positive .menu-lists li a .image .bg__image_icon {
                      background-image: url("../../image/play.png");
                      width: 100%;
                      height: 100%;
                      background-size: 30%;
                      background-position: center center;
                      background-repeat: no-repeat;
                      position: absolute;
                      top: 0;
                      display: block; }
                  #main #mainContent .content-down .phone .levels .positive .menu-lists li a .des {
                    padding: 3vw 0;
                    padding-left: 5%;
                    display: inline-table;
                    height: 100%;
                    -ms-grid-column: 2; }
                    #main #mainContent .content-down .phone .levels .positive .menu-lists li a .des .title {
                      font-size: 3.206413vw;
                      vertical-align: middle;
                      overflow: hidden;
                      display: table-cell;
                      -webkit-box-orient: vertical;
                      -webkit-line-clamp: 2;
                      line-height: 1.3; }
                #main #mainContent .content-down .phone .levels .positive .menu-lists li li.visible {
                  display: block; }
                #main #mainContent .content-down .phone .levels .positive .menu-lists li li.active a {
                  color: #000; }
              #main #mainContent .content-down .phone .levels .positive .menu-lists li.visible {
                display: block; }
              #main #mainContent .content-down .phone .levels .positive .menu-lists li.active a {
                color: #000; }
            #main #mainContent .content-down .phone .levels .positive .menu-lists.drama {
              display: none; }
              #main #mainContent .content-down .phone .levels .positive .menu-lists.drama li {
                display: none;
                padding: 2.60521vw 0px; }
                #main #mainContent .content-down .phone .levels .positive .menu-lists.drama li a {
                  display: block;
                  color: #9f9f9f; }
              #main #mainContent .content-down .phone .levels .positive .menu-lists.drama li.visible {
                display: block; }
              #main #mainContent .content-down .phone .levels .positive .menu-lists.drama li.active a {
                color: #000; }
            #main #mainContent .content-down .phone .levels .positive .streamdetail_program {
              display: none; }
            #main #mainContent .content-down .phone .levels .positive .seeNumber {
              color: #472FFF;
              font-weight: 300;
              font-size: 16px;
              margin-bottom: 5vw;
              text-align: right;
              float: right; }
          #main #mainContent .content-down .phone .levels .others {
            margin-top: 6vw; }
            #main #mainContent .content-down .phone .levels .others ul {
              display: block;
              margin-top: 3.807615vw; }
              #main #mainContent .content-down .phone .levels .others ul li {
                margin: 2.60521vw 0px; }
                #main #mainContent .content-down .phone .levels .others ul li a {
                  width: 100%;
                  display: grid;
                  display: -ms-grid;
                  grid-template-columns: 40vw auto;
                  color: #9f9f9f; }
                  #main #mainContent .content-down .phone .levels .others ul li a .image {
                    width: 40vw;
                    height: 22.4vw;
                    line-height: 22.4vw;
                    background-size: 100%;
                    text-align: center;
                    -ms-grid-column: 1; }
                    #main #mainContent .content-down .phone .levels .others ul li a .image img {
                      width: 100%;
                      height: 100%; }
                  #main #mainContent .content-down .phone .levels .others ul li a .des {
                    padding: 3vw 0;
                    padding-left: 5%;
                    display: inline-table;
                    height: 100%;
                    -ms-grid-column: 2; }
                    #main #mainContent .content-down .phone .levels .others ul li a .des .title {
                      font-size: 3.206413vw;
                      vertical-align: middle;
                      overflow: hidden;
                      display: table-cell;
                      -webkit-box-orient: vertical;
                      -webkit-line-clamp: 2;
                      line-height: 1.3; }
              #main #mainContent .content-down .phone .levels .others ul li.active a {
                color: #000; }
        #main #mainContent .content-down .phone .btScenes {
          display: none; }
          #main #mainContent .content-down .phone .btScenes .ep-groups {
            margin-bottom: 4vw;
            height: 6vw;
            overflow-y: hidden;
            text-align: center; }
            #main #mainContent .content-down .phone .btScenes .ep-groups ul {
              width: 100%;
              height: 10vw;
              overflow: auto;
              margin: 0;
              padding: 0;
              white-space: nowrap; }
              #main #mainContent .content-down .phone .btScenes .ep-groups ul li {
                display: inline-block;
                margin: 0px 4.61718vw;
                font-size: 4.166vw;
                color: #9f9f9f;
                border: 0px; }
              #main #mainContent .content-down .phone .btScenes .ep-groups ul li:last-child {
                margin-bottom: 0px; }
              #main #mainContent .content-down .phone .btScenes .ep-groups ul li:hover,
              #main #mainContent .content-down .phone .btScenes .ep-groups ul li.active {
                color: #313131; }
          #main #mainContent .content-down .phone .btScenes .menu-lists {
            display: none;
            margin-top: 5.210421vw; }
            #main #mainContent .content-down .phone .btScenes .menu-lists li {
              margin: 2.60521vw 0px; }
              #main #mainContent .content-down .phone .btScenes .menu-lists li a {
                width: 100%;
                display: grid;
                display: -ms-grid;
                grid-template-columns: 40vw auto;
                color: #9f9f9f; }
                #main #mainContent .content-down .phone .btScenes .menu-lists li a .image {
                  width: 40vw;
                  height: 22.4vw;
                  line-height: 22.4vw;
                  background-size: 100%;
                  text-align: center;
                  -ms-grid-column: 1;
                  position: relative; }
                  #main #mainContent .content-down .phone .btScenes .menu-lists li a .image img {
                    width: 100%;
                    height: 100%; }
                  #main #mainContent .content-down .phone .btScenes .menu-lists li a .image .bg__image_icon {
                    background-image: url("../../image/play.png");
                    width: 100%;
                    height: 100%;
                    background-size: 30%;
                    background-position: center center;
                    background-repeat: no-repeat;
                    position: absolute;
                    top: 0;
                    display: block; }
                #main #mainContent .content-down .phone .btScenes .menu-lists li a .des {
                  padding: 3vw 0;
                  padding-left: 5%;
                  -ms-grid-column: 2; }
            #main #mainContent .content-down .phone .btScenes .menu-lists li.active a {
              color: #000; }
          #main #mainContent .content-down .phone .btScenes .menu-lists.active {
            display: block; }
        #main #mainContent .content-down .phone .relativeNews {
          display: none;
          float: none; }
          #main #mainContent .content-down .phone .relativeNews .menu-lists {
            margin-top: 0px; }
            #main #mainContent .content-down .phone .relativeNews .menu-lists li {
              margin: 2.60521vw 0px;
              display: block; }
              #main #mainContent .content-down .phone .relativeNews .menu-lists li a {
                width: 100%;
                display: grid;
                display: -ms-grid;
                grid-template-columns: 40vw auto;
                color: #9f9f9f; }
                #main #mainContent .content-down .phone .relativeNews .menu-lists li a .image {
                  width: 40vw;
                  height: 22.4vw;
                  line-height: 22.4vw;
                  background-size: 100%;
                  text-align: center;
                  -ms-grid-column: 1; }
                  #main #mainContent .content-down .phone .relativeNews .menu-lists li a .image img {
                    width: 100%;
                    height: 100%; }
                #main #mainContent .content-down .phone .relativeNews .menu-lists li a .des {
                  padding: 3vw 0;
                  padding-left: 5%;
                  display: inline-table;
                  height: 100%;
                  -ms-grid-column: 2; }
                  #main #mainContent .content-down .phone .relativeNews .menu-lists li a .des .title {
                    font-size: 3.206413vw;
                    vertical-align: middle;
                    overflow: hidden;
                    display: table-cell;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    line-height: 1.3; }
            #main #mainContent .content-down .phone .relativeNews .menu-lists li.active a {
              color: #000; }
          #main #mainContent .content-down .phone .relativeNews .menu-lists.active {
            display: block; }
        #main #mainContent .content-down .phone .message {
          display: none; }
          #main #mainContent .content-down .phone .message .message-show {
            font-size: 2.255208vw;
            text-align: left;
            float: right;
            width: 100%;
            margin-bottom: 9.5vw; }
            #main #mainContent .content-down .phone .message .message-show .msg-line {
              display: block;
              margin-bottom: 3vw; }
              #main #mainContent .content-down .phone .message .message-show .msg-line div {
                display: inline-block;
                vertical-align: top; }
              #main #mainContent .content-down .phone .message .message-show .msg-line .account-headPic {
                margin-right: 2.5vw;
                width: 8vw;
                height: 8vw;
                border: 1px solid #fff;
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                overflow: hidden;
                background-color: #d2ff83; }
                #main #mainContent .content-down .phone .message .message-show .msg-line .account-headPic img {
                  width: 100%; }
              #main #mainContent .content-down .phone .message .message-show .msg-line .content {
                width: calc(100% - 16vw); }
                #main #mainContent .content-down .phone .message .message-show .msg-line .content .account-name {
                  margin-right: 1vw; }
          #main #mainContent .content-down .phone .message .inputArea {
            position: fixed;
            bottom: 0;
            width: calc(100% - 17vw);
            height: 22vw;
            background-color: #383838; }
            #main #mainContent .content-down .phone .message .inputArea .account-headPic {
              display: none; }
            #main #mainContent .content-down .phone .message .inputArea textarea {
              display: block;
              padding: 0px;
              padding-left: 5vw;
              background-color: rgba(255, 255, 255, 0.2);
              border-color: #575757;
              border-radius: 30px;
              width: 100%;
              height: 8vw;
              line-height: 8vw;
              text-align: left;
              font-size: 3vw;
              resize: none;
              overflow: hidden; }
            #main #mainContent .content-down .phone .message .inputArea textarea:focus {
              outline: 0;
              /* Chrome */ }
        #main #mainContent .content-down .phone .recommend {
          display: none;
          margin: 0px; }
          #main #mainContent .content-down .phone .recommend .bigData__movie, #main #mainContent .content-down .phone .recommend .bigData__episode, #main #mainContent .content-down .phone .recommend .rowNews {
            width: 100%; }
            #main #mainContent .content-down .phone .recommend .bigData__movie ul li, #main #mainContent .content-down .phone .recommend .bigData__episode ul li, #main #mainContent .content-down .phone .recommend .rowNews ul li {
              margin-left: 10px; }
            #main #mainContent .content-down .phone .recommend .bigData__movie ul .slick-prev,
            #main #mainContent .content-down .phone .recommend .bigData__movie ul .slick-next, #main #mainContent .content-down .phone .recommend .bigData__episode ul .slick-prev,
            #main #mainContent .content-down .phone .recommend .bigData__episode ul .slick-next, #main #mainContent .content-down .phone .recommend .rowNews ul .slick-prev,
            #main #mainContent .content-down .phone .recommend .rowNews ul .slick-next {
              width: 3.90625vw;
              height: 13.151042vw;
              line-height: 13.151042vw; }
              #main #mainContent .content-down .phone .recommend .bigData__movie ul .slick-prev img,
              #main #mainContent .content-down .phone .recommend .bigData__movie ul .slick-next img, #main #mainContent .content-down .phone .recommend .bigData__episode ul .slick-prev img,
              #main #mainContent .content-down .phone .recommend .bigData__episode ul .slick-next img, #main #mainContent .content-down .phone .recommend .rowNews ul .slick-prev img,
              #main #mainContent .content-down .phone .recommend .rowNews ul .slick-next img {
                width: 50%; }
            #main #mainContent .content-down .phone .recommend .bigData__movie ul .slick-prev, #main #mainContent .content-down .phone .recommend .bigData__episode ul .slick-prev, #main #mainContent .content-down .phone .recommend .rowNews ul .slick-prev {
              border-top-left-radius: 10px;
              border-bottom-left-radius: 10px;
              left: 10px; }
            #main #mainContent .content-down .phone .recommend .bigData__movie ul .slick-next, #main #mainContent .content-down .phone .recommend .bigData__episode ul .slick-next, #main #mainContent .content-down .phone .recommend .rowNews ul .slick-next {
              border-top-right-radius: 10px;
              border-bottom-right-radius: 10px;
              right: 0px; }
            #main #mainContent .content-down .phone .recommend .bigData__movie ul .slick-list, #main #mainContent .content-down .phone .recommend .bigData__episode ul .slick-list, #main #mainContent .content-down .phone .recommend .rowNews ul .slick-list {
              border-radius: 10px; }
          #main #mainContent .content-down .phone .recommend .bigData__episode ul .slick-prev, #main #mainContent .content-down .phone .recommend .bigData__episode ul .slick-next {
            top: 12.3vw;
            position: absolute;
            margin-top: 0px;
            height: calc(100% - 26px);
            line-height: 25vw; }
          #main #mainContent .content-down .phone .recommend .rowNews ul .slick-prev, #main #mainContent .content-down .phone .recommend .rowNews ul .slick-next {
            top: 12.3vw;
            position: absolute;
            margin-top: 0px;
            height: calc(100% - 26px);
            line-height: 25vw; }
          #main #mainContent .content-down .phone .recommend .bigData__movie ul .slick-prev, #main #mainContent .content-down .phone .recommend .bigData__movie ul .slick-next {
            top: 20.4vw;
            position: absolute;
            margin-top: 0px;
            height: calc(100% - 27px);
            line-height: 43vw; }
          #main #mainContent .content-down .phone .recommend .bigData__movie {
            margin-top: 30px; }
        #main #mainContent .content-down .phone .phoneContent.show {
          display: block; }
      #main #mainContent .content-down .container.web {
        display: none; }
      #main #mainContent .content-down .container.phone {
        display: block; } }

.myMouse {
  cursor: pointer; }

.tel_web {
  display: inline; }
  @media screen and (max-width: 1023px) {
    .tel_web {
      display: none; } }

.tel_mobile {
  display: none; }
  @media screen and (max-width: 1023px) {
    .tel_mobile {
      display: inline; } }