.container {
  margin: 0 auto;
  
  }
  .container .news {
    font-size: 0; }
    .container .news .newsTitle {
      position: relative;
      height:50px;
      line-height:50px; }
      .container .news .newsTitle img {
        vertical-align: middle;
        display: inline-block;
        margin-right: 10px; }
      .container .news .newsTitle span { margin-left:10px;
        vertical-align: middle;
        display: inline-block;
        font-size: 25px; }
    .container .news .all {
      
     display:inline-block;
     vertical-align: middle;
    margin-left: 20px;
      width: 94px;
      height: 28px;
      line-height: 28px;
      color: #FFF;
      border-radius: 5px;
      background-color: rgba(229, 52, 42, 0.6);
      text-align: center;
      cursor: pointer;
      font-size: 16px; }
      .container .news .all a{
          display:block;
          color: #FFF;
      }
    .container .news .swiper-container {
      position: relative;
      width: 33%;
      float: left;
      border-radius: 4px;
      height: 325px; }
      .container .news .swiper-container .swiper-slide {
        position: relative; }
        .container .news .swiper-container .swiper-slide .Vtime {
          position: absolute;
          color: #fff;
          right: 10px;
          top: 10px;
          font-size: 14px; }
        .container .news .swiper-container .swiper-slide img {
          width:100%;
      height:100%;
          display: block; }
      .container .news .swiper-container .SwiperTitle {
        height: 30px;
        line-height: 30px;
        background: rgba(0, 0, 0, 0.8);
        color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 65%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 20px;
        z-index: 10;
        font-size: 16px; }
      .container .news .swiper-container .swiper-pagination {
        font-size: 16px;
        position: absolute;
        right: 0;
        bottom: 0;
        left: auto;
        width: 35%;
        height: 30px;
        text-align: right;
        padding-right: 10px;
        line-height: 30px;
        background: rgba(0, 0, 0, 0.8); }
        .container .news .swiper-container .swiper-pagination .swiper-pagination-bullet {
          background: #fff;
          opacity: 1;
          width: 12px;
          height: 12px; }
        .container .news .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
          background: #e5342a;
          width: 12px;
          height: 12px; }
    .container .news .newsList {
      position: relative;
      display: inline-block;
      vertical-align: top;
      width: 16%;
      border-radius: 5px;
      overflow: hidden;
      margin-left: .7%;
      margin-bottom: 10px;
      background-color: #3d3d3d;
      height: 157.8px; }
      .container .news .newsList img {
        width: 100%;
        display: block; }
      .container .news .newsList .NlistTitle {
        position: absolute;
        bottom: 0;
        font-size: 13px;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        height: 30px;
        line-height: 30px;
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        padding: 0 10px; }
      .container .news .newsList .Ntime {
        position: absolute;
        top: 10px;
        right: 10px;
        color: #fff;
        font-size: 12px; }

