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: #275599;
            border-radius: 3px;
            font-weight: 900; }
          .head .nav ul li::after {
            position: absolute;
            content: '';
            width: 2px;
            height: 10px;
            background: #FFEC43;
            right: 0;
            top: 10px;
            border-radius: 3px; }

  .box {
    background: url(../images/topBg.png) top center no-repeat;
    min-height: 500px; }
    .box .infos {
      margin-bottom: 40px; }
      .box .infos .title {
        font-weight: 400;
        /* font-family: PerfectMoment; */
        padding: 0 50px;
        font-size: 66px;
        line-height: 80px;
        text-align: center;
        color: #0041A2;
        padding-top: 40px;
        margin-bottom: 10px;
        position: relative; }
        .box .infos .title span {
          position: relative;
          margin-right: 23px; }
        .box .infos .title i {
          display: inline-block;
          font-size: 18px;
          color: #FFC553;
          height: 19px; }
        .box .infos .title .i1 {
          width: 19px;
          background: url(../images/star1.svg) center/contain no-repeat; }
        .box .infos .title .i2 {
          width: 41px;
          background: url(../images/star2.svg) center/contain no-repeat; }
        .box .infos .title .i3 {
          width: 63px;
          background: url(../images/star3.svg) center/contain no-repeat; }
        .box .infos .title .i4 {
          width: 85px;
          background: url(../images/star4.svg) center/contain no-repeat; }
        .box .infos .title .i5 {
          width: 107px;
          background: url(../images/star5.svg) center/contain no-repeat; }
      .box .infos .summary {
        margin: 0 auto;
        font-weight: 300;
        width: 600px;
        font-size: 14px;
        line-height: 21px;
        text-align: center;
        color: #6E5F5C; }
      .box .infos .pics {
        margin-top: 40px;
        position: relative; }
        .box .infos .pics .pic {
          height: 636px;
          border-radius: 10px;
          width: 100%;
          overflow: hidden; }
          .box .infos .pics .pic img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
      .box .infos .phones {
        position: relative;
        z-index: 10; }
        .box .infos .phones .fl {
          background: #F2F2F2;
          border-radius: 10px;
          padding: 35px 30px;
          margin-left: 40px;
          margin-top: -36px; }
          /* .box .infos .phones .fl ul { */
            /*.room{
              height: 40px;
              padding: 0;
              background: #EBA110;
              border-radius: 50px;
              margin-bottom: 0;
              span{
                font-style: italic;
                font-weight: bold;
                line-height: 40px;
                font-size: 16px;
                text-align: center;
                text-transform: uppercase;
                color: #FFFFFF;
                cursor: pointer;
              }
            }*/
            /* } */
            .box .infos .phones .fl ul li {
              margin-bottom: 30px;
              position: relative;
              padding-left: 37px; }
              .box .infos .phones .fl ul li:before {
                content: '';
                position: absolute;
                width: 20px;
                height: 20px;
                left: 0;
                top: 5px; }
              .box .infos .phones .fl ul li p {
                font-weight: bold;
                font-size: 14px;
                line-height: 30px;
                color: #5A6E7C; }
              .box .infos .phones .fl ul li span {
                font-weight: 300;
                font-size: 14px;
                line-height: 20px;
                color: #1F0D09;
                display: block; }
                .price-block {
                  position:relative;
                  font-weight: 300;
                  font-size: 14px;
                  line-height: 20px;
                  font-style:normal;
                  display:block;
                  color: #1F0D09;
                }
                .price-txt {
                  word-break: break-word;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: normal;
                  display: -webkit-box;
                  -webkit-line-clamp: 3;
                  -webkit-box-orient: vertical;
                  width:180px;
                  color: #1F0D09;
                }
                .shadow-tip {
                  position:absolute;
                  right:-14px;
                  top:50%;
                  margin-top:-14px;
                  width:28px;
                  height:28px;
                  background:url(//r1.visitbeijing.com.cn/vbj-korean/2021/1027/0d07f9d380afb94bfee688418c903289.png) no-repeat center center;
                  display:none;
                }
                .price-shadow{
                  width:280px;
                  padding:10px 20px;
                  background:#EDA045;
                  position:absolute;
                  left:0;
                  top:0;
                  color:#fff!important;
                  line-height:30px;
                  font-size:16px;
                  word-wrap: break-word;
                  word-break: normal;
                  z-index:1;
                  display:none;
                }
                .price-block-yellow {
                  display: block;
                  color: #1F0D09;
                }
                .price-block-yellow .price-block, .price-block-yellow .price-txt {
                  color: #EDA045!important;
                }
            .box .infos .phones .fl ul li.recommend i {
              font-style: normal;
              font-weight: bold;
              color: #1F0D09; }
            .box .infos .phones .fl ul li.ph:before {
              background: url(../images/phone.svg) center/contain no-repeat; }
            .box .infos .phones .fl ul li.time:before {
              background: url(../images/hotel_type.svg) center/contain no-repeat; }
            .box .infos .phones .fl ul li.recommend:before {
              background: url(../images/price.svg) center/contain no-repeat; }
            .box .infos .phones .fl ul li.admission:before {
              background: url(../images/service.svg) center/contain no-repeat; }
        .box .infos .phones .fr {
          width: 720px;
          padding-top: 44px;
          margin-right: 40px; }
          .box .infos .phones .fr h4 {
            font-style: italic;
            font-size: 22px;
            line-height: 30px;
            color: #FFC553; }
          .box .infos .phones .fr h5 {
            /* font-family: Manzein; */
            font-style: normal;
            font-weight: 300;
            font-size: 40px;
            line-height: 50px;
            color: #2E5897;
            margin-top: 20px;
            margin-bottom: 10px; }
          .box .infos .phones .fr p {
            font-size: 16px;
            line-height: 30px;
            color: #6E5F5C;
            overflow: hidden;
            /*display: -webkit-box;*/
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 6; }
          .box .infos .phones .fr span {
            /*display: none;*/
            font-style: italic;
            font-weight: bold;
            font-size: 16px;
            line-height: 30px;
            color: #FFC553;
            float: right;
            margin-top: 20px;
            cursor: pointer; }
          .box .infos .phones .fr .moreDesc {
            display: none;
            position: fixed;
            left: 50%;
            top: 50%;
            margin-left: -560px;
            transform: translateY(-50%);
            overflow: auto;
            width: 1120px;
            max-height: 750px;
            background: #FFFFFF;
            border: 10px solid #F2F2F2;
            box-sizing: border-box;
            border-radius: 10px;
            padding: 50px 40px; }
            .box .infos .phones .fr .moreDesc h6 {
              font-style: normal;
              font-weight: 300;
              font-size: 40px;
              line-height: 50px;
              color: #2E5897;
              margin-bottom: 5px; }
            .box .infos .phones .fr .moreDesc p {
              font-size: 16px;
              line-height: 30px;
              color: #6E5F5C; }
            .box .infos .phones .fr .moreDesc i {
              position: absolute;
              width: 67px;
              height: 30px;
              background: url(https://r1.visitbeijing.com.cn/vbj-korean/2021/1101/5876fc38544a6b6c4e6f903c84330de7.png) center/contain no-repeat;
              right: 30px;
              top: 20px;
              opacity: .6;
              cursor: pointer; }
            .box .infos .phones .fr .moreDesc i:hover {
              opacity: 1; }
    .box .roomType .center {
      padding: 30px 0;
      border-top: 2px solid #F2F2F2;
      border-bottom: 2px solid #F2F2F2; }
    .box .roomType span {
      display: inline-block;
      font-size: 16px;
      line-height: 30px;
      color: #6E5F5C; }
    .box .roomType i {
      font-style: normal;
      color: #E0E0E0;
      margin: 0 10px; }
    .box .roomType span.sp1 {
      width: 160px;
      font-style: italic;
      font-weight: bold;
      font-size: 22px;
      line-height: 30px;
      color: #FFC553;
      text-align: right; }
    .box .roomType .fr {
      width: 990px; }
    .box .config {
      margin-bottom: 30px; }
    .box .config .center {
      border-top: 0 none; }
    .box h5.tit {
      padding: 30px 0;
      font-style: italic;
      font-size: 22px;
      line-height: 30px;
      color: #0041A2;
      position: relative; }
    .box .scenic-pictures {
      margin-top: 15px; }
      .box .scenic-pictures h5.tit i {
        display: none;
        font-weight: bold;
        font-size: 16px;
        line-height: 30px;
        color: #FFC553;
        float: right;
        cursor: pointer; }
      .box .scenic-pictures .picUi ul {
        width: 110%;
        /*margin-left: 30px;*/ }
        .box .scenic-pictures .picUi ul li {
          width: 270px;
          height: 400px;
          float: left;
          margin-right: 30px;
          border-radius: 10px;
          overflow: hidden;
          cursor: pointer;
          cursor: -moz-zoom-in;
          cursor: -webkit-zoom-in;
          cursor: zoom-in; }
          .box .scenic-pictures .picUi ul li img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .box .scenic-pictures .picUi ul li.li1 {
          width: 600px;
          cursor: default;
          /*margin-right: 0;*/ }
      .box .scenic-pictures .morePic {
        display: none;
        position: fixed;
        left: 50%;
        top: 50%;
        width: 1000px;
        height: 750px;
        margin-left: -500px;
        margin-top: -375px;
        background: #ffffff;
        border: 10px solid #F2F2F2;
        box-sizing: border-box;
        border-radius: 10px;
        z-index: 20;
        padding-top: 50px; }
        .box .scenic-pictures .morePic i {
          position: absolute;
          width: 67px;
          height: 30px;
          background: url(https://r1.visitbeijing.com.cn/vbj-korean/2021/1101/5876fc38544a6b6c4e6f903c84330de7.png) center/contain no-repeat;
          right: 20px;
          top: 16px;
          opacity: .6;
          cursor: pointer; }
        .box .scenic-pictures .morePic i:hover {
          opacity: 1; }
        .box .scenic-pictures .morePic .swiper-container {
          margin-left: auto;
          margin-right: auto; }
        .box .scenic-pictures .morePic .swiper-slide {
          background-size: cover;
          background-position: center; }
        .box .scenic-pictures .morePic .gallery-top {
          width: 750px !important;
          height: 500px !important;
          border-radius: 10px; }
          .box .scenic-pictures .morePic .gallery-top .swiper-slide {
            width: 100% !important; }
        .box .scenic-pictures .morePic .gallery-thumbs {
          height: 20% !important;
          box-sizing: border-box;
          padding: 10px 0;
          width: 750px !important; }
        .box .scenic-pictures .morePic .gallery-thumbs .swiper-slide {
          width: 180px !important;
          height: 120px !important;
          /*opacity: 0.6;*/
          border-radius: 3px;
          overflow: hidden; }
        .box .scenic-pictures .morePic .gallery-thumbs .swiper-slide-active {
          opacity: 1; }
        .box .scenic-pictures .morePic .swiper-pagination {
          background: #FFFFFF;
          border-radius: 50px;
          text-align: center;
          line-height: 30px;
          width: 80px !important;
          right: 13px;
          bottom: 14px;
          left: auto;
          color: #B2B2B2;
          font-style: italic; }
          .box .scenic-pictures .morePic .swiper-pagination .swiper-pagination-total {
            font-size: 16px;
            color: #B3B3B3; }
          .box .scenic-pictures .morePic .swiper-pagination .swiper-pagination-current {
            font-size: 16px;
            color: #4D4D4D; }
        .box .scenic-pictures .morePic .gallery-thumbs .swiper-slide-thumb-active {
          opacity: 1; }
        .box .scenic-pictures .morePic .swiper-button-next:after, .box .scenic-pictures .morePic .swiper-container-rtl .swiper-button-prev:after, .box .scenic-pictures .morePic .swiper-button-prev:after, .box .scenic-pictures .morePic .swiper-container-rtl .swiper-button-next:after {
          display: none; }
        .box .scenic-pictures .morePic .swiper-button-next.swiper-button-white, .box .scenic-pictures .morePic .swiper-button-prev.swiper-button-white {
          width: 50px;
          height: 120px;
          margin-top: -105px;
          background: url(../images/rightNBtn.png) center/contain no-repeat;
          right: 0; }
        .box .scenic-pictures .morePic .swiper-button-white:hover {
          opacity: .8; }
        .box .scenic-pictures .morePic .swiper-button-prev.swiper-button-white {
          left: 0;
          background: url(../images/leftNBtn.png) center/contain no-repeat; }
    .box .theme-feature {
      margin-top: 68px;
      padding-bottom: 45px;
      /*height: 470px;*/
      background: url(../images/gray.png) top center/cover no-repeat #F8F8F8; }
      .box .theme-feature .theme1 {
        padding-right: 60px;
        width: 300px; }
        .box .theme-feature .theme1 .pic {
          display: block;
          width: 100%;
          height: 200px;
          border-radius: 10px;
          overflow: hidden; }
          .box .theme-feature .theme1 .pic img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .box .theme-feature .theme1 h6 {
          font-weight: 300;
          font-size: 30px;
          line-height: 35px;
          color: #1F0D09;
          margin: 10px 0; }
        .box .theme-feature .theme1 p {
          font-weight: 300;
          font-size: 14px;
          line-height: 20px;
          color: #6E5F5C; }
      .box .theme-feature .theme2 {
        border-right: 2px solid #ffffff;
        border-left: 2px solid #ffffff;
        width: 360px;
        padding: 0 60px; }
        .box .theme-feature .theme2 div {
          border-bottom: 2px solid #ffffff;
        overflow: hidden;
        margin-bottom: 36px; }
        .box .theme-feature .theme2 h6 {
          font-weight: 300;
          font-size: 30px;
          line-height: 35px;
          color: #1F0D09;
          margin-bottom: 10px; }
        .box .theme-feature .theme2 p {
          font-weight: 300;
          font-size: 14px;
          line-height: 20px;
          color: #6E5F5C;
          word-break: break-word;
          margin-bottom: 22px; }
      .box .theme-feature .feature {
        width: 300px; }
        .box .theme-feature .feature .pic {
          display: block;
          width: 100%;
          height: 200px;
          border-radius: 10px;
          overflow: hidden; }
          .box .theme-feature .feature .pic img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .box .theme-feature .feature h6 {
          font-weight: 300;
          font-size: 30px;
          line-height: 35px;
          color: #1F0D09;
          margin: 10px 0; }
        .box .theme-feature .feature p {
          font-weight: 300;
          font-size: 14px;
          line-height: 20px;
          color: #6E5F5C; }
    .box .tour {
      margin-top: 30px;
      padding-bottom: 70px; }
      .box .tour .center {
        overflow: hidden; }
        .box .tour .center h5.tit a {
          font-weight: bold;
          font-size: 16px;
          line-height: 30px;
          color: #FFC553;
          float: right;
          cursor: pointer; }
        .box .tour .center ul {
          width: 110%; }
          .box .tour .center ul li {
            width: 270px;
            float: left;
            margin-right: 40px; }
            .box .tour .center ul li .pic {
              display: block;
              width: 270px;
              height: 180px;
              overflow: hidden;
              border-radius: 10px; }
              .box .tour .center ul li .pic img {
                width: 100%;
                height: 100%;
                object-fit: cover; }
            .box .tour .center ul li p {
              margin-top: 40px;
              font-weight: 300;
              font-size: 18px;
              line-height: 24px;
              color: #1F0D09; }
            .box .tour .center ul li span.sp1 {
              float: left;
              margin-top: 7px;
              font-size: 14px;
              line-height: 24px;
              color: #1F0D09;
              position: relative;
              padding-right: 16px; }
            .box .tour .center ul li .sp1:before {
              content: '';
              position: absolute;
              background: url(../images/prove.png) center/contain no-repeat;
              width: 13px;
              height: 11px;
              right: 0;
              top: 7px; }
            .box .tour .center ul li span.sp2 {
              float: right;
              margin-top: 7px;
              font-weight: 300;
              font-size: 12px;
              line-height: 24px;
              color: #969696; }
    .box .map {
      text-align: center;
      position: relative; }
      .box .map .tit {
        background: #FAB8B4;
        height: 50px; }
        .box .map .tit .sp1 {
          font-style: italic;
          font-weight: bold;
          font-size: 22px;
          line-height: 50px;
          position: relative;
          color: #1F0D09;
          padding-left: 22px;
          margin-right: 10px; }
        .box .map .tit .sp1:before {
          content: '';
          position: absolute;
          background: url(../images/adress.svg) center/contain no-repeat;
          width: 12px;
          height: 18px;
          left: 0;
          top: 16px; }
        .box .map .tit .sp2 {
          font-weight: 300;
          font-size: 16px;
          line-height: 50px;
          color: #1F0D09; }
      .box .map span {
        display: inline-block; }
      .box .map .mapInfo {
        height: 500px;
        background: #ccc; }
      .box .map .tit1 {
        position: absolute;
        left: 50%;
        margin-left: -250px;
        bottom: 30px;
        width: 500px;
        height: 40px;
        line-height: 40px;
        background: #2E5897;
        border-radius: 20px; }
        .box .map .tit1 span {
          display: inline-block; }
        .box .map .tit1 .sp1 {
          font-style: italic;
          font-weight: bold;
          font-size: 16px;
          position: relative;
          color: #ffffff;
          padding-left: 22px;
          margin-right: 10px; }
        .box .map .tit1 .sp1:before {
          content: '';
          position: absolute;
          background: url(../images/local.svg) center/contain no-repeat;
          width: 18px;
          height: 18px;
          left: 0;
          top: 11px; }
        .box .map .tit1 .sp2 {
          font-weight: 300;
          font-size: 16px;
          color: #ffffff; }

  .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; }