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

  input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #000000; }

  input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #000000; }

  input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000000; }

  @font-face {
      font-family: DIN;
      src: url("../fonts/DIN.ttf"), url("../fonts/DIN.eot");
  /* IE9 */ }

  @font-face {
      font-family: 'DIN';
      src: url("../fonts/DIN.ttf"), url("../fonts/DIN.eot");
  /* IE9 */ }

  /* @font-face {
      font-family: DIN;
      src: url("../fonts/Manzein-demo-2.ttf"), url("../fonts/Manzein-demo-2.eot"); */
  /* IE9 */
  /* } */

  body {
    font-family: Poppins;
    min-width: 1200px; }

  .head {
    height: 170px;
    background: url(//r1.visitbeijing.com.cn/vbj-korean/2021/1027/4d51a717abaf6447c3db519f59c939dd.png) center/cover no-repeat; }
    .head .logo-search {
      height: 106px; }
      .head .logo-search .logo {
        width: 431px;
        height: 50px;
        margin-top: 29px;
        text-indent: -100000px;
        background: url(../images/klogo.png) no-repeat; }
      .head .logo-search .search {
        height: 50px;
        width: 300px;
        margin-top: 28px;
        background: #FFFFFF;
        border-radius: 5px;
        text-indent: 21px;
        position: relative; }
        .head .logo-search .search span {
          position: absolute;
          top: 10px;
          right: 21px;
          width: 30px;
          height: 30px;
          opacity: .6;
          background: url(//r1.visitbeijing.com.cn/vbj-korean/2021/1027/2c3248a2b5c7fb98841d3be5d42f0b0d.png) center no-repeat;
          background-size: 100%;
          cursor: pointer; }
        .head .logo-search .search span:hover {
          opacity: 1; }
        .head .logo-search .search input {
          width: 70%;
          font-size: 14px;
          line-height: 50px;
          color: #000000; }
    .head .nav {
      height: 64px; }
      .head .nav ul {
        height: 100%;
        display: -webkit-flex;
        /* Safari */
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
        position: relative; }
        .head .nav ul::before {
          position: absolute;
          content: '';
          width: 2px;
          height: 10px;
          background: #FFEC43;
          left: 0;
          top: 27px;
          border-radius: 3px; }
        .head .nav ul li {
          flex-grow: 1;
          text-align: center;
          position: relative; }
          .head .nav ul li a span {
            display: inline-block;
            padding: 0 10px;
            line-height: 30px;
            font-size: 16px;
            color: #ffffff;
            font-weight: 300; }
          .head .nav ul li a:hover span {
            background: #FFEC43;
            border-radius: 3px;
            font-weight: 900; }
          .head .nav ul li::after {
            position: absolute;
            content: '';
            width: 2px;
            height: 10px;
            background: #FF9933;
            right: 0;
            top: 10px;
            border-radius: 3px; }

  .box {
    border-bottom: 2px solid #F1F1F1;
    min-height: 500px; }
    .box .innerSearch {
      height: 60px;
      width: 700px;
      margin: 40px auto;
      background: #FFFFFF;
      border-radius: 60px;
      border: 2px solid #D1D1D1;
      box-sizing: border-box;
      text-indent: 33px;
      position: relative; }
      .box .innerSearch span {
        position: absolute;
        top: 6px;
        right: 8px;
        width: 44px;
        height: 44px;
        opacity: .8;
        background: url(../images/innerSearch.svg) center no-repeat;
        background-size: 100%;
        cursor: pointer; }
      .box .innerSearch span:hover {
        opacity: 1; }
      .box .innerSearch input {
        width: 80%;
        font-size: 18px;
        line-height: 56px;
        color: #000000; }
    .box .selects {
      margin-bottom: 20px;
      padding-bottom: 60px;
      position: relative; }
      .box .selects .select {
        background: #F8F8F8;
        padding: 10px 25px;
        margin-bottom: 2px; }
        .box .selects .select .clearfix {
          margin: 0 auto;
          width: 1200px; }
          .box .selects .select .clearfix .fl {
            width: 195px;
            text-align: right;
            font-weight: 300;
            font-size: 16px;
            line-height: 30px;
            color: #6E5F5C; }
            .box .selects .select .clearfix .fl span {
              cursor: pointer;
              margin-left: 20px;
              /*display: inline-block;*/
              width: 52px;
              height: 30px;
              font-size: 16px;
              /* background: #FFC553; */
              border-radius: 3px;
              text-align: center;
              font-weight: bold;
              color: #1F0D09; }
              .box .selects .select .clearfix .fl span.active{
                background: #FFC553!important;
              }
          .box .selects .select .clearfix .fr {
            width: 1005px; }
            .box .selects .select .clearfix .fr li {
              margin-left: 10px;
              float: left;
              padding: 0 10px;
              cursor: pointer;
              line-height: 30px;
              font-weight: 300;
              font-size: 16px;
              border-radius: 3px;
              color: #1F0D09; }
              .box .selects .select .clearfix .fr li a{
                color: #1F0D09;
              }
              .box .selects .select .clearfix .fr li.active{
                background: #FFC553!important;
              }
            .box .selects .select .clearfix .fr li:hover, .box .selects .select .clearfix .fr li.active,.box .selects .select .clearfix .fl span:hover {
              background: #EDEDED; }
      .box .selects .result {
        position: absolute;
        right: 0;
        bottom: -60px;
        font-weight: 300;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #1F0D09; }
        .box .selects .result i {
          font-weight: 900;
          color: #ff3f3f;
          font-size: 18px; }
    .box .list {
      border-top: 1px solid #F1F1F1; }
      .box .list .infoBox {
        margin: 20px auto;
        font-size: 16px;
        text-align: center; }
      .box .list li {
        border-bottom: 1px solid #F1F1F1;
        padding: 40px 0; }
        .box .list li a.pic {
          width: 300px;
          height: 200px;
          border-radius: 10px;
          overflow: hidden;
          margin-right: 30px; }
          .box .list li a.pic img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .box .list li .info {
          position: relative;
          height: 200px;
          width: 870px; }
          .box .list li .info h5 {
            font-weight: 300;
            font-size: 40px;
            line-height: 50px;
            max-height: 50px;
            overflow: hidden;
            margin-bottom: 10px; }
            .box .list li .info h5 a {
              color: #1F0D09; }
          .box .list li .info p {
            width: 750px;
            font-weight: 300;
            font-size: 14px;
            line-height: 20px;
            max-height: 40px;
            overflow: hidden;
            color: #6E5F5C; }
          .box .list li .info .inner {
            position: absolute;
            bottom: 0;
            left: 0; }
            .box .list li .info .inner div {
              padding-left: 22px;
              font-weight: 300;
              font-size: 14px;
              line-height: 20px;
              color: #1F0D09;
              position: relative; }
            .box .list li .info .inner div:before {
              position: absolute;
              content: '';
              left: 0;
              top: 0;
              width: 12px;
              height: 18px; }
            .box .list li .info .inner .adress {
              margin-bottom: 10px; }
            .box .list li .info .inner .theme span {
              position: relative;
              display: inline-block;
              margin-right: 10px;
              padding-right: 12px; }
            .box .list li .info .inner .theme span:after {
              position: absolute;
              content: '';
              width: 2px;
              height: 10px;
              background: #EAA319;
              right: 0;
              top: 6px;
              border-radius: 3px; }
            .box .list li .info .inner .theme span:last-child:after {
              display: none; }
            .box .list li .info .inner .adress:before {
              background: url(../images/adress_yellow.png) center/contain no-repeat; }
            .box .list li .info .inner .theme:before {
              background: url(../images/type.svg) center/contain no-repeat; }
    .box .page {
      margin: 50px 0;
      font-size: 17px;
      height: 36px;
      text-align: center; }
    .box .page a, .box .page span {
      margin: 0 7px;
      padding: 6px 12px;
      background: #F7F7F7;
      border: 1px solid #E6E6E6;
      box-sizing: border-box;
      border-radius: 3px;
      font-size: 16px;
      text-align: center;
      color: #1F0D09;
      min-width: 36px;
      display: inline-block; }
    .box .page span.active {
      background: #0099CC;
      border: 0 none;
      color: #fff; }
    .box .page .total {
      font-size: 16px;
      line-height: 24px;
      text-align: center;
      color: #6e5f5c;
      background: #ffffff;
      border: 0 none; }
      .box .page .total i {
        font-style: normal;
        color: #ff3f3f; }

  .foot {
    height: 120px;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    color: rgba(0,153,204,1);
    padding-top: 70px; }
    .foot a {
      color: rgba(0,153,204,1); }
    .foot span {
      margin: 0 10px; }