*{ padding: 0; margin: 0; border: 0; list-style: none;}
html{
  font-size: 21.333333333333332px;
}
body{
  background-color: black;
}
img {
  display: block;
}
#imageContainer {
  position: relative;
}
#imageContainer img ,#imageContainer video {
  width: 100%;
  max-width: 750px;
}
#imageContainer .tbg{
  position: absolute;
  bottom: 0;
  left: 0;
}
.topBox {
  position: fixed;
  width: 100%;
  max-width: 750px;
  z-index: 199;
  left: 50%;
  transform: translate(-50%, 0);
}
.topBox .topBtn {
  position: absolute;
  top: 38px;
  right: 24px;
  width: 220px;
}
.topBox .ios-bt{
  z-index: 9;
}
.topBox .topBtn img{
  border-radius: 6px;
  border: 1px solid #a6a6a6;
  background: #000;
}
.page {
  text-align: center;
  position: relative;
  /* padding-top: 82px; */
  max-width: 750px;
  margin: auto;
}
#imageContainer img.sj {
  position: absolute;
  top: 800px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 80%;
}
.BtnBox {
    position: absolute;
    left: 0;
    top: 900px;
    width: 100%;
    text-align: center;
    z-index: 99;
}

    .bottom{ position: relative;}
    .bottom .BtnBox{top:auto; bottom: 65px;}
.sliderBox .bx-wrapper{
      padding-top: 190px;
    }
.sliderBox {
  width: 100%;
  max-width: 750px;
  height: 732px;
  margin: auto;
  background: url(https://rescdn.imtxwy.com/mk-xdg/romc/h5-tw/fea2.jpg?v=2) no-repeat center top;
  background-size: 100%;
}
.slide {
  background: url(https://rescdn.imtxwy.com/mk-xdg/romc/h5-tw/GBJiw34y.png) no-repeat center top;
  background-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 0;
}
.slide img{
  width: 89%;
}
.sliderBox .bx-wrapper .bx-viewport {
  background: none;
}
.F-BtnBox {
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100%;
  text-align: center;
  z-index: 99;
}

.F-BtnBox img {
  width: 50%;
  max-width: 320px;
}
.BtnBox img,.F-BtnBox img {
    width: 65%;
    max-width: 280px;
    display: inline-block;
    /* animation: breathe 1s ease-in-out infinite; */
    border-radius: 12px;
    border: 1px solid #f9f9f9;
    background: #000;
}
@keyframes breathe {
  0% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.1);
  }
  100% {
    filter: brightness(1);
  }
}
  
footer li{ list-style: none; text-align: left; padding-left: 15px;}
footer {
  padding: 30px 0;
  text-align: center;
  line-height: 1.8;
  color: #666;
  font-size: 14px;
}
footer a{
  color: #666;
}
footer  .prompt-box {
  display: flex;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
    padding: 10px 0;
}
footer  .icon_grading{
  width: 64px;
}
.uk-modal {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    padding: 15px 15px;
    background: rgba(0, 0, 0, .6);
    opacity: 1;
    transition: opacity .15s linear;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;

  }
  #modal-pre-ok{
    height: 100%;
    width: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .6);
    z-index: 999;
  }
  #modal-pre-ok .uk-modal-dialog {
    text-align: center;
    max-width: 690px !important;
    width: 96% !important;
    background: url(https://rescdn.imtxwy.com/mk-xdg/romc/h5-tw/reg_bg.png?v=2) no-repeat center top;
    background-size: 100% 100%;
    aspect-ratio: 697 / 876;
    box-sizing: border-box;
    padding: 3%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #modal-pre-ok .uk-modal-dialog .xx-btn {
    position: absolute;
    top: 0 !important;
    right: 0 !important;
  }
.title {
  width: 30.03125rem;
  margin: 0 auto 30px;
}
.title img{
  width: 100%;
}

