*{margin:0;padding:0;box-sizing: border-box;}
.hide {display: none;}
.clearfix::before,
.clearfix::after {
  content: '';
  display: table;
  clear: both;
  height: 0;
}
.clearfix {
  zoom: 1;
}
.ellipsis{
  overflow:hidden;
  white-space:nowrap;
  text-overflow: ellipsis;/*IE/Safari */
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;/* Opera */
  display: inline-block;
  vertical-align: middle;
}
.toast{
  position: fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  display: none;
  background: rgba(0,0,0,.5);
}
.toast .text{
  font-size:14px;
  color:#ffffff;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  background: #000000;
  padding:10px 30px;
  border-radius: 10px;
}
.btn{
  display: block;
  height:45px;
  line-height:45px;
  text-align: center;
  color:#ffffff;
  border-radius: 10px;
  padding:0!important;
}
.btn:hover{color:#ffffff}
.btn-blue{background: #288CE4;}
.btn-green{
  background:#3DC271;
}
.fc-green{color:#3DC271}
/* 表单 */
.form-li{position: relative;}
.form-li.msgverf {display: none;}
.form-li .label-wrap{
  min-height:36px;
  display: flex;
  align-items: center;
}
.form-li .label-wrap img{
  width:16px;
  height:16px;
  position: absolute;
  top:50%;
  left:10px;
  margin-top:-8px;
}
.form-li .label-wrap .form-clouter{
  width:100%;
  height:45px;
  padding:0 10px;
  border:none;
  border:1px solid #dedede;
}
.form-li .label-wrap .btn{
  position: absolute;
  right:0;
  top:50%;
  margin-top:-23px;
  width:120px;
  height:45px;
  line-height:45px;
  text-align: center;
  color:#ffffff;
  border-radius: 10px;;
  background: #35C36E;
}
.form-li .radio{width:33%;line-height:45px;}
.form-li .radio input{margin-right:5px;margin-top:2px;vertical-align: -2px;}
.form-li select.form-clouter{margin-left:10px;}
.form-li select.form-clouter:first-child{margin-left:0;}
.form-list2 .label-title{float:none; line-height:45px; width:100px;text-align:left;}
/* 顶部底部导航 */
.nav .nav-logo p{
  display: inline-block;
  color:#22211C;font-size:24px;
  padding-left:34px;
  position: relative;
}
.nav .nav-logo p::before{
  content:'';
  position: absolute;
  top:50%;left:20px;
  height:40px;
  margin-top:-20px;
  border-left:2px solid #BFBFBF;
}
.footer{
  background: #FAFAFA;
  padding:30px 0;
  text-align: center;
}
.footer .foot-nav-list {
  display:inline-block;
  height:20px;
}
.footer .foot-nav-list li{
  float:left;
  height:20px;
  line-height:20px;
  color:#36B4A3;
  font-size:14px;
  border-right:1px solid #36B4A3;
  padding:0 10px;
}
.footer .foot-nav-list li a{
  color:#36B4A3;
}
.footer .foot-nav-list li:last-child{border:none}
.footer .address{
  text-align: center;
  color:#808080;
  font-size:14px;
  margin-top:10px;
}
/* 中心定位 */
.main-apply{
  min-height: calc(100vh - 260px);
  margin-top:80px;
  background: #F5F5F7;
  padding:30px 0;
  overflow: auto;
}
.attract-block .attract-form{
  min-height:calc(100vh - 260px);
  margin:0px auto;
  background: #ffffff;
  border-radius: 10px;
}
.page-title{
  line-height:45px;
  color:#333333;
  font-size:16px;
  padding-left:20px;
  border-bottom:1px solid #E6E6E6;
  margin-bottom:20px;
}
.page-title span{float:left}
.page-title-right{padding:0 15px;font-size:0;}
.page-title-right i{display: inline-block;width:18px;height:18px;background: url(../images/ico_add.png) 0 0 no-repeat; background-size: 100% 100%;vertical-align: middle;margin-top:-2px;margin-right:5px;}
.page-title-right .btn{
  width:calc(50% - 30px);
  margin-top:0;
  display: inline-block;
  font-size:14px;
  height:36px;
  line-height:36px;
  padding:0 10px;
  border-radius: 0;
  margin:0 5px;
}
/* 登录弹窗 */
.main-apply-login.main-apply{
  min-height: calc(100vh - 200px);
  background: url(../images/banner.png) 0 0 no-repeat;
  background-size: cover;
}
.main-apply-login .attract-block .attract-form {
  min-height:auto;
  width: 100%;
}
/* 表单 */
.main-apply-login .form-li{
  width:100%;
  margin: 0 ;
}
.main-apply-login .form-li .label-wrap .form-clouter{
  height:65px;
  padding:10px;
  padding-left:50px;
  border:none;
  border-bottom:1px solid #dedede;
}
.login-pop{
  display: flex;
  align-items: center;
  margin:0px auto;
  border-radius: 10px;
  padding:20px;
  background: #ffffff;
}
.login-pop-flex{width:100%;position: relative;}
.login-bg {display: none;}
.tab-list{border:1px solid #35C36E;height:40px;margin-bottom:20px;}
.tab-list li {float:left;width:50%;text-align: center;height:40px;line-height:40px;color:#35C36E;cursor: pointer;}
.tab-list li.active{background: #35C36E;color:#ffffff}
.attract-form .btn-login{
  display: block;
  height:45px;
  line-height:45px;
  text-align: center;
  color:#ffffff;
  border-radius: 10px;;
  background: #35C36E;
  margin-top:15px;
  width: 100%;
  border: none;
}
.forget-password{
  text-align: right;
  color:#35C36E;
  margin-top:10px;
}
.forget-password a, .forget-password a:active, .forget-password a:hover{
  color:#35C36E;
}
.login-ewm .ewm-img{
  float:left;
  background: #ffffff;
  border: 1px solid #E9E9E9;
  padding: 5px;
  width: 120px;
  margin-right:10px;
}
.login-ewm .ewm-img img{
  width:100%;
}
.login-ewm  .ewm-right{
  float:left;
  height:132px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.login-ewm  .ewm-right .fc-red{
  font-size:16px;
  color: #ec3170;
}
.login-ewm  .ewm-right .ewm-txt{
  font-size:14px;
  color: #35C36E;
  margin-top:10px;
}
/* 设置密码 */
.set-password .title, .login-after .title{text-align: center;margin-bottom:20px;font-size:14px;}
.set-password .form-li{width:calc(100% - 40px);margin:0 auto 20px;}
.set-password .btn, .glyey .btn{display: block;width:calc(100% - 40px);margin:20px auto 0;color:#ffffff}
/* 老师加入 */
.add-yey{text-align: center;padding:60px 20px 20px;}
.add-yey .title{font-size: 25px;color:#288CE4;margin-bottom:20px;}
.add-yey .p-text{margin-bottom:20px;font-size:16px;}
.add-yey img {width:150px;}
/* 创建幼儿园 */
.speed-block{margin-bottom:20px;}
.speed-list li {
  float:left;
  width:33.33%;
  height:45px;
  line-height:45px;
  text-align: center;
  color:#ffffff;
  background: #4e4d4d;
  position: relative;
}
.speed-list li.active{
  background: #3DC271;
}
.form-info{padding-bottom:20px;}
.form-info  .next{padding:0 20px;}
.form-info  .next .btn{display: block;color:#ffffff;}
.form-info .form-block{margin-bottom:20px;}
.form-block .form-list{padding:0 20px;}
.form-block .form-list:first-child{display: block;}
.form-block  .form-li{margin:0 auto 20px;}
.form-block  .form-li .label-wrap .form-clouter{width:100%}
.form-block  .form-li.form-li-sendverf .label-wrap{position: relative;}
.form-block  .form-li.form-li-sendverf .label-wrap input{width:calc(100% - 110px)}
.form-block  .form-li.form-li-sendverf .label-wrap .btn{width:100px;}
.form-block  .form-list2 .form-li{margin-bottom:0;}
.yey-new-suc{text-align: center;}
.yey-new-suc img{width:84px;height:84px;}
.yey-new-suc p{margin-top:15px;}
.yey-new-suc p span{margin: 0 5px;}
.yey-info{display: inline-block;text-align: left;margin-top:10px;border:2px solid #e6e6e6;border-radius: 10px;padding:10px;}
.yey-info .li{margin-bottom:10px;}
.yey-info .li .copy{display: inline-block;color:#3DC271;border:1px solid #3DC271;font-size:12px;padding:0 10px;border-radius: 3px;margin-left:10px;cursor: pointer;}
.yey-new-suc .ewm{width:150px;height:150px;}
/* 幼儿园列表 */
.main-apply-yey-list .add-yey{text-align: center;padding-top:80px;}
.main-apply-yey-list .add-yey .p-text{margin-bottom:20px;font-size:18px;}
.main-apply-yey-list .add-yey .p-text i {width: 18px; height:18px;display:inline-block;background: url(../images/ico_bg.png) left center no-repeat; background-size: 100% 100%;vertical-align: middle;margin-top:-2px;}
.main-apply-yey-list .add-yey .p-text span{color:#41C374}
.yey-block{padding:0 20px;padding-bottom:20px;margin:20px auto 0}
.yey-list li{
  border:1px solid #3DC271;
  border-radius: 5px;
  padding:15px;
  margin-bottom:15px;
  position: relative;
  background: #F2FAF5;
}
.yey-list li .btn{position: absolute;top:50%;right:15px;margin-top:-15px; height:30px;line-height:30px;border-radius: 0;width:100px;}
.yey-list li p{color:#333333;font-size:14px;margin-bottom:15px;}
.yey-list li p i{width: 18px; height:18px;display:inline-block;background: url(../images/ico_bg_v.png) left center no-repeat; background-size: 100% 100%;vertical-align: middle;margin-top:-2px;margin-right:8px}
.yey-list li span{font-size:12px;color:#999999;}
/* 二维码 */
.ewm-block img {width:150px;}
.ewm-block p{font-size:16px;color:#999999;margin-top:10px;}
.ewm-block p i{width: 18px; height:18px;display:inline-block;background: url(../images/ico_ewm.png) left center no-repeat; background-size: 100% 100%;vertical-align: middle;margin-top:-2px;margin-right:8px}
@media screen and (min-width: 768px){
  .main-apply{
    display: flex;
    align-items: center;
  }
  .attract-block .attract-form{
    width:calc(100% - 100px);
  }
  .page-title{
    line-height:75px;
    color:#333333;
    font-size:18px;
    padding-left:20px;
    border-bottom:1px solid #E6E6E6;
    margin-bottom:50px;
  }
  .form-list2 .label-title{float:left;text-align: right;}
  .form-list2 .label-wrap{width:calc(100% - 120px)}
  .main-apply-login .attract-block{float:right;width:40%}
  .login-pop{width:65%;}
  .login-bg {display: block;width:calc(100% - 50%);padding-left:4%;display: flex;align-items: center;}
  .login-bg img{width:calc(100%);height:auto;}
  .login-bg p {text-align: center;}
  .page-title-right{position: absolute;top:20px;right:50px;}
  .page-title-right .btn{width:auto}
  .set-password, .login-after{width:45%;margin:0 auto}
  .set-password .title, .login-after .title{font-size:18px;}
  .form-info{width:55%;margin:0 auto;padding-bottom:50px;}
  .form-info .form-block .form-list2 .form-li{margin-bottom:20px;}
  .yey-block{width:45%;margin:20px auto 0;padding-bottom:40px}
  .yey-list li{padding:30px}
  .yey-list li .btn{right:30px;}
  .yey-list li p{font-size:20px;}
  .yey-list li span{font-size:16px}
}
.login-info .form-error {
  position: absolute;
  top: -5px;
  left: 4px;
  width: 335px;
  margin: 0 30px;
}
.form-error .msg-error {
  position: relative;
  background: #ffebeb;
  color: #e4393c;
  border: 1px solid #faccc6;
  padding: 3px 10px 3px 40px;
  line-height: 16px;
  height: auto;
  display: none;
}
.dsj-login .login-info .form-error{
  top:-12px;
  width: 358px;
  line-height:24px;
  margin:0;
}
.dsj-login .login-info .form-error .msg-error{
  background:rgba(255,255,255,.8);
  color: #ff5757;
  border:none;
  border-radius: 2px;
}
.dsj-login .login-info .li{
  padding: 6px 0px;
  border-left:none;
}
.login-info .form-error {
  position: absolute;
  top: -5px;
  left: 4px;
  width: 335px;
  margin: 0 30px;
}
.form-error .msg-error {
  position: relative;
  background: #ffebeb;
  color: #e4393c;
  border: 1px solid #faccc6;
  padding: 3px 10px 3px 40px;
  line-height: 16px;
  height: auto;
  display: none;
}
.form-error .btn.btn-error {
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  margin-top: -8px;
  width: 17px;
  height: 17px;
  overflow: hidden;
  background: url(../images/ico_error.png) 0 0 no-repeat;
}