html,
body {
  min-height: 100%;
}

/* =========================================
   PC 端元素样式 (基于 1920x1080)
   ========================================= */
.yycgBg {
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  background: url(/res/images/yycgBg.jpg) no-repeat top center / cover fixed;
}

.record_body {
  width: 77.2vw;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding-top: 9.3vw;
}

.record_body .logoIndex {
  width: 53.2vw;
  height: 4.6vw;
  background: url(/res/images/yycgPc.png) no-repeat center center / 100% auto;
}

.record_body .doorImg {
  display: none;
}

.recordConBox {
  position: relative;
  display: flex;
  color: #fff;
  background: #ffffff6c;
  border: 0.05vw solid #ffffff;
  padding: 1.56vw 1.87vw 1.4vw 1.8vw;
  backdrop-filter: blur(10px);
  box-shadow: 0px 3px 7.1px 0px #0000000d;
  border-radius: 0.3vw;
  margin-bottom: 1vw;
  margin-top: 4vw
}

.recordConBox .ewmBtn {
  position: absolute;
  right: 2.6vw;
  top: 2.29vw;
  width: 1.5vw;
  height: 1.5vw;
}

.recordConBox .ewmBtn img {
  width: 100%;
  height: 100%;
}

.recordConBox .justifyCen,
.recordConBox .cancelInput,
.recordConBox .justifyRight {
  display: none;
}

.showInfoWrapper,
.myinfoWrapper {
  flex: 1;
}

.showInfoWrapper .title,
.myinfoWrapper .title {
  font-size: 1.4vw;
  color: #115740;
  line-height: 1.23;
  margin-bottom: 1.3vw;
  font-weight: 400;
  padding-top: 1vw;
}
.myinfoWrapper .title {
  margin-bottom: 1vw;
}

.showInfoWrapper {
  color: #4b4b4b;
  font-size: 0.9vw;
  line-height: 1.5vw;
  padding: 0 1.8vw 1.4vw 0;
  border-right: 1px solid #115740;
}

.myinfoWrapper {
  display: flex;
  flex-flow: column nowrap;
  padding: 0 2.9vw;
}

.myinfoWrapper .jl_box {
  font-size: 1.25vw;
  margin-bottom: 1vw;
}

.myinfoWrapper .jl_box li {
  color: #333;
  line-height: 1.21;
  margin-top: 0.937vw;
}

.myinfoWrapper .jl_box li span {
  line-height: 1;
}

.myinfoWrapper .jl_h2 {
  color: #115740;
  font-size: 1.25vw;
}

.floatBg1,
.floatBg {
  width: 100%;
  height: 100%;
  background-color: #00000042;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 990;
  display: none;
}

.ewm_box {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1100;
  width: 18.9vw;
  height: 18.9vw;
  background-size: 100% 100%;
  background: #fff;
  padding: 1.3vw;
  display: none;
  border-radius: 1vw;
}

.ewm_box img {
  width: 100%;
  height: 100%;
}

.hint_bg {
  color: #3c4059;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  background: #dcf3ff;
  font-size: 0.93vw;
  width: 100%;
  height: 100%;
  padding-top: 4.7vw;
}

.hint_bg img {
  width: 20.2vw;
  height: auto;
}

.hint_bg .hint_txt {
  font-size: 1.6vw;
}

.appointBtn {
  margin-top: 1vw;
}

.appointBtn a {
  display: block;
  color: #32c5ce;
  border: 0.005vw solid #32c5ce;
  line-height: 1;
  border-radius: 3.75vw;
  padding: 0.73vw 5.9vw;
}

.errMsg {
  font-size: 0.93vw;
  padding: 0.25vw 1.5vw;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0.5vw;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 11111;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none;
}

.floatBox {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1100;
  width: 26vw;
  height: 10vw;
  background-size: 100% 100%;
  background: #fff;
  padding: 1.9vw 1.9vw 4vw 1.9vw;
  display: none;
  border-radius: 0.6vw;
}