#suggestions {
  border: 1px solid #dadada;
  display: none;
  background: #fff;
  z-index: 1000;
  width: 67%;
  margin-bottom: -5.4rem;
  font-size: .825rem;
  opacity: .95;
  position: absolute;
  top: 17.2rem;
  text-align: left;
  padding: .3rem 0;
}
.suggestion-item {
  padding: .2rem 0.61rem;
  cursor: pointer;
  color: #555;
}
.suggestion-item:hover {
  background: #dadada;
}
.preOK {
  display: none;
}
.preOK .BtnBox {
  position: relative;
  padding-bottom: 100px;
  top: 0;
}
#waring{
  background: rgba(0, 0, 0, 0.75);
  font-size: 0.75rem;
  color: #fff;
  padding: 10px 36px;
  line-height: 1.5;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -200%);
  border-radius: 50px;
  display: none;
  z-index: 999;
}
  .i_m3idtqlovx {
    width: 22rem;
    height: 2.6rem;
    border: 2px solid #fcdbb3;
    background: #fde3b7;
    border-radius: 15px;
    margin: 0 auto 30px;
}
.i_m3idtqlovx input{
  width: 16rem;
    height: 1.3rem;
    padding-left: .75rem;
    color: #f6833a;
    background: none;
    font-size: 1.15rem;
    font-weight: 300;
    line-height: 1.5;
    text-align: left;
    resize: none;
    outline: none;
    border-left: 1px solid #f6833a;
    margin-top: 14px;
}

.uk-select:not([multiple]):not([size]) {
  height: 48px;
  vertical-align: middle;
  display: inline-block;
  background-color: #fde3b7;
  color: #f6833a;
  font-size: clamp(0.82rem, 3vw, 28px);
  outline: none;
}
.uk-select:not([multiple]):not([size]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNzQwMDQ3MzYzNTMwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ2NTAiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNTIzLjk1NSA4MzIuMTczbDMyMy43NDQtNTEyYzYuMjQtOS44NTYgNi42MjQtMjIuMzM2IDAuOTkyLTMyLjUxMi01LjYzMi0xMC4yNC0xNi4zODQtMTYuNTc2LTI4LjAzMy0xNi41NzZoLTY0Ny4zMjhjLTExLjY0NyAwLTIyLjQgNi4zMzYtMjguMDMzIDE2LjU3Ni0yLjY1NiA0LjgtMy45NjggMTAuMTEyLTMuOTY4IDE1LjQyNCAwIDUuOTUyIDEuNjY0IDExLjkwNCA0LjkyOSAxNy4wODhsMzIzLjYxNiA1MTJjNS44NTYgOS4yOCAxNi4wNjQgMTQuOTExIDI3LjA0MCAxNC45MTJzMjEuMTg0LTUuNjMyIDI3LjA0MC0xNC45MTJ6IiBmaWxsPSIjZjY4MzNhIiBwLWlkPSI0NjUxIj48L3BhdGg+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 32%;
  margin-top: -5px;
}
.confirm img{
  width: 10.6rem;
  margin: 0 auto 30px;
}
.radio-btn {
  padding-bottom: 100px;
  font-size: .85rem;
}
.radio-btn,.radio-btn a {
  color: #977a5a;
}
  #modal-pre-ok .share-link a {
    margin-bottom: 0;
    display: inline-block;
    margin: 0 6px;
    width: 72px;
    height: 72px;
    border-radius: 50%;
  background: rgb(0 0 0 / 30%);
  }
  #modal-pre-ok .share-link {
    margin-right: auto;
    margin-left: auto;
    margin-top: 6%;
    z-index: 50;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 65%;
  }
#modal-pre-ok .uk-modal-dialog .xx-btn img, #modal-youtube .uk-modal-dialog .yxx-btn img {
  width: clamp(30px, 5vw, 40px);
}
.uk-transition-toggle img{
  width: 100%;
  display: inline-block;
  
}
.pre-text {
  font-size: 30px;
  font-weight: 400;
  color: #a08468;
  margin-bottom: 0;
  margin-top: 0;
}
.uk-modal.uk-open {
  opacity: 1;
}



.bg {
  z-index: 1;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: fixed;
  top: 0pt;
  left: 0pt;
  background-color: rgb(0 0 0 / 50%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  display: none;
}