::-webkit-input-placeholder { color: #fff; }

:-moz-placeholder { color: #fff; }

::-moz-placeholder { color: #fff; }

:-ms-input-placeholder { color: #fff; }


  .header { background: #000; }
  body { padding-top: 0.41667rem; }
  @media (max-width: 1199px) { .header { background: #000; }
  body { padding-top: 1rem; } }

.pongetitle { font-size: 0.125rem; color: #222222; padding: 0.13542rem 0; }

.sectionA { padding: 0 0.52083rem; margin-bottom: 0.41667rem; }

.sectionA .pongetitle { padding-left: 0.05208rem; padding-right: 0.05208rem; padding-left: 0.10417rem; }

.sectionA .content ul { 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; }

.sectionA .content ul li { width: 50%; padding: 0 0.10417rem; }

.sectionA .content ul li a { display: block; position: relative; border-radius: 10px; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.sectionA .content ul li a:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.sectionA .content ul li a .img { overflow: hidden; }

.sectionA .content ul li a .img img { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.sectionA .content ul li a:hover .img .write .title { color: #fff; }

.sectionA .content ul li a .img { height: 2.85417rem; }

.sectionA .content ul li a .img img { width: 100%; height: 100%; display: block; }

.sectionA .content ul li a .img .write { position: absolute; background-image: url(../images/15840b9839342d65f4a65b7ecf6333d4.png); background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; top: 0; left: 0; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 0.15625rem; padding-top: 0; }

.sectionA .content ul li a .img .write .title { font-size: 0.13542rem; color: #fff; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }

.sectionA .content ul li a .img .write .date { font-size: 0.10417rem; margin-top: 0.07813rem; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sectionB { background-image: url(../images/2c32e6d347139b214fc3e770ec4797b8.png); background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 0 0.52083rem; padding-top: 0.125rem; padding-bottom: 0.44271rem; }

.sectionB .pongetitle { color: #fff; padding-left: 0.07292rem; margin-bottom: 0.02604rem; }

.sectionB ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.sectionB ul li { padding: 0 0.07292rem; }

.sectionB ul li a { position: relative; display: block; border-radius: 10px; overflow: hidden; }

.sectionB ul li a:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.sectionB ul li a .img { overflow: hidden; }

.sectionB ul li a .img img { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.sectionB ul li a:hover .img .write .title { color: #fff; }

.sectionB ul li a .img { height: 1.875rem; position: relative; }

.sectionB ul li a .img img { display: block; width: 100%; height: 100%; }

.sectionB ul li a .img .write { position: absolute; width: 100%; height: 100%; left: 0; bottom: -1px; background-image: url(../images/1435bba2865178ed3aa7be224a4746c1.png); background-repeat: no-repeat; background-position: center center; background-size: cover; margin: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 0.10417rem; padding-bottom: 0.10417rem; }

.sectionB ul li a .img .write .title { font-size: 0.09375rem; color: #ffffff; margin-bottom: 0.07813rem; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.sectionB ul li a .img .write .date { font-size: 0.06771rem; color: #ffffff; }

.sectionC { background: #f5f5f7; }

.sectionC .container { padding: 0.52083rem 0.46875rem; padding-bottom: 0.3125rem; }

.sectionC ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; }

.sectionC ul li { width: 25%; padding: 0 0.10417rem; margin-bottom: 0.20833rem; }

.sectionC ul li a { display: block; border-radius: 0.05208rem; overflow: hidden; }

.sectionC ul li a:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.sectionC ul li a .img { overflow: hidden; }

.sectionC ul li a .img img { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.sectionC ul li a .title { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; font-size: 0.10417rem; color: #1e1e1e; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sectionC ul li a .text { background: #fff; padding: 0.07813rem 0.13021rem; padding-bottom: 0.10417rem; }

.sectionC ul li a .date { font-size: 0.08333rem; color: #858585; margin-top: 0.07813rem; }

.sectionC .more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #eaeaea; }

.sectionC .more a { 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; font-size: 0.08333rem; color: #424242; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; padding: 0.07813rem 0; display: flex; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.sectionC .more a img { width: 0.03646rem; margin-left: 0.05208rem; }

/*@media (max-width: 575px) { .sectionB ul li { width: 50%; }*/
/*  .sectionB ul li:last-child { display: none; }*/
/*  .sectionB ul li a .img { height: 150px; }*/
/*  .sectionB ul li a .img .write .title { font-size: 14px; }*/
/*  .sectionB ul li a .img .write .date { font-size: 12px; }*/
/*  .sectionB ul li a .img .write { padding: 20px; padding-top: 0; }*/
/*  .pongetitle { font-size: 18px; }*/
/*  .sectionA .content ul li a .img .write .title { font-size: 14px; }*/
/*  .sectionA .content ul li a .img .write .date { font-size: 12px; }*/
/*  .sectionB { padding-left: 10px; padding-right: 10px; }*/
/*  .sectionB ul li { padding: 0; padding-right: 5px; }*/
/*  .sectionB ul li:nth-of-type(2n+0) { padding-left: 5px; padding-right: 0; }*/
/*  .sectionC ul li { width: 50%; padding: 0; padding-right: 5px; }*/
/*  .sectionC ul li:nth-of-type(2n+0) { padding-left: 5px; padding-right: 0; }*/
/*  .sectionC .container { padding: 30px 10px; }*/
/*  .sectionC ul li a { border-radius: 10px; }*/
/*  .sectionC ul li a .img { height: 150px; }*/
/*  .sectionC ul li a .img img { max-width: 100%; }*/
/*  .sectionC ul li a .text { padding: 20px; }*/
/*  .sectionC ul li a .title { font-size: 14px; }*/
/*  .sectionC ul li a .date { margin-top: 10px; font-size: 12px; }*/
/*  .sectionC .more a { padding: 10px 0; font-size: 14px; }*/
/*  .sectionC .more a img { width: 4px; margin-left: 5px; }*/
/*  .sectionA { padding: 0 10px; margin-bottom: 30px; }*/
/*  .sectionA .pongetitle { padding: 10px 0; }*/
/*  .sectionA .content ul li a .img .write { padding: 20px; }*/
/*  .sectionA .content ul li a .img { height: 150px; }*/
/*  .sectionA .content ul li a .img img { width: auto; }*/
/*  .sectionC ul li a .img { height: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }*/
/*  .sectionC ul li { margin-bottom: 10px; }*/
/*  .sectionB ul li a .img .write .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }*/
/*  .sectionB { padding-top: 30px; padding-bottom: 30px; }*/
/*  .pongetitle { margin-bottom: 10px; }*/
/*  .sectionB .pongetitle { margin-bottom: 10px; }*/
/*  .sectionB ul li a .img { height: auto; }*/
/*  .sectionB ul li a .img img { width: 100%; height: auto; }*/
/*  .sectionC .more a { font-size: 12px; } }*/