.npoints {
  padding: 20px 0;
  overflow: hidden; }
  .npoints .in {
    display: flex;
    border: 1px solid #eee;
    box-sizing: border-box;
    position: relative; }
    @media only screen and (max-width: 900px) {
      .npoints .in {
        flex-direction: column-reverse; } }
    .npoints .in .list {
      height: 500px;
      width: 400px;
      overflow: auto;
      background: rgba(255, 255, 255, 0.9); }
      @media only screen and (max-width: 900px) {
        .npoints .in .list {
          width: 100%;
          height: auto;
          max-height: 90vh; } }
      .npoints .in .list .one {
        padding: 10px;
        border-bottom: 1px solid #eee;
        cursor: pointer; }
        .npoints .in .list .one .base {
          display: flex;
          justify-content: center;
          align-items: center; }
          .npoints .in .list .one .base .ico {
            color: #888;
            display: block;
            width: 56px;
            text-align: center;
            filter: grayscale(100);
            transition: all .5s ease; }
            .npoints .in .list .one .base .ico i {
              font-size: 22px; }
          .npoints .in .list .one .base .desc {
            flex: 1; }
            .npoints .in .list .one .base .desc h4 {
              color: #222;
              letter-spacing: 1px;
              font-size: 18px; }
            .npoints .in .list .one .base .desc .type {
              font-size: 12px;
              letter-spacing: 2px;
              color: #444; }
        .npoints .in .list .one .more {
          display: none;
          overflow: auto;
          padding: 0px 5px 0px 55px;
          font-size: 14px; }
          .npoints .in .list .one .more .geo,
          .npoints .in .list .one .more .link,
          .npoints .in .list .one .more .owner {
            padding: 3px 0;
            font-size: 12px;
            color: #999;
            letter-spacing: 2px; }
            .npoints .in .list .one .more .geo i,
            .npoints .in .list .one .more .link i,
            .npoints .in .list .one .more .owner i {
              width: 30px;
              text-align: center; }
            .npoints .in .list .one .more .geo a,
            .npoints .in .list .one .more .link a,
            .npoints .in .list .one .more .owner a {
              color: #f00;
              font-weight: bold; }
          .npoints .in .list .one .more .desc {
            text-align: justify;
            padding: 5px 0; }
        .npoints .in .list .one.active .more {
          display: block; }
        .npoints .in .list .one:hover .base .ico {
          filter: grayscale(0); }
    .npoints .in .maps {
      flex: 1; }
      .npoints .in .maps #gmap {
        height: 500px; }
        .npoints .in .maps #gmap .gm-style-iw-chr {
          display: none; }
      .npoints .in .maps .infomap {
        padding: 10px; }
        .npoints .in .maps .infomap h3 {
          text-align: center;
          letter-spacing: 2px;
          color: #222;
          font-size: 26px;
          width: 300px; }
        .npoints .in .maps .infomap .img {
          height: 200px;
          width: 100%;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: contain; }

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