@charset "utf-8";

/* -- form表单 -- */
/* placeholder */
input.zk-form-control::-webkit-input-placeholder,
textarea.zk-form-control::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
}
input.zk-form-control:-moz-placeholder,
textarea.zk-form-control:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
}
input.zk-form-control::-moz-placeholder,
textarea.zk-form-control::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
}
input.zk-form-control:-ms-input-placeholder,
textarea.zk-form-control:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
}
/* ----------表单样式---------- */
.clearfix:after, .clearfix:before {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}
.commonFormH5 {
  padding: 0 .3rem;
  -webkit-font-smoothing: antialiased;
}
.commonFormH5 .input-bd {
  display: block;
  width: 100%;
  height: .8rem;
  background: white;
  border: 1px solid #ccc;
  border-radius: .04rem;
  padding: 0 .2rem;
  margin-top: .25rem;
  font-size: .28rem;
  color: #111;
  outline: none;
  -webkit-appearance: none;
}
.commonFormH5 .input-bd.w60{
  width:60%;
}
.commonFormH5 .input-bd.inp-sms{
  width:36%;
  background:#e24943;
  color:#fff;
  border:1px solid #e24943;
}
.commonFormH5 .input-bd.inp-sms:disabled{
  background: #eee;
  color: #666;
  border: 1px solid #eee;
}
.commonFormH5 .select {
  line-height: .8rem;
  background: white url("../img/m/Triangle.png") right 0.2rem center no-repeat;
  background-size: .24rem .14rem;
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari 和 Chrome */
}
.commonFormH5 .input-bd.select{
  color:#999;
}
.commonFormH5 .input-bd.select.selected{
  color: #333;
}
.commonFormH5 .input-bd:focus,
.commonFormH5 .input-bd:focus{
  color:#333;
}
.commonFormH5 .form .group {
  overflow: hidden;
}
.commonFormH5 .form .group .select {
  width: 48%;
}
.commonFormH5 .form .group .w30 {
  width: 30%;
}
.commonFormH5 .form .group .w70 {
  width: 65%;
}
.commonFormH5 .order-btn {
  height: .72rem;
  margin: 0.4rem auto 0;
  color: #fff;
  border-radius: .05rem;
  line-height: .72rem;
  overflow: hidden;
  font-size: .24rem;
  background: #e24943;
  text-align: center;
}
.commonFormH5 .promise {
  font-size: .22rem;
  color: #999;
  text-align: center;
  margin-top: .15rem;
}
.commonFormH5 .mask {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 20000;
}
.commonFormH5 .school-select-container {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: white;
}
.commonFormH5 .school-select-container .school-title {
  line-height: .9rem;
  text-align: center;
  font-size: .32rem;
  color: #2B3257;
}
.commonFormH5 .school-select-container .cont {
  font-size: .26rem;
  color: #2B3257;
  overflow: hidden;
  height: 3.5rem;
  border-bottom: 1px solid #EBECF1;
  border-top: 1px solid #EBECF1;
}
.commonFormH5 .school-select-container .cont .item {
  text-align: center;
  line-height: .7rem;
}
.commonFormH5 .school-select-container .cont .district {
  width: 50%;
  float: left;
  height: 100%;
  overflow-y: scroll;
}
.commonFormH5 .school-select-container .cont .district .selected {
  background: #F7F7F7;
  color: #e24943;
}
.commonFormH5 .school-select-container .cont .school {
  margin-left: 50%;
  background: #F7F7F7;
  height: 100%;
  overflow-y: scroll;
}
.commonFormH5 .school-select-container .cont .school .selected {
  color: #e24943;
}
.commonFormH5 .school-select-container .btn-cont {
  padding: .2rem;
}
.commonFormH5 .school-select-container .btn-cont .btn {
  width: 1.5rem;
  height: .6rem;
  text-align: center;
  font-size: .26rem;
  color: white;
  line-height: .6rem;
  background-color: #e24943;
  border-radius: 100px;
}
.commonFormH5 .school-select-container .btn-cont .btn.disable {
  background: #CCCCCC;
}
.commonFormH5 .form-modal {
  width: 5.6rem;
  padding: .8rem 0 .5rem;
  height: auto;
  background: white;
  border-radius: .16rem;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -2.8rem;
  margin-left: -2.8rem;
  text-align: center;
  overflow: hidden;
}
.commonFormH5 .form-modal .close-icon {
  position: absolute;
  right: .15rem;
  top: .15rem;
  display: block;
  width: .4rem;
  height: .4rem;
  border-radius: 100%;
  background: url("../img/m/ico-close.png") no-repeat center;
  background-size: .32rem .32rem;
}
.commonFormH5 .form-modal .success-icon {
  width: 1.2rem;
  height: 1.38rem;
  background: url("../img/m/right-red.png") no-repeat;
  background-size: 100%;
  margin:auto;
}
.commonFormH5 .form-modal .close-btn {
  width:3.2rem;
  height:0.68rem;
  line-height:0.68rem;
  font-size:.3rem;
  color:#fff;
  border-radius: 1rem;
  background:#E24943;
  margin: 0.6rem auto 0;
}
.commonFormH5 .form-modal .modal-title {
  font-size: .36rem;
  color: #2B3257;
  margin-top: .5rem;
}
.commonFormH5 .form-modal .modal-hint {
  font-size: .3rem;
  color: #2B3257;
  margin-top: .2rem;
}
.commonFormH5 .order-btn{
  height: .8rem;
  margin: 0.4rem auto 0;
  color: #fff;
  border-radius: .05rem;
  line-height: .8rem;
  overflow: hidden;
  font-size: .28rem;
  background: #e24943;
  text-align: center;
  border-radius: 0.06rem;
}
/* ----------- loading样式------------- */
#loadingToast{
  width:100%;
  height:100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 200;
}
#loadingToast .gif-loading{
  z-index:203;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width:1.4rem;
  height:1.4rem;
  background:url('../img/m/mobile-loading.gif') center center no-repeat;
  background-size: 1.4rem 1.4rem;
}
.mask {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 100;
}