@charset "UTF-8";
body {
  font-family: '微软雅黑', sans-serif;
  background-color: #fff;
}

.clearfix ::after {
  display: block;
  clear: both;
  content: ".";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.img-style {
  border-radius: 0.13333rem;
  display: block;
}

.student-img img {
  border-radius: 0.13333rem;
  display: block;
}

.student-img .s-title {
  height: 0.66667rem;
  width: 100%;
  line-height: 0.66667rem;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.5);
}

.student-img .s-title i {
  font-size: 0.53333rem;
}

.student-img .s-title span {
  font-size: 0.53333rem;
}

.f24 {
  font-size: 0.32rem !important;
}

.f22 {
  font-size: 0.29333rem !important;
}

.f26 {
  font-size: 0.34667rem !important;
}

.f28 {
  font-size: 0.37333rem !important;
}

.f30 {
  font-size: 0.4rem !important;
}

.f32 {
  font-size: 0.42667rem !important;
}

.f34 {
  font-size: 0.45333rem !important;
}

.f54 {
  font-size: 0.72rem !important;
}

.f36 {
  font-size: 0.48rem !important;
}

.hide {
  display: none;
}

[v-clock] {
  display: none;
}

.forms {
  width: 80%;
  margin: 0.8rem auto;
}

.forms .froms_tit {
  text-align: center;
  font-size: 0.42667rem;
  margin-bottom: 0.53333rem;
}

.forms .froms_tit:before, .forms .froms_tit:after {
  content: '';
  display: inline-block;
  width: 16%;
  height: 2px;
  background: #f7ae96;
  vertical-align: middle;
  margin: 0 0.26667rem;
}

.forms .input {
  border-bottom: 1px solid #ececec;
  padding-bottom: 0.45333rem;
  margin-bottom: 0.45333rem;
  position: relative;
}

.forms .input i {
  color: #f7ae96;
  font-size: 0.53333rem;
}

.forms .input input {
  border: none;
  height: 0.64rem;
  font-size: 0.42667rem;
  display: inline-block;
  width: 80%;
  color: #999;
  margin-left: 0.06667rem;
}

.forms .input .select {
  position: absolute;
  background: #fff;
  font-size: 0.42667rem;
  width: 100%;
  top: 1.14667rem;
  padding: 0 0.26667rem;
  border: 1px solid #ececec;
  border-bottom-left-radius: 0.13333rem;
  border-bottom-right-radius: 0.13333rem;
}

.forms .input .select p {
  margin: 0.13333rem auto;
}

.forms .submit {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 0.42667rem;
  padding: 0.26667rem 0;
  border-radius: 0.66667rem;
  background: #f18561;
  margin-top: 0.8rem;
}

.forms .arrS {
  background: #f7ae96;
}

.mask_yxd {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.mask_yxd .maskCon {
  width: 90%;
  height: 4rem;
  padding: 0.26667rem 0;
  background: #fff;
  border-radius: 0.26667rem;
  margin: 4.66667rem auto;
  text-align: center;
  -webkit-box-shadow: 0 0 10px rgba(247, 174, 150, 0.5);
          box-shadow: 0 0 10px rgba(247, 174, 150, 0.5);
}

.mask_yxd .maskCon .maskP {
  font-size: 0.56rem;
  margin: 0.4rem 0;
}

.mask_yxd .maskCon .btn {
  font-size: 0.56rem;
  color: #fff;
  padding: 0.13333rem 0.4rem;
  border-radius: 0.26667rem;
  background: #FF5368;
  display: inline-block;
  margin-top: 0.26667rem;
}

.mask_yxd .maskCon2 {
  width: 90%;
  padding: 0.26667rem 0;
  background: #fff;
  border-radius: 0.26667rem;
  margin: 4.66667rem auto;
  text-align: center;
  font-size: 0.4rem;
  -webkit-box-shadow: 0 0 10px rgba(247, 174, 150, 0.5);
          box-shadow: 0 0 10px rgba(247, 174, 150, 0.5);
}

.mask_yxd .maskCon2 .mask_dui {
  display: inline-block;
  width: 30%;
}

.mask_yxd .maskCon2 .mask_dui_p1 {
  color: #fd4761;
}

.mask_yxd .maskCon2 .maskP {
  font-size: 0.56rem;
  margin: 0.4rem 0;
}

.mask_yxd .maskCon2 .btn {
  font-size: 0.56rem;
  color: #fff;
  padding: 0.13333rem 0.4rem;
  border-radius: 0.26667rem;
  background: #fd4761;
  display: inline-block;
  margin-top: 0.26667rem;
}
/*# sourceMappingURL=yxd.css.map */