body{  }
.blank50{ height: 50px; clear: both; }
.wrapper{ max-width: 750px;  margin:0 auto; }
.castle{}
.castle img{width: 100%;}
.castle h1{ position: absolute; top: 15px; line-height: 40px; width: 100%; left: 0; text-align: center; font-size: 15px; color: #fff; }
.schoolist{ padding:8px; }
.room_cont{ background: #FF8C00;padding:8px; border-radius: 8px; }
.room_title{ color: #fff; font-size: 20px; text-align: center; vertical-align: middle;}
.room_title span{  height: 50px; line-height: 50px; display: inline-block; padding:0 20px; vertical-align: middle; }
.room_title span:before{content:""; background: url(../Images/shape_l.png) no-repeat center top; height: 25px; width: 60px; display: inline-block; vertical-align: middle;}
.room_title span:after{content:""; background: url(../Images/shape_r.png) no-repeat center top; height: 25px; width: 60px; display: inline-block; vertical-align: middle;}
.room_list{}
.room_box{ position: relative; background: #fff; border-radius: 8px; margin-top:20px; border:5px solid #FFD19A; }

.room_postion{position: relative;  padding:15px 10px 15px 125px; min-height: 134px;}
.room_box h1{ width: 100px; height: 134px; position: absolute; left: 10px; top: 15px; }
.room_box h1 img{ width: 100px; height: 134px; }
.label_tag{top: -15px; right: 8px; text-align: center; position: absolute; color: #fff; width: 56px; height: 60px;  font-size: 16px;  background: url(../Images/vehicle_icon.png) no-repeat center top; }
.label_tag h4{ padding-top: 5px; font-size: 16px;}
.label_tag span{ font-weight: bold; font-size: 18px; }
.immediately{bottom: 0; right: 0; position: absolute;}
.immediately img{ height: 40px; }
.age_content{}
.age_content h2{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #7D3900; font-size: 16px; line-height: 24px; }
.age_content ul{ padding:5px 0; }
.age_content ul li{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #999; line-height: 22px; padding-left: 10px; background: url(../Images/dian.png) no-repeat center left; background-size: 5px; }
.age_content ul li.title{display: none;}
.age_content ul li i{ font-size: 5px;  }
.age_content ul li span{ font-size: 12px; color: #666; }
.age_content h3{ font-size: 12px; color: #FF3D3D; padding-top: 8px;}
.age_content h3 span{font-size: 18px; text-decoration:line-through;}

.duration{ padding:20px; }
.duration img{ width: 100%; }
.footer{}

.footer img{ width: 100%; }

.defray{ text-align: center; font-size: 14px;   color: #333; line-height: 22px; padding:15px 0 15px; }
.defray span{color: #F06E0E; font-size: 24px; }

.greet_form{ padding:30px 10px 0 10px; background: url(../Images/bgs.png) no-repeat center top; }
.greet_form .layui-form-item{ border-bottom: 1px solid #ddd; padding:5px 0;     margin-bottom: 5px!important; }
.greet_form .layui-form-item .layui-form-label{ font-size: 16px; width: 100px; line-height: 38px; padding:0; text-align: left; color: #666; }
.greet_form .layui-form-item .layui-form-label span{ padding-right: 5px; color: #FF1300; }
.greet_form .layui-input-block {
    margin-left: 105px;
    min-height: 36px;
}
.greet_form .layui-input-block .layui-input{ border:none;  font-size: 16px;}
.layui-btn.send_codes{ position: absolute; right: 0; top: 0; background: #FF8C00; border-radius: 5px; }
.elevate{ color: #FF1300; font-size: 12px; border: none; }

.curriculum{ padding:15px 5px; position: relative; }
.curriculum .curr_tit{ color: #aaa; font-size: 16px; height: 30px; line-height: 30px;  }
.curr_txt{ padding-right: 70px; color: #333; font-size: 16px; position: relative; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px; }
.curr_txt span{ position: absolute;right: 0; line-height: 30px;font-size: 20px; }


.discipline{position: relative;  padding:15px 10px 15px 110px; min-height: 150px;}
.discipline h1{ width: 100px; height: 90px; position: absolute; left: 0px; top: 15px; }
.discipline h1 img{ width: 100px; height: 150px; }
.pline_cont{}
.pline_cont h2{ color: #7D3900; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 22px; }
.pline_cont ul{ padding:5px 0; }
.pline_cont ul li{ font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999; line-height: 22px; padding-left: 10px; background: url(../Images/dian.png) no-repeat center left; background-size: 5px; }
.pline_cont ul li i{ font-size: 5px;  }
.pline_cont ul li span{ font-size: 12px; color: #666; }

::-webkit-input-placeholder { /* WebKit browsers */
  color: #aaa;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #aaa;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #aaa;
}   

.commit{background:#fff; height: 48px; position: fixed; bottom: 0; left: 0; width: 100%; border-top: 1px solid #ddd; }
.total{ font-size: 16px; color: #333; line-height: 48px; float: left; padding-left: 20px; }
.total span{ font-size: 18px; font-weight: bold; color: #F06E0E; padding-left: 5px; }
.total span small{ font-size: 14px; }
.total span em{ font-size: 14px; font-weight: normal; font-style: normal; }
.commit .layui-btn{ float: right; background: #FF8C00; font-size: 16px; height: 48px; line-height: 48px; padding:0 20px; }


.type-topay .payway {
    margin-bottom: 10px;
    padding: 5px;
    background-color: #fff;
}
.type-topay .payway .title {
    line-height: 30px;
    font-size: 14px;
    margin-bottom: 5px;
}
.type-topay .payway .away {
    display: block;
    padding-bottom: 0.53333333rem;
    margin-bottom: 0.26666667rem;
}
.type-topay .payway .away .icon {
    float: left;
}
.type-topay .payway .away .wechat {
    width: 130px;
    height: 30px;
    background: url('../Images/type-pay-wechat.png') no-repeat;
    background-size: 100% 100%;
}
.type-topay .payway .away .alipay {
    width: 140px;
    height: 30px;
    background: url('../Images/type-pay-ali.png') no-repeat;
    background-size: 100% 100%;
}
.type-topay .payway .away .checkbox {
    height: 25px;
    width: 25px;
    float: right;
    position: relative;
}
.type-topay .payway .away .checkbox input {
    position: absolute;
    z-index: -1;
}
.type-topay .payway .away .checkbox .view {
    height: 100%;
    border-radius: 50%;
    border: 1px solid #eee;
}
.type-topay .payway .away .checkbox input:checked + .view {
    background-size: 25px;
    background-image: url('../Images/type-pay-checked.jpg');
    border: none;
}
.type-topay .payway .away:before,
.type-topay .payway .away:after {
    content: " ";
    display: table;
}
.type-topay .payway .away:after {
    clear: both;
}


/*信息提示框*/
.errormotify {
    position: fixed;
    top: 35%;
    left: 50%;
    width: 220px;
    padding: 0;
    margin: 0 0 0 -110px;
    z-index: 9999;
    background: #ea4335;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 1.5em;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}
.errormotify .motify-inner {
    padding: 10px 10px;
    text-align: center;
    word-wrap: break-word;
    color: #fff;
}
.errormotify .motify-inner span{display:inline-block;width:22px;height:23px;background:url(../Images/error.png) no-repeat;background-size:100%; vertical-align:middle;margin-right:0.6rem;}
.okmotify {
    position: fixed;
    top: 25%;
    left: 50%;
    width: 220px;
    padding: 0;
    margin: 0 0 0 -110px;
    z-index: 9999;
    background: #01b4bf;
    color: #fff;
    font-size: 14px;
    line-height: 1.5em;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}
.okmotify .motify-inner {
    padding: 10px 10px;
    text-align: center;
    word-wrap: break-word;
    color: #fff;
}
.okmotify .motify-inner span{display:inline-block;width:22px;height:23px;background:url(../Images/tsok.png) no-repeat;background-size:100%; vertical-align:middle;margin-right:0.6rem;}




.division{ padding:0 25px; }
.division .layui-input-block{}
.division .layui-input, .division .layui-select, .division .layui-textarea {
    height: 40px;
    line-height: 1.3;
    line-height: 40px\9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-radius: 3px;
}

.division .layui-form-select .layui-input{border-radius: 4px; }
.division .layui-btn{ margin-top: 30px; width: 100%; font-size: 18px; background-color: #FF6D00; padding:0; height: 48px; line-height: 48px; }
.division .layui-form-select dl dd.layui-this {
    background-color: #ffc84f;
    color: #fff;
}
.division .layui-form-select .layui-edge {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
    border-width: 6px;
    border-top-color: #ffc84f;
    border-top-style: solid;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.division .layui-form-item{ border-bottom: none; }








.paying .layui-input-block{    margin-left: 0px;}
.paying  label{ z-index: 777; position: absolute; left: 5px; line-height: 40px; }
.paying  label span{ color: #ff001e; padding:0 2px; }
.paying  .send_codes{ width:80px; font-size: 12px; position: absolute; right: 4px; top:4px;
margin-top: 0px;
    background-color: #FF6D00;
    padding: 0;
    height: 32px;
    line-height: 32px;
    }

.expense{ padding-left: 60px; position: relative; }
.expense p{ width: 50px; height: 50px; position: absolute; left: 0; text-align: center; line-height: 50px; background: #ffd264; border-radius: 5px;  }
.expense h1{ color: #4f4a40; font-size: 14px; }
.expense h2{ color: #ff7c36; font-weight: bold; }
.paying .layui-input{ padding-left: 90px; border-radius: 5px; }
.paying .layui-form-select{border-radius: 5px; }

.paymoney{ left: 0; z-index: 877; position: fixed; background: #fff; height: 50px; bottom: 0; width: 97%; padding:0 0 0 3%; background: #fff; }
.paymoney a.defray{ padding:0; float: right; width: 100px; color: #fff; background: #ff8c00;  text-align: center; line-height: 50px;}
.paymoney span{ line-height: 50px;  }
.paymoney em{ font-style: normal; font-size: 18px; font-weight: bold; color: #f06e0e; }

.blank60{height: 60px; clear: both;}
.requir{ color: #ff5f36; font-size: 12px;}
.requir a{ color: #4dace4;  font-size: 12px;}