@charset "UTF-8";
/*  Extra large devices (large desktops) 大屏桌面端 */
.layoutWidget70 {
  width: 100%;
  height: 100vh;
  font-size: 14px;
  box-sizing: border-box; }
  .layoutWidget70 li {
    list-style: none; }
  .layoutWidget70 a {
    text-decoration: none;
    outline: none; }
  .layoutWidget70 .list {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .layoutWidget70 .list .listItemWrap {
      width: 11.5%;
      height: 100%;
      float: left;
      transition: width 1s; }
      .layoutWidget70 .list .listItemWrap .listItem {
        width: 100%;
        height: 100%;
        position: relative;
        text-align: center;
        box-sizing: border-box;
        padding-top: 0px; }
        .layoutWidget70 .list .listItemWrap .listItem .fullTitle, .layoutWidget70 .list .listItemWrap .listItem .abbreviation {
          font-size: 1.43em;
          color: #ffffff;
          font-weight: 500;
          opacity: 0;
          display: none;
          transition: opacity .5s; }
          .layoutWidget70 .list .listItemWrap .listItem .fullTitle span, .layoutWidget70 .list .listItemWrap .listItem .abbreviation span {
            display: block;
            max-width: 50%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin: 0 auto; }
        .layoutWidget70 .list .listItemWrap .listItem .moreBtn {
          width: 157px;
          height: 48px;
          line-height: 48px;
          letter-spacing: 1px;
          transition: all .5s;
          cursor: pointer;
          font-size: 1.14em;
          margin: 32px -500px 0px;
          opacity: 0;
          transiton: all .5s; }
          .layoutWidget70 .list .listItemWrap .listItem .moreBtn .fa-angle-right {
            margin-left: 4px; }
          .layoutWidget70 .list .listItemWrap .listItem .moreBtn a {
            diplay: block;
            width: 100%;
            height: 100%; }
          .layoutWidget70 .list .listItemWrap .listItem .moreBtn:hover {
            background: rgba(255, 255, 255, 0.1);
            letter-spacing: 4px; }
        .layoutWidget70 .list .listItemWrap .listItem .itemImg {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1; }
          .layoutWidget70 .list .listItemWrap .listItem .itemImg img {
            height: 100%; }
    .layoutWidget70 .list .listItemWrap:first-of-type {
      width: 54%; }

/* Large devices (desktops, less than 1200px) 普通桌面端 */
@media (max-width: 1200px) {
  .layoutWidget70 .list .listItemWrap .listItem .fullTitle, .layoutWidget70 .list .listItemWrap .listItem .abbreviation {
    font-size: 1.35em; } }
/* Medium devices (tablets, less than 992px) 平板端 */
@media (max-width: 992px) {
  .layoutWidget70 {
    height: auto; }
    .layoutWidget70 .list {
      height: auto; }
      .layoutWidget70 .list .listItemWrap {
        float: none;
        width: 100%;
        height: 100vh;
        overflow: hidden; }
        .layoutWidget70 .list .listItemWrap:first-of-type {
          width: 100%; }
        .layoutWidget70 .list .listItemWrap .listItem .moreBtn {
          margin: 0;
          height: 42px;
          line-height: 42px;
          font-size: 1.05em; }
        .layoutWidget70 .list .listItemWrap .listItem .fullTitle, .layoutWidget70 .list .listItemWrap .listItem .abbreviation {
          font-size: 1.28em; } }

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