.Asian .AsianLeft,
.domestic .AsianLeft,
.Europe .AsianLeft,
.cartoon .AsianLeft,
.novel .AsianLeft {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  }
  .Asian .AsianLeft .Title,
  .domestic .AsianLeft .Title,
  .Europe .AsianLeft .Title,
  .cartoon .AsianLeft .Title,
  .novel .AsianLeft .Title {
    position: relative;
    height: 90px;
    line-height: 90px; }
    .Asian .AsianLeft .Title img,
    .domestic .AsianLeft .Title img,
    .Europe .AsianLeft .Title img,
    .cartoon .AsianLeft .Title img,
    .novel .AsianLeft .Title img {
      vertical-align: middle;
      display: inline-block;
      margin-right: 10px; }
    .Asian .AsianLeft .Title span,
    .domestic .AsianLeft .Title span,
    .Europe .AsianLeft .Title span,
    .cartoon .AsianLeft .Title span,
    .novel .AsianLeft .Title span {
      vertical-align: middle;
      display: inline-block;
      font-size: 25px; }
    .Asian .AsianLeft .Title .AsianNav,
    .domestic .AsianLeft .Title .AsianNav,
    .Europe .AsianLeft .Title .AsianNav,
    .cartoon .AsianLeft .Title .AsianNav,
    .novel .AsianLeft .Title .AsianNav {
      display: inline-block;
      vertical-align: middle;
      margin-left: 40px; }
      .Asian .AsianLeft .Title .AsianNav div,
      .domestic .AsianLeft .Title .AsianNav div,
      .Europe .AsianLeft .Title .AsianNav div,
      .cartoon .AsianLeft .Title .AsianNav div,
      .novel .AsianLeft .Title .AsianNav div {
        display: inline-block;
        background-color: rgba(229, 52, 42, 0.6);
        color: #fff;
        height: 28px;
        line-height: 28px;
        width: 94px;
        text-align: center;
        border-radius: 5px;
        font-size: 14px;
        cursor: pointer;
        margin-right: 15px; }
        .Asian .AsianLeft .Title .AsianNav div a,
        .domestic .AsianLeft .Title .AsianNav div a,
        .Europe .AsianLeft .Title .AsianNav div a,
        .cartoon .AsianLeft .Title .AsianNav div a,
        .novel .AsianLeft .Title .AsianNav div a {
          color: #fff;
          display:block; }
      .Asian .AsianLeft .Title .AsianNav .active,
      .domestic .AsianLeft .Title .AsianNav .active,
      .Europe .AsianLeft .Title .AsianNav .active,
      .cartoon .AsianLeft .Title .AsianNav .active,
      .novel .AsianLeft .Title .AsianNav .active {
        background: #e5342a; }
      .Asian .AsianLeft .Title .AsianNav .listAll:hover,
      .Asian .AsianLeft .Title .AsianNav .all:hover,
      .domestic .AsianLeft .Title .AsianNav .listAll:hover,
      .domestic .AsianLeft .Title .AsianNav .all:hover,
      .Europe .AsianLeft .Title .AsianNav .listAll:hover,
      .Europe .AsianLeft .Title .AsianNav .all:hover,
      .cartoon .AsianLeft .Title .AsianNav .listAll:hover,
      .cartoon .AsianLeft .Title .AsianNav .all:hover,
      .novel .AsianLeft .Title .AsianNav .listAll:hover,
      .novel .AsianLeft .Title .AsianNav .all:hover {
        background: #e5342a; }
      .Asian .AsianLeft .Title .AsianNav .all,
      .domestic .AsianLeft .Title .AsianNav .all,
      .cartoon .AsianLeft .Title .AsianNav .all,
      .novel .AsianLeft .Title .AsianNav .all {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        margin-right: 5px; }
  .Asian .AsianLeft .AsianBox,
  .domestic .AsianLeft .AsianBox,
  .Europe .AsianLeft .AsianBox,
  .cartoon .AsianLeft .AsianBox,
  .novel .AsianLeft .AsianBox {
    display: none; }
    .Asian .AsianLeft .AsianBox.active,
    .domestic .AsianLeft .AsianBox.active,
    .Europe .AsianLeft .AsianBox.active,
    .cartoon .AsianLeft .AsianBox.active,
    .novel .AsianLeft .AsianBox.active {
      display: block; }
    .Asian .AsianLeft .AsianBox .AsianList,
    .domestic .AsianLeft .AsianBox .AsianList,
    .Europe .AsianLeft .AsianBox .AsianList,
    .cartoon .AsianLeft .AsianBox .AsianList,
    .novel .AsianLeft .AsianBox .AsianList {
      position: relative;
      display: inline-block;
      vertical-align: top;
      width: 19.2%;
      border-radius: 5px;
      overflow: hidden;
      margin-bottom: 10px;
      margin-left: .5%;
      height: 157.6px; }
      .Asian .AsianLeft .AsianBox .AsianList:nth-of-type(5n-4),
      .domestic .AsianLeft .AsianBox .AsianList:nth-of-type(5n-4),
      .Europe .AsianLeft .AsianBox .AsianList:nth-of-type(5n-4),
      .cartoon .AsianLeft .AsianBox .AsianList:nth-of-type(5n-4),
      .novel .AsianLeft .AsianBox .AsianList:nth-of-type(5n-4) {
        margin-left: 0; }
      .Asian .AsianLeft .AsianBox .AsianList img,
      .domestic .AsianLeft .AsianBox .AsianList img,
      .Europe .AsianLeft .AsianBox .AsianList img,
      .cartoon .AsianLeft .AsianBox .AsianList img,
      .novel .AsianLeft .AsianBox .AsianList img {
        opacity: 1;
        
        width: 100%;
        display: block; }
      .Asian .AsianLeft .AsianBox .AsianList .NlistTitle,
      .domestic .AsianLeft .AsianBox .AsianList .NlistTitle,
      .Europe .AsianLeft .AsianBox .AsianList .NlistTitle,
      .cartoon .AsianLeft .AsianBox .AsianList .NlistTitle,
      .novel .AsianLeft .AsianBox .AsianList .NlistTitle {
        position: absolute;
        bottom: 0;
        font-size: 13px;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        height: 30px;
        line-height: 30px;
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        padding: 0 10px; }
      .Asian .AsianLeft .AsianBox .AsianList .Ntime,
      .domestic .AsianLeft .AsianBox .AsianList .Ntime,
      .Europe .AsianLeft .AsianBox .AsianList .Ntime,
      .cartoon .AsianLeft .AsianBox .AsianList .Ntime,
      .novel .AsianLeft .AsianBox .AsianList .Ntime {
        position: absolute;
        top: 10px;
        right: 10px;
        color: #fff;
        font-size: 12px; }
    .Asian .AsianLeft .AsianBox .novelBigBox,
    .domestic .AsianLeft .AsianBox .novelBigBox,
    .Europe .AsianLeft .AsianBox .novelBigBox,
    .cartoon .AsianLeft .AsianBox .novelBigBox,
    .novel .AsianLeft .AsianBox .novelBigBox {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .Asian .AsianLeft .AsianBox .novelBigBox .novelBox,
      .domestic .AsianLeft .AsianBox .novelBigBox .novelBox,
      .Europe .AsianLeft .AsianBox .novelBigBox .novelBox,
      .cartoon .AsianLeft .AsianBox .novelBigBox .novelBox,
      .novel .AsianLeft .AsianBox .novelBigBox .novelBox {
        width: 31.5%; }
        .Asian .AsianLeft .AsianBox .novelBigBox .novelBox .novelList,
        .domestic .AsianLeft .AsianBox .novelBigBox .novelBox .novelList,
        .Europe .AsianLeft .AsianBox .novelBigBox .novelBox .novelList,
        .cartoon .AsianLeft .AsianBox .novelBigBox .novelBox .novelList,
        .novel .AsianLeft .AsianBox .novelBigBox .novelBox .novelList {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          border-bottom: 1px solid #e4e4e4;
          height: 42px;
          line-height: 42px; }
          .Asian .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .title,
          .domestic .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .title,
          .Europe .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .title,
          .cartoon .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .title,
          .novel .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .title {
            width: 80%;
            cursor: pointer;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .Asian .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .title a,
            .domestic .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .title a,
            .Europe .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .title a,
            .cartoon .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .title a,
            .novel .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .title a {
              color: #666;
              font-size: 14px; }
            .Asian .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .title:hover a,
            .domestic .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .title:hover a,
            .Europe .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .title:hover a,
            .cartoon .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .title:hover a,
            .novel .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .title:hover a {
              color: #e5342a; }
          .Asian .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .peopleNum,
          .domestic .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .peopleNum,
          .Europe .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .peopleNum,
          .cartoon .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .peopleNum,
          .novel .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .peopleNum {
            color: #999;
            font-size: 13px; }
            .Asian .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .peopleNum img,
            .domestic .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .peopleNum img,
            .Europe .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .peopleNum img,
            .cartoon .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .peopleNum img,
            .novel .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .peopleNum img {
              margin-left: 5px;
              vertical-align: middle;
              margin-top: -3px; }

.Asian .AsianRight,
.domestic .AsianRight,
.Europe .AsianRight,
.cartoon .AsianRight,
.novel .AsianRight {
  width: 16.4%;
  display: inline-block;
  vertical-align: top;
  padding-left: 7px; }
  .Asian .AsianRight .goodTitle,
  .domestic .AsianRight .goodTitle,
  .Europe .AsianRight .goodTitle,
  .cartoon .AsianRight .goodTitle,
  .novel .AsianRight .goodTitle {
    height: 90px;
    line-height: 90px; }
    .Asian .AsianRight .goodTitle img,
    .domestic .AsianRight .goodTitle img,
    .Europe .AsianRight .goodTitle img,
    .cartoon .AsianRight .goodTitle img,
    .novel .AsianRight .goodTitle img {
      width: 32px;
      height: 32px;
      display: inline-block;
      vertical-align: middle; }
    .Asian .AsianRight .goodTitle span,
    .domestic .AsianRight .goodTitle span,
    .Europe .AsianRight .goodTitle span,
    .cartoon .AsianRight .goodTitle span,
    .novel .AsianRight .goodTitle span {
      display: inline-block;
      vertical-align: middle;
      font-size: 25px;
      margin-left: 15px; }
  .Asian .AsianRight .rankList span,
  .domestic .AsianRight .rankList span,
  .Europe .AsianRight .rankList span,
  .cartoon .AsianRight .rankList span,
  .novel .AsianRight .rankList span {
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    border-radius: 6px;
    color: #fff;
    margin-right: 3px; }
  .Asian .AsianRight .rankList p,
  .domestic .AsianRight .rankList p,
  .Europe .AsianRight .rankList p,
  .cartoon .AsianRight .rankList p,
  .novel .AsianRight .rankList p {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;}
  .Asian .AsianRight .rankList p a,
  .domestic .AsianRight .rankList p a,
  .Europe .AsianRight .rankList p a,
  .cartoon .AsianRight .rankList p a,
  .novel .AsianRight .rankList p a{
    color: #666;
    font-size: 14px; }
  .Asian .AsianRight .rankList div,
  .domestic .AsianRight .rankList div,
  .Europe .AsianRight .rankList div,
  .cartoon .AsianRight .rankList div,
  .novel .AsianRight .rankList div {
    margin-bottom: 6px;
    cursor: pointer; }
    .Asian .AsianRight .rankList div:hover p a,
    .domestic .AsianRight .rankList div:hover p a,
    .Europe .AsianRight .rankList div:hover p a,
    .cartoon .AsianRight .rankList div:hover p a,
    .novel .AsianRight .rankList div:hover p a{
      color: #e5342a; }
  .Asian .AsianRight .rankList div:nth-of-type(1) > span,
  .domestic .AsianRight .rankList div:nth-of-type(1) > span,
  .Europe .AsianRight .rankList div:nth-of-type(1) > span,
  .cartoon .AsianRight .rankList div:nth-of-type(1) > span,
  .novel .AsianRight .rankList div:nth-of-type(1) > span {
    background: rgba(229, 52, 42, 0.8);
    font-weight: bold; }
  .Asian .AsianRight .rankList div:nth-of-type(2) > span,
  .domestic .AsianRight .rankList div:nth-of-type(2) > span,
  .Europe .AsianRight .rankList div:nth-of-type(2) > span,
  .cartoon .AsianRight .rankList div:nth-of-type(2) > span,
  .novel .AsianRight .rankList div:nth-of-type(2) > span {
    background: rgba(229, 52, 42, 0.6);
    font-weight: bold; }
  .Asian .AsianRight .rankList div:nth-of-type(3) > span,
  .domestic .AsianRight .rankList div:nth-of-type(3) > span,
  .Europe .AsianRight .rankList div:nth-of-type(3) > span,
  .cartoon .AsianRight .rankList div:nth-of-type(3) > span,
  .novel .AsianRight .rankList div:nth-of-type(3) > span {
    background: rgba(229, 52, 42, 0.4);
    font-weight: bold; }
  .Asian .AsianRight .rankList div:nth-of-type(3) ~ div span,
  .domestic .AsianRight .rankList div:nth-of-type(3) ~ div span,
  .Europe .AsianRight .rankList div:nth-of-type(3) ~ div span,
  .cartoon .AsianRight .rankList div:nth-of-type(3) ~ div span,
  .novel .AsianRight .rankList div:nth-of-type(3) ~ div span {
    background: #e4e4e4; }

.special .Title {
  position: relative;
  height: 90px;
  line-height: 90px; }
  .special .Title img {
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px; }
  .special .Title span {
    vertical-align: middle;
    display: inline-block;
    font-size: 25px; }
  .special .Title .AsianNav {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-right: 5px; }
    .special .Title .AsianNav div {
      display: inline-block;
      background-color: rgba(229, 52, 42, 0.6);
      color: #fff;
      height: 28px;
      line-height: 28px;
      width: 94px;
      text-align: center;
      border-radius: 5px;
      font-size: 14px;
      cursor: pointer;
      margin-right: 15px; }
      .special .Title .AsianNav div a {
        color: #fff;
        display: block; }
    .special .Title .AsianNav .all:hover {
      background: #e5342a; }
    .special .Title .AsianNav .all {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      margin-right: 5px; }

.special .lul {
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  width: 100%; }

.special .lul li {
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  width: 237px;
  height: 332px;
  border-radius: 5px; }

.special .lul li img {
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-transition: all 0.6s;
  transition: all 0.6s; }

.special .lul li img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.special .lul li p {
  white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  width: 100%;
  line-height: 28px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #f2f2f2; }

.cartoon .AsianLeft {
  width: 100%; }
  .cartoon .AsianLeft .AsianBox .AsianList {
    width: 15.8%; }
    .cartoon .AsianLeft .AsianBox .AsianList:nth-of-type(5n-4) {
      margin-left: .5%; }
    .cartoon .AsianLeft .AsianBox .AsianList:nth-of-type(6n-5) {
      margin-left: 0px; }

@media (min-width: 1502px) {
  .container {
    width: 1470px; } }

@media (max-width: 1501px) and (min-width: 992px) {
  .container {
    width: 970px; }
  .container .news .newsList {
    width: 24.4%;
    margin-bottom: 6px; }
    .container .news .newsList:nth-of-type(5) {
      margin-left: 0; }
  .container .news .swiper-container {
    width: 49.5%;
    height: 321px; }
  .Asian .AsianLeft,
  .domestic .AsianLeft,
  .Europe .AsianLeft,
  .novel .AsianLeft {
    width: 75%; }
  .Asian .AsianRight,
  .domestic .AsianRight,
  .Europe .AsianRight,
  .cartoon .AsianRight,
  .novel .AsianRight {
    width: 24.4%; }
  .Asian .AsianLeft .AsianBox .AsianList,
  .domestic .AsianLeft .AsianBox .AsianList,
  .Europe .AsianLeft .AsianBox .AsianList,
  .cartoon .AsianLeft .AsianBox .AsianList,
  .novel .AsianLeft .AsianBox .AsianList {
    width: 32.2%; }
  .cartoon .AsianLeft .AsianBox .AsianList {
    width: 24%; }
  .cartoon .AsianLeft .AsianBox .AsianList:nth-of-type(6n-5) {
    margin-left: .5%; }
  .cartoon .AsianLeft .AsianBox .AsianList:nth-of-type(4n-3) {
    margin-left: 0; }
  .Asian .AsianLeft .Title .AsianNav,
  .domestic .AsianLeft .Title .AsianNav,
  .Europe .AsianLeft .Title .AsianNav,
  .cartoon .AsianLeft .Title .AsianNav,
  .novel .AsianLeft .Title .AsianNav {
    margin-left: 10px; }
  .novel .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .title {
    width: 70%; }
  .Asian .AsianLeft .AsianBox .AsianList:last-child,
  .domestic .AsianLeft .AsianBox .AsianList:last-child,
  .Europe .AsianLeft .AsianBox .AsianList:last-child {
    display: none; }
   .Asian .AsianLeft .Title .AsianNav div,
  .domestic .AsianLeft .Title .AsianNav div,
  .Europe .AsianLeft .Title .AsianNav div,
  .cartoon .AsianLeft .Title .AsianNav div,
  .novel .AsianLeft .Title .AsianNav div {
    width: 75px;}
 }

@media (max-width: 992px) and (min-width: 768px) {
  .container {
    width: 750px; }
  .container .news .newsList {
    width: 24.4%;
    margin-bottom: 6px;
    height: 122.8px; }
    .container .news .newsList:nth-of-type(5) {
      margin-left: 0; }
  .container .news .swiper-container {
    width: 49.5%;
    height: 250px; }
  .Asian .AsianLeft,
  .domestic .AsianLeft,
  .Europe .AsianLeft,
  .novel .AsianLeft {
    width: 74%; }
  .Asian .AsianRight,
  .domestic .AsianRight,
  .Europe .AsianRight,
  .cartoon .AsianRight,
  .novel .AsianRight {
    width: 24.4%; }
  .Asian .AsianLeft .AsianBox .AsianList,
  .domestic .AsianLeft .AsianBox .AsianList,
  .Europe .AsianLeft .AsianBox .AsianList,
  .cartoon .AsianLeft .AsianBox .AsianList,
  .novel .AsianLeft .AsianBox .AsianList {
    width: 32.2%;
    height: 120px; }
  .cartoon .AsianLeft .AsianBox .AsianList {
    width: 24%; }
  .cartoon .AsianLeft .AsianBox .AsianList:nth-of-type(6n-5) {
    margin-left: .5%; }
  .cartoon .AsianLeft .AsianBox .AsianList:nth-of-type(4n-3) {
    margin-left: 0; }
  .Asian .AsianLeft .Title .AsianNav,
  .domestic .AsianLeft .Title .AsianNav,
  .Europe .AsianLeft .Title .AsianNav,
  .cartoon .AsianLeft .Title .AsianNav,
  .novel .AsianLeft .Title .AsianNav {
    margin-left: 10px; }
  .novel .AsianLeft .AsianBox .novelBigBox .novelBox .novelList .title {
    width: 66%; }
  .Asian .AsianLeft .AsianBox .AsianList:last-child,
  .domestic .AsianLeft .AsianBox .AsianList:last-child,
  .Europe .AsianLeft .AsianBox .AsianList:last-child {
    display: none; }
  .Asian .AsianLeft .Title .AsianNav div,
  .domestic .AsianLeft .Title .AsianNav div,
  .Europe .AsianLeft .Title .AsianNav div,
  .cartoon .AsianLeft .Title .AsianNav div,
  .novel .AsianLeft .Title .AsianNav div {
    width: 60px;
    margin-right: 2px; }
  .novel .AsianLeft .Title .AsianNav div {
    margin-right: 2px; }
  .novel .AsianLeft .Title .AsianNav {
    margin-left: 0; } }

@media (max-width: 767px) {
  .container {
    width: 100%;
    padding-top: 80px; }
  .web {
    overflow: hidden; }
  .container .news .newsTitle {
    height: 42px;
    line-height: 42px; }
    .container .news .newsTitle img {
      width: 22px;
      height: 22px;
      margin-right: 5px;
      margin-left: 5px; }
    .container .news .newsTitle span {
      font-size: 16px;
      font-weight: bold; }
  .container .news .all {
    background-color: #e5342a;
    height: 20px;
    width: 44px;
    line-height: 20px;
    font-size: 12px;
    border-radius: 3px;
    margin-right: 10px; }
  .container .news .swiper-container {
    width: 100%;
  height:270px;
    margin-bottom: 10px;
    float: none; }
  .container .news .newsList {
    width: 49%;
    height: 32vw;
    margin-left: 0; }
  .news .newsBox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 8px; }
    .news .newsBox .newsList:nth-of-type(6) ~ .newsList {
      display: none; }
  .Asian .AsianLeft .Title,
  .domestic .AsianLeft .Title,
  .Europe .AsianLeft .Title,
  .cartoon .AsianLeft .Title,
  .novel .AsianLeft .Title {
    height: 42px;
    line-height: 42px; }
  .Asian .AsianLeft .Title img,
  .domestic .AsianLeft .Title img,
  .Europe .AsianLeft .Title img,
  .cartoon .AsianLeft .Title img,
  .novel .AsianLeft .Title img {
    width: 22px;
    height: 22px;
    margin-right: 5px;
    margin-left: 8px; }
  .Asian .AsianLeft .Title span,
  .domestic .AsianLeft .Title span,
  .Europe .AsianLeft .Title span,
  .cartoon .AsianLeft .Title span,
  .novel .AsianLeft .Title span {
    font-size: 16px;
    font-weight: bold;margin-left:10px; }
  .Asian .AsianLeft .Title .AsianNav,
  .domestic .AsianLeft .Title .AsianNav,
  .Europe .AsianLeft .Title .AsianNav,
  .cartoon .AsianLeft .Title .AsianNav,
  .novel .AsianLeft .Title .AsianNav {
    margin-left: 0;
    float: right;
    margin-right: 10px; }
  .Asian .AsianLeft .Title .AsianNav div,
  .domestic .AsianLeft .Title .AsianNav div,
  .Europe .AsianLeft .Title .AsianNav div,
  .cartoon .AsianLeft .Title .AsianNav div,
  .novel .AsianLeft .Title .AsianNav div {
    width: auto;
    padding: 0 3px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    margin-right: 0;
    vertical-align: middle;
    border-radius: 3px; }
  .Asian .AsianRight,
  .domestic .AsianRight,
  .Europe .AsianRight,
  .cartoon .AsianRight,
  .novel .AsianRight {
    display: none; }
  .Asian .AsianLeft,
  .domestic .AsianLeft,
  .Europe .AsianLeft,
  .cartoon .AsianLeft,
  .novel .AsianLeft {
    width: 100%; }
  .Asian .AsianLeft .AsianBox,
  .domestic .AsianLeft .AsianBox,
  .Europe .AsianLeft .AsianBox,
  .cartoon .AsianLeft .AsianBox,
  .novel .AsianLeft .AsianBox {
    font-size: 0;
    padding: 0 8px; }
  .Asian .AsianLeft .AsianBox .AsianList,
  .domestic .AsianLeft .AsianBox .AsianList,
  .Europe .AsianLeft .AsianBox .AsianList,
  .cartoon .AsianLeft .AsianBox .AsianList,
  .novel .AsianLeft .AsianBox .AsianList {
    width: 49%;
    margin-left: 0;
    height: 32vw; }
    .Asian .AsianLeft .AsianBox .AsianList:nth-of-type(2n),
    .domestic .AsianLeft .AsianBox .AsianList:nth-of-type(2n),
    .Europe .AsianLeft .AsianBox .AsianList:nth-of-type(2n),
    .cartoon .AsianLeft .AsianBox .AsianList:nth-of-type(2n),
    .novel .AsianLeft .AsianBox .AsianList:nth-of-type(2n) {
      margin-left: 2%; }
  .domestic .AsianNav .list:nth-of-type(3) ~ .list {
    display: none; }
  .novel .AsianNav .list:nth-of-type(3) ~ .list {
    display: none; }
  .novel .novelBigBox .novelBox:nth-of-type(1) ~ .novelBox {
    display: none; }
  .novel .AsianLeft .AsianBox .novelBigBox .novelBox {
    width: 100%; }
  .Europe .AsianLeft .Title .AsianNav .all {
    margin-right: 10px; }
  .special .Title {
    height: 42px;
    line-height: 42px; }
    .special .Title img {
      width: 22px;
      height: 22px;
      margin-left: 8px;
      margin-right: 5px; }
    .special .Title span {
      font-size: 16px; }
    .special .Title .AsianNav {
      margin-right: 0; }
      .special .Title .AsianNav .all {
        width: 30px;
        padding: 0 3px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        margin-right: 10px;
        vertical-align: middle;
        border-radius: 3px; }
  .special .lul {
    padding: 0 10px; }
    .special .lul li {
      width: 49%;
      height: 66vw; }
      .special .lul li:nth-of-type(4) ~ li {
        display: none; }
  #wapfoot {
    display: block;
    background: #000;
    padding: 0 10px;}
    #wapfoot p {
      color: #fff;
      font-size: 12px; }
    #wapfoot .chineseWarm {
      padding: 15px 0; } }
	  
	  html,body {height:100%;}
.imgPlay {width:100%;height:100%;} 
.imgPlay img{margin:5px;max-width:310px;_width:expression(this.width > 310 ? "310px" :this.width);}
.post-title {display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-play{padding-bottom:50%}
.embed-responsive-headphones{padding-bottom:20%}
.embed-responsive-4by3{padding-bottom:70%}
.propa_left1,.propa_left2,.propa_left3{z-index:9999;}
.propa_right1,.propa_right2,.propa_right3{z-index:9999;}
.propa_bottom{z-index:9999;}
.color-white{color:#fff!important}
.opacity-50{opacity:.5}
.bg-highlight{background-color:#1c212a!important;color:#fff}
.pagination-round a{border-radius:35px}
.pagination{width:100%;text-align:center;margin-bottom:20px;}
.pagination a{color:#000;font-size:11px;display:inline-block;width:35px;line-height:33px;height:35px;margin:20px 5px 5px 0;border:1px solid rgba(0,0,0,.06)}

.btn-submit{padding:10px 40px;transition:all .1s linear;display:inline-block;background:#E93255;color:#fff;border:none;font-weight:500;cursor:pointer;border-radius:3px}
.btn-submit:hover{background:#008d8c;color:#fff}.btn-submit:focus{outline:0}button{border:none;cursor:pointer}