.floatCon .tipsTxt {
  font-size: 1vw;
  text-align: center;
}

.floatBox .floatBtn .canBeSureBtn,
.floatBox .floatBtn .cancelBtn {
  line-height: 1.5714;
  color: #fff;
  border: none;
  font-size: 1vw;
  padding: 0.625vw 1.9vw;
  line-height: 1;
  border-radius: 0.4vw;
}

.floatBox .floatBtn {
  margin-top: 2vw;
  display: flex;
  justify-content: center;
  gap: 5.4vw;
}

.floatBox .floatBtn .canBeSureBtn {
  background: linear-gradient(180deg, #1e956e 0%, #074d36 112.5%);
}

.floatBox .floatBtn .cancelBtn {
  background: transparent;
  color: #115740;
  border: 0.05vw solid #115740;
}

.recordConBox .cancelInput input {
  display: block;
  color: #115740;
  border: 0.05vw solid #115740;
  border-radius: 0.4vw;
  background: transparent;
  font-size: 0.72vw;
  line-height: 1;
  height: 1.875vw;
  padding: 0 1.25vw;
  cursor: pointer;
}

.myinfoWrapper .jl_box .cancelInput.cancelInput {
  position: relative;
  margin-top: 3.6vw;
}

.myinfoWrapper .jl_box .cancelInput.cancelInput input {
  position: absolute;
  right: -2.9vw;
}
.recordConBox .justifyCen a {
        width: fit-content;
        font-size: 0.72vw;
        line-height: 1;
        display: block;
        background: #115740;
        color: #fff;
        padding: 0.6vw 1.25vw;
        border-radius: 0.4vw;
        margin-left: auto;
}

/* =========================================
   iPad / 平板端适配 (768px - 1024px)
   移动端适配 (iPhone / Android)
   ========================================= */
@media screen and (max-width: 1024px) {
  .yycgBg {
    position: relative;
    background: url(../images/cherryConBg.jpg) no-repeat top center / cover
      fixed;
  }

  .record_body {
    width: 100%;
    min-height: 100%;
    margin-top: 1rem;
  }

  .record_body .logoIndex {
    width: 5.82rem;
    height: 1.8rem;
    background: url(/res/images/logoTop.png) no-repeat center center / 100% auto;
  }

  .recordConBox {
    display: flex;
    flex-flow: column nowrap;
    background: unset;
    border: none;
    backdrop-filter: unset;
    box-shadow: unset;
    margin-top: 0.6rem;
    padding: 0 0.3rem 0.3rem 0.3rem;
  }

  .showInfoWrapper {
    order: 1;
    font-size: 0.28rem;
    line-height: 1.57;
    color: #fff;
    border-right: unset;
    margin-top: 0.42rem;
  }

  .myinfoWrapper,
  .showInfoWrapper {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    font-size: 0.28rem;
    line-height: 1.57;
    color: #333;
    background: #ffffff6c;
    border: 0.02rem solid #ffffff;
    padding: 0.3rem 0.2rem;
    backdrop-filter: blur(10px);
    box-shadow: 0px 0.06rem 0.142rem 0px #0000000d;
    border-radius: 0.12rem;
  }

  .myinfoWrapper {
    padding: 0.38rem 0.54rem 0.28rem 0.54rem;
  }

  .myinfoWrapper .jl_box {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.28rem;
    margin-top: unset;
  }

  .jl_box
    > *:not(.cancelInput):not(.justifyRight):not(.justifyCen):not(.ewmBtn) {
    width: 100%;
  }

  .recordConBox .cancelInput,
  .recordConBox .justifyCen {
    display: block;
    flex-basis: fit-content;
    margin: 0 auto;
  }

  .recordConBox .justifyRight {
    display: block;
    width: 100%;
    order: 1;
  }

  .recordConBox .cancelInput,
  .recordConBox .justifyCen {
    order: 2;
  }

  .myinfoWrapper .jl_box {
    font-size: 0.28rem;
  }

  .myinfoWrapper .jl_box li {
    margin-bottom: 0.16rem;
    margin-top: 0;
    line-height: 1.5714;
  }

  .myinfoWrapper .recordList {
    width: 100%;
    align-self: flex-start;
  }

  .myinfoWrapper .jl_h2 {
    font-size: 0.28rem;
    margin-bottom: 0.16rem;
  }

  .showInfoWrapper .title,
  .myinfoWrapper .title {
    font-size: 0.28rem;
    line-height: 1.5714;
    padding-top: unset;
  }

  .showInfoWrapper .title {
    margin-bottom: 0.08rem;
  }
  .myinfoWrapper .title {
    margin-bottom: 0.28rem;
  }
  .recordConBox .ewmBtn {
    position: absolute;
    right: 0.5rem;
    top: 0.36rem;
    width: 0.48rem;
    height: 0.48rem;
  }

  .recordConBox .justifyCen.justifyCen {
    width: fit-content;
    display: block;
    margin-bottom: unset;
    margin-top: unset;
  }
  .recordConBox .reschedule.reschedule {
    display: none
  }
  .showInfoWrapper .recordShowInfo {
    line-height: 1.83;
    font-size: 0.24rem;
  }

  .myinfoWrapper .jl_box .cancelInput.cancelInput {
    width: fit-content;
    margin-bottom: unset;
    margin-top: unset;
    position: unset;
  }

  .myinfoWrapper .jl_box .cancelInput.cancelInput input {
    position: unset;
    right: unset;
    border: 0.02rem solid #115740;
    border-radius: 0.16rem;
    background: transparent;
    font-size: 0.24rem;
    line-height: 1;
    height: 0.6rem;
    padding: 0 0.24rem;
  }

  .recordConBox .justifyCen a {
    width: fit-content;
    font-size: 0.24rem;
    line-height: 1;
    display: block;
    background: #115740;
    color: #fff;
    padding: 0.18rem 0.24rem;
    border-radius: 0.16rem;
    margin-left: auto;
  }
  .ewm_box {
    width: 3.12rem;
    height: 3.12rem;
    padding: 0.26rem;
  }

  .floatBox {
    width: 5rem;
    height: auto;
    padding: 0.52rem 0.44rem 0.42rem 0.44rem;
    border-radius: 0.24rem;
  }

  .floatCon .tipsTxt {
    font-size: 0.28rem;
  }

  .floatBox .floatBtn .canBeSureBtn,
  .floatBox .floatBtn .cancelBtn {
    font-size: 0.28rem;
    line-height: 1.5714;

    color: #fff;
    border: none;
    font-size: 0.24rem;
    padding: 0.2rem 0.6rem;
    line-height: 1;
    border-radius: 0.16rem;
  }

  .floatBox .floatBtn {
    margin-top: 0.52rem;
    display: flex;
    justify-content: space-between;
  }

  .floatBox .floatBtn .canBeSureBtn {
    background: linear-gradient(180deg, #1e956e 0%, #074d36 112.5%);
  }

  .floatBox .floatBtn .cancelBtn {
    background: transparent;
    color: #115740;
    border: 0.02rem solid #115740;
  }

  .hint_bg {
    background: url(../images/yh_bg.jpg?t=2025030401) center top no-repeat #fff;
    font-size: 0.28rem;
    padding-top: 1.2rem;
  }

  .hint_bg img {
    width: 5rem;
  }

  .hint_bg .hint_txt {
    font-size: 0.34rem;
    margin-top: 0.2rem;
  }

  .errMsg {
    font-size: 0.34rem;
    padding: 0.2rem 0.5rem;
    border-radius: 0.25rem;
  }

  .appointBtn {
    margin-top: 0.3rem;
  }

  .appointBtn a {
    border: 0.02rem solid #32c5ce;
    border-radius: 0.75rem;
    padding: 0.2rem 0.4rem;
  }
}