﻿.enroll {
  margin-bottom: calc(var(--dw) * 5 + var(--dw_f) * 1);
}

.banner {
  width: 100%;
}

.banner img {
  width: 100%;
}

.main-title {
  font-size: calc((var(--dw) * 5));
  line-height: calc((var(--dw) * 5));
  font-weight: bold;
  text-align: center;
  border-bottom: #ffe88c solid calc(var(--dw) * 5 - var(--dw_f) * 4);
  width: 65%;
  margin: calc(var(--dw) * 10) auto;
}

.line-el {
  margin-bottom: calc(var(--dw) * 5);
  display: flex;
  align-items: center;
}

.title-el {
  font-size: calc(var(--dw) * 5 - var(--dw_f) * 1);
  font-weight: bold;
  margin-left: calc((var( --dw) * 5) + var(--dw_f));
}

.title-el sub {
  display: block;
  opacity: 0.7;
  font-weight: normal;
}

.label {
  margin: 0 calc((var(--dw) * 5) + var(--dw_f));
  position: relative;
  flex: 1 auto;
}

.label .layui-input {
  background: #f5f6f8;
  border-radius: 4px;
  height: calc((var(--dw) * 10) + var(--dw_f) * 1);
  padding: calc(var(--dw_f) * 2) calc(var(--dw) * 5);
  font-size: calc(var(--dw_f) * 4);
}
.in-input {
  background: #f5f6f8;
  width: 100%;
  border-radius: 4px;
  height: calc((var(--dw) * 10) + var(--dw_f) * 1);
  padding: calc(var(--dw_f) * 2) calc(var(--dw) * 5);
  font-size: calc(var(--dw_f) * 4);
  border: #e6e6e6 1px solid;
  box-sizing: border-box;
}

.apartment-c {
  margin-left: calc(var(--dw) * 5);
}

.apartment-c .w33p {
  display: inline-block;
  float: left;
  text-align: center;
}

.block-c {
  background: #f5f6f8;
  border-radius: 4px;
  margin: calc(var(--dw_f) * 2);
  padding: calc(var(--dw_f) * 2) 0;
  display: block;
  font-size: calc(var(--dw) * 5 - var(--dw_f) * 2);
  height: calc(var(--dw) * 5 - var(--dw_f) * 1);
  overflow: hidden;
}

.special-c {
  margin: -0.5rem 1rem -0.5rem;
}

.special-c .w33p {
  display: inline-block;
  float: left;
  text-align: center;
}

.get-code-btn {
  border: 0.04rem solid #f19573;
  padding: 0.2rem 0.4rem;
  position: absolute;
  border-radius: 0.2rem;
  right: 0.5rem;
  color: #f19573;
  top: 0.5rem;
  font-size: 0.8rem;
  z-index: 20;
}

.mlr1rem {
  margin: 0 calc((var(--dw) * 5) + var(--dw_f));
  font-size: calc(var(--dw_f) * 4);
}

.bg-btn {
  width: 100%;
  border-radius: 8px;
  height: calc((var(--dw) * 10) + var(--dw_f) * 1);
  text-align: center;
  font-size: calc((var(--dw) * 5) - var(--dw_f) * 1);
  line-height: calc((var(--dw) * 10) + var(--dw_f) * 1);
  margin-top: calc((var(--dw) * 5) + var(--dw_f) * 2);
}

.label-input-tips {
  font-size: 0.9rem;
  display: block;
  float: right;
  position: relative;
  right: 0.5rem;
}

.price-c {
  margin: 0 calc((var(--dw) * 5) + var(--dw_f)) calc(var(--dw) * 10);
}

.price-c-show {
  width: 30%;
  margin: 0 35%;
  text-align: center;
  padding: 2.5% 0;
  border-radius: calc((var(--dw) * 5) + var(--dw_f) * 2);
  font-size: calc((var(--dw) * 5) - var(--dw_f) * 2);
}

.price-c > text {
  float: left;
  display: block;
  height: 1.5rem;
  margin: 0 0.5rem;
  line-height: 1.7rem;
}

.slider-container .scale span:nth-child(2) {
  left: 88% !important;
}

.price-input {
  background: #f5f6f8;
  width: 28%;
  border-radius: 0.2rem;
  height: 1rem;
  padding: 0.25rem 1rem;
  font-size: 0.8rem;
  float: left;
  display: block;
}

.footer-el {
  position: fixed;
  bottom: 118px;
  width: 100%;
  background: #fff;
  padding: 0.5rem 0;
  z-index: 10;
}
.demo-slider {
  height: 15px;
  margin-top: 10px;
}
.label .layui-form-select dl dd.layui-this {
  background-color: #f7c914;
  color: #fff;
}

.layui-form-select dl {
  top: calc((var(--dw) * 10) + var(--dw_f) * 1);
  padding:  calc(var(--dw_f)) 0;
}

.layui-form-selectup dl {
  top: auto;
  bottom: calc((var(--dw) * 10) + var(--dw_f) * 1);
}

.layui-form-select dl dd, .layui-form-select dl dt {
  padding: 0 calc(var(--dw) * 5 - var(--dw_f) * 3);
  line-height: calc(var(--dw) * 10 - var(--dw_f));
  font-size: calc(var(--dw) * 5 - var(--dw_f) * 2);
}
.layui-form-select dl dd.layui-select-tips {
  padding-left: calc(var(--dw) * 5 - var(--dw_f) * 3) !important;
}
.slider-container .scale ins {
  font-size: calc(var(--dw) * 5 - var(--dw_f) * 2);
}
.theme-green .back-bar {
  height: calc(var(--dw_f) * 2);
}
.theme-green .back-bar .pointer {
  width: calc(var(--dw_f) * 4);
  height: calc(var(--dw_f) * 4);
  top: calc(0px - var(--dw_f) * 1);
  border-radius: 50%;
}
/*新增弹窗*/
.emc-frame {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 13;
    width: var(--dbw);
    height: 100vh;
}

.emc-box {
    background: #fff;
    width: 85%;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.06);
    border-radius: 8px;
    padding-top: calc(var(--dw) * 5);
    z-index: 1;
}

.get-code {
    position: absolute;
    right: calc(var(--dw) * 10 + var(--dw_f) * 5);
    padding: calc(var(--dw) * 5 - var(--dw_f) * 3);
    border-radius: calc(var(--dw_f) * 2);
}

.btn-box {
    display: flex;
    padding: 0 calc((var( --dw) * 5 + var(--dw_f))/2);
}
.efb-btn {
    border-radius: 8px;
    height: calc((var(--dw) * 10) + var(--dw_f) * 1);
    text-align: center;
    font-size: calc((var(--dw) * 5) - var(--dw_f) * 1);
    line-height: calc((var(--dw) * 10) + var(--dw_f) * 1);
    border: none;
    margin: 0 calc((var( --dw) * 5 + var(--dw_f))/2);
    margin-bottom: calc(var( --dw) * 5 + var(--dw_f));
    flex: 1 auto;
}
.efb-mask {
    background-color: rgb(0, 0, 0);
    opacity: 0.8;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    _height: expression(document.body.offsetHeight+"px");
    position: fixed;
    _position: absolute;
    pointer-events: auto;
}