.MainContent {
  margin-top: 20px; }
  @media (min-width: 1300px) {
    .MainContent .container {
      max-width: 1220px; } }
  .MainContent a .text {
    padding: 15px 20px;
    background: #fff; }
    .MainContent a .text .title {
      font-size: 14px;
      color: #161616;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      line-height: 1.8; }
  .MainContent ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
            flex-flow: wrap; }
    .MainContent ul li {
      width: 50%;
      padding: 0 10px;
      margin-bottom: 20px; }
      .MainContent ul li a {
        display: block; }
        .MainContent ul li a:hover .img img {
          -webkit-transform: scale(1.1);
              -ms-transform: scale(1.1);
                  transform: scale(1.1); }
        .MainContent ul li a .img {
          overflow: hidden; }
          .MainContent ul li a .img img {
            -webkit-transition: 0.5s ease all;
            transition: 0.5s ease all; }
        .MainContent ul li a:hover .text .title {
          color: #951e23; }
        .MainContent ul li a:hover .img .write img:nth-of-type(1) {
          display: none; }
        .MainContent ul li a:hover .img .write img:nth-of-type(2) {
          display: block; }
        .MainContent ul li a .img {
          height: 160px;
          position: relative; }
          .MainContent ul li a .img > img {
            width: 100%;
            height: 100%;
            display: block; }
          .MainContent ul li a .img .write {
            position: absolute;
            left: 20px;
            bottom: 20px; }
            .MainContent ul li a .img .write img:nth-of-type(1) {
              display: block; }
            .MainContent ul li a .img .write img:nth-of-type(2) {
              display: none; }
  .MainContent .TopBlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px; }
    .MainContent .TopBlock .pongeimg {
      width: 590px;
      margin-bottom: 20px; }
      .MainContent .TopBlock .pongeimg a {
        width: 100%;
        display: block; }
        .MainContent .TopBlock .pongeimg a:hover .img img {
          -webkit-transform: scale(1.1);
              -ms-transform: scale(1.1);
                  transform: scale(1.1); }
        .MainContent .TopBlock .pongeimg a .img {
          overflow: hidden; }
          .MainContent .TopBlock .pongeimg a .img img {
            -webkit-transition: 0.5s ease all;
            transition: 0.5s ease all; }
        .MainContent .TopBlock .pongeimg a:hover .text .title {
          color: #951e23; }
        .MainContent .TopBlock .pongeimg a .img {
          height: 420px; }
        .MainContent .TopBlock .pongeimg a .text {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          min-width: 0; }
          .MainContent .TopBlock .pongeimg a .text .title {
            width: 240px;
            -webkit-transition: 0.5s ease all;
            transition: 0.5s ease all; }
          .MainContent .TopBlock .pongeimg a .text .iconing {
            margin-left: auto;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center; }
    .MainContent .TopBlock .RightList {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      min-width: 0;
      margin-left: 10px; }
  .MainContent .List ul li {
    width: 25%; }

.BG {
  background-image: url(../images/ff1c14a8f69a96583f9bf5789c54f433.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

@media (max-width: 1299px) {
  .MainContent ul li a .img {
    height: 130px; }
  .MainContent .TopBlock .pongeimg {
    width: 540px; }
  .MainContent .TopBlock .pongeimg a .img {
    height: 360px; } }

@media (max-width: 1199px) {
  .MainContent ul li a .img {
    height: 95px; }
  .MainContent .TopBlock .pongeimg {
    width: 450px; }
  .MainContent .TopBlock .pongeimg a .img {
    height: 290px; } }

@media (max-width: 991px) {
  .MainContent .TopBlock {
    -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
            flex-flow: wrap;
    padding-left: 0; }
  .MainContent .TopBlock .pongeimg {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px; }
  .MainContent .TopBlock .pongeimg a .img {
    height: auto; }
    .MainContent .TopBlock .pongeimg a .img img {
      width: 100%; }
  .MainContent {
    margin-top: 0; }
  .MainContent .TopBlock .RightList {
    margin-left: 0;
    -webkit-box-flex: initial;
    -webkit-flex: initial;
        -ms-flex: initial;
            flex: initial;
    width: 100%; }
  .MainContent ul li a .img {
    height: 185px; }
  .MainContent .List ul li {
    width: 50%; } }

@media (max-width: 767px) {
  .MainContent ul li a .img {
    height: 135px; } }

@media (max-width: 575px) {
  .MainContent .TopBlock .pongeimg {
    padding-left: 0;
    padding-right: 0; }
  .MainContent ul li {
    padding: 0;
    padding-right: 5px;
    margin-bottom: 10px; }
    .MainContent ul li:nth-of-type(2n+0) {
      padding-right: 0;
      padding-left: 5px; }
  .MainContent .TopBlock .pongeimg {
    margin-bottom: 10px; }
  .MainContent ul li a .img {
    height: auto; }
  .MainContent a .text {
    padding: 10px; }
  .MainContent .TopBlock .pongeimg a .text .title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-right: 10px; }
  .MainContent ul li a .img .write {
    bottom: 10px;
    left: 10px; }
    .MainContent ul li a .img .write img {
      width: 20px; }
  .MainContent .TopBlock .pongeimg a .text .iconing img {
    width: 20px; } }