/*
zfs  
*/
.logo {
  width: calc(540rem - var(--ratio) * 362rem);
  height: calc(202.89rem - var(--ratio) * 136rem);
}

.digital-dunhuang-logo {
  display: none;
}

.logo img {
  height: 100rem;
  width: auto;
}

.logo .search img {
    height: 100rem;
    width: auto;
  }

  .ai_style {
    display: none;
  }

  .s_btn span:nth-child(2) {
    margin-left: 0;
  }

  .hu_wenzi_desc {
    font-size: 19rem;
    opacity: 0;
  }

  .a11y {
    width: 60rem;
    height: 60rem;
    position: fixed;
    bottom: 120rem;
    right: 0;
    /* cursor: url(../images/cursor-pointer.svg), pointer !important; */

    margin-right: 0;
    z-index: 10;
}

.wxml-text {
  position: absolute;
  left: 999rem;
  top: 262rem;
  width: 214rem;
  text-align: center;
  font-size: 54rem;
  color: #FFFFFF;
  font-family: linhai-lishu;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .wxml-text {
    left: 406rem;
    top: 182rem;
    width: 154rem;
    font-size: 42rem;
  }

  /*.logo {*/
  /*  width: 361rem;*/
  /*  height: 156rem;*/
  /*}*/

  .logo img {
    height: 70rem;
    width: auto;
    /*margin-left: 50rem;*/
  }
  
  .hu_wenzi_desc {
    font-size: 20rem;
    opacity: 0;
  }

  .a11y {
    margin-right: 0!important;
    width: 60rem !important;
    height: 60rem !important;
  }
}
/*
yunx  
*/
.page {
  position: relative;
}
.a-modal {
  align-items: flex-end;
}
.a-modal-mask {
  display: none;
}
.a-modal-wrap {
  position: initial!important;
}
.a-modal-close {
  margin-bottom: 0;
  background: url(../images/modal_close.svg) 0 0/cover no-repeat;
  width: 20rem;
  height: 20rem;
  position: absolute;
  top: 26rem;
  right: 26rem;
}
.a-modal-content {
  width: 500rem;
  height: 500rem;
  padding: 30rem 40rem 40rem;
}
.a-modal-title {
  margin-bottom: 10px;
} 
.a-modal-input {
  height: 248rem;
}
.a-modal-input, .a-modal-input::placeholder, .modal-title-input, .modal-title-input::placeholder {
  color: #BE9F7C;
  font-size: 18rem;
}
.modal-title-input {
  height: 40rem;
  background: #FFFFFF;
  border-radius: 10rem;
  margin-bottom: 14rem;
  border: 0;
  padding: 11rem 15rem;
}
.wxmlBox-bg {
  background-image: url(../images/index/wxml_bg.png);
  position: relative;
}
.wxmlBox .kstyBtn {
  top: 390rem;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .a-modal-mask {
    display: block;
  }
  .a-modal-wrap {
    position: fixed!important;
  }
  .a-modal-content {
    width: 600rem;
  }
  .a-modal-input, .a-modal-input::placeholder {
    color: #BE9F7C;
    font-size: 26rem;
  }
  .modal-title-input { 
    height: 48rem;
  }
  .wxmlBox, .wxmlBox-bg {
    height: 500rem!important;
  }
  .wxmlBox-bg {
    background-image: url(../images/index/wxml_bg_mobile.png);
  }
  .wxmlBox .kstyBtn {
    top: 320rem;
  }
}

.kstybgBox {
  margin-top: 20rem;
}

.kstybgBox-bg {
  margin-top: 0;
}