.home {
  position: relative;
  width: 100%; }
  .home .main {
    margin: 11.4583333333vw 10.4166666667vw 4.1666666667vw 10.4166666667vw; }
    .home .main .links {
      display: flex; }
      .home .main .links a,
      .home .main .links p,
      .home .main .links span {
        color: #B8B8B8;
        font-size: 1.25vw;
        text-transform: uppercase; }
      .home .main .links a {
        transition: all 600ms; }
        .home .main .links a:hover {
          color: #E60012; }
      .home .main .links span {
        margin: 0 1vw; }
    .home .main .box {
      margin: 3vw 18%; }
      .home .main .box .t1 {
        color: #E60012;
        font-size: 1.3020833333vw; }
      .home .main .box .t2 {
        color: #000;
        font-size: 2.0833333333vw;
        padding: 1vw 0;
        border-bottom: 1px solid #EEE; }
      .home .main .box .time {
        color: #888;
        font-size: 0.8333333333vw;
        font-weight: 300;
        margin-top: .6vw; }
      .home .main .box .html {
        color: #000;
        font-size: 0.8333333333vw;
        font-weight: 300;
        line-height: 1.8;
        margin: 1.5vw 0; }
        .home .main .box .html img {
          max-width: 100%; }
    .home .main .pager {
      border-top: 1px solid #C5C5C5;
      padding: 3vw 0;
      display: flex;
      justify-content: space-between; }
      .home .main .pager .prev {
        display: flex;
        width: 40%;
        align-items: center; }
        .home .main .pager .prev .btn {
          display: flex;
          align-items: center; }
          .home .main .pager .prev .btn svg {
            width: 1.71875vw;
            display: block; }
          .home .main .pager .prev .btn p {
            color: #E60012;
            font-size: 1.0416666667vw;
            font-weight: 700;
            margin-left: 0.5vw; }
        .home .main .pager .prev .pt {
          color: #000;
          font-size: 1.0416666667vw;
          margin-left: 2vw;
          transition: all 600ms; }
          .home .main .pager .prev .pt:hover {
            color: #E60012; }
      .home .main .pager .back {
        background: #E60012;
        display: flex;
        align-items: center;
        padding: 1vw  2.5vw;
        border-radius: 50px; }
        .home .main .pager .back img {
          display: block;
          width: 0.9375vw; }
        .home .main .pager .back p {
          color: white;
          font-size: 1.0416666667vw;
          font-weight: 700;
          margin-left: 1vw;
          transform: translateY(2px); }
      .home .main .pager .next {
        display: flex;
        align-items: center;
        width: 40%;
        justify-content: flex-end; }
        .home .main .pager .next .btn {
          display: flex;
          align-items: center; }
          .home .main .pager .next .btn svg {
            width: 1.71875vw;
            display: block; }
          .home .main .pager .next .btn p {
            color: #E60012;
            font-size: 1.0416666667vw;
            font-weight: 700;
            margin-right: 0.5vw; }
        .home .main .pager .next .pt {
          color: #000;
          font-size: 1.0416666667vw;
          margin-right: 2vw;
          transition: all 600ms; }
          .home .main .pager .next .pt:hover {
            color: #E60012; }
  @media screen and (max-width: 1024px) {
    .home {
      padding-top: 100px; }
      .home .main {
        margin: 0 5%; }
        .home .main .links a, .home .main .links p, .home .main .links span {
          font-size: 16px; }
        .home .main .box {
          margin: 30px 0; }
          .home .main .box .t1 {
            font-size: 18px; }
          .home .main .box .t2 {
            font-size: 20px;
            padding: 10px 0; }
          .home .main .box .time {
            font-size: 14px;
            margin-top: 10px; }
          .home .main .box .html {
            font-size: 14px;
            margin: 20px 0; }
        .home .main .pager {
          padding: 20px 0;
          flex-direction: column; }
          .home .main .pager .prev {
            width: 100%; }
            .home .main .pager .prev .btn svg {
              width: 15px; }
            .home .main .pager .prev .btn p {
              font-size: 16px;
              margin-left: 10px; }
            .home .main .pager .prev .pt {
              font-size: 16px;
              margin-left: 15px;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis; }
          .home .main .pager .back {
            justify-content: center;
            padding: 15px 0; }
            .home .main .pager .back img {
              width: auto; }
            .home .main .pager .back p {
              font-size: 18px;
              margin-left: 10px; }
          .home .main .pager .next {
            justify-content: flex-end;
            width: 100%; }
            .home .main .pager .next .btn svg {
              width: 15px; }
            .home .main .pager .next .btn p {
              font-size: 16px;
              margin-right: 10px; }
            .home .main .pager .next .pt {
              font-size: 16px;
              margin-right: 15px;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis; } }

/*# sourceMappingURL=newsInfo.css.map */
