/*wap-main*/
.wap-main{width: 100%; height: auto; }
.wap-main .main-myd{width: 7rem;height: 100%;position: relative;margin: 0 auto;text-align: center;}

/* 公共title */
.wap-main  .main-myd img{display: block;width: 100%;height: 100%;}

.wap-main  .titleBox{ display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;}
.wap-main  .titleBox  .titleBoxTxt{  font-size: 0.45rem;line-height: 0.50rem;color: #01636e;font-weight: bold;}
.wap-main  .titleBox  .tlogodes{color: #000;font-size: 0.26rem;font-weight: 400;margin: 0.1rem 0 0 0;}

/* 顶部*/
.wap-main .top{width: 100%; height:6.67rem; background:url(../images/bg01.png) no-repeat ; background-size:100%;background-color: #eeeef0;}
.wap-main .top .topbox{width: 100%;box-sizing: border-box;position: relative;}
.wap-main .top .topbox .topboxone{width: 100%;position: relative; display: flex;flex-direction: column; padding: 1.250rem 1.38rem 0 0.40rem;box-sizing: border-box;}
.wap-main .top .topbox .topOne{display: flex;align-items: center;}
.wap-main .top .topbox .topOne .topOne-small{color: #00626b;font-size: 0.68rem;line-height: 0.68rem;font-weight: bold;letter-spacing: 0.01rem;margin-right: 0.10rem;}
.wap-main .top .topbox .topOne .topOne-border{font-size: 0.36rem;line-height: 0.36rem;color: #fff;font-weight: 200;background: #d96c19;border-radius: 0.35rem;border: 0.01rem solid #fff;box-shadow: 0 0 0 0.03rem #d96c19;width: 1.6rem;height: 0.45rem;display: flex;align-items: center;justify-content: center;}
.wap-main .top .topbox .topTwo{text-align: left;color: #00626b;font-weight: bold;font-size: 1.05rem;line-height: 1.05rem;margin: 0.15rem 0 0.25rem 0;position: relative;}
.wap-main .top .topbox .topThree{ width: 3.8rem;height: 0.05rem;background: linear-gradient(to right, #00626b, transparent);}
.wap-main .top .topbox .topFour{text-align: left;color: #333534;font-size: 0.26rem;line-height: 0.26rem;font-weight: 400;margin-top: 0.15rem;}
.wap-main .top .topbox .topFive{text-align: left;color: #01626b;font-weight: bold;font-size: 0.3rem;line-height: 0.38rem;margin-top: 0.15rem;}

.wap-main .topbox .topthreebox{position: absolute;bottom:-3rem;z-index: 1;display: flex;align-items: center;justify-content: space-between;width: 100%;box-sizing: border-box;}
.wap-main .topbox .topthreebox .threeItem{ width: 2.15rem;height: auto;background: #00626b;border-radius: 0.15rem;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;padding: 0.15rem 0;box-sizing: border-box;}
.wap-main .topbox .topthreebox .threeItem .threeItemnum{  background: #00626b;border-radius: 50%;color: #fff;font-size: 0.3rem;font-weight: 500;position: absolute;top: -0.35rem;width: 0.80rem;height: 0.80rem;display: flex;align-items: baseline;justify-content: center;}
.wap-main .topbox .topthreebox .threeItem .threeItemtitle{position: relative;z-index: 1;color: #fff;font-size: 0.28rem;font-weight: bold;}
.wap-main .topbox .topthreebox .threeItem .threeItemdes{color: #fff;font-size: 0.24rem;font-weight: 200;}
.wap-main .topbox .topthreebox .threeItem .threeItemps{ background: #fff;border-radius: 0.25rem;color: #00626b;font-size: 0.18rem;margin-top: 0.05rem;padding: 0 0.12rem;}

/* 预约表单 */
.wap-main .resver{background-color: #fff;padding-top: 1.5rem;}
.wap-main .resver .topform{  position: relative;width: 100%;height: auto;padding: 0.35rem;box-sizing: border-box;}
.wap-main  .get-form{width: 100%;height: auto;box-sizing: border-box;}
.wap-main  .get-form .get-form-top{width: 100%;display: flex;flex-direction: column;}
.wap-main  .get-form .get-form-top .gft-item{width: 100%;height: 0.75rem;position: relative;display: flex;align-items: center;border: 0.02rem solid #000;background-color: #fff;margin-bottom: 0.25rem;padding: 0.1rem 0.2rem;box-sizing: border-box;}
.wap-main  .get-form .get-form-top .gft-item .gfi-title{ width: 1.2rem;height: 100%;margin-right: 0.05rem;display: flex;align-items: center;font-size: 0.3rem;font-weight: bold;color: #000;}
.wap-main  .get-form .get-form-top .gft-item .gfi-input{height: 100%;}
.wap-main  .get-form .get-form-top .gft-item .gfi-input .gfi-input-name{width: 100%;height: 100%;border: none;background: #ffffff;font-size: 0.3rem;line-height: 0.3rem;}
.wap-main  .get-form .get-form-top .gft-item .gfi-getCode{position: absolute;right: 0.05rem;top: 50%;transform: translate(0, -50%);}
.wap-main  .get-form .get-form-top .gft-item .gfi-getCode .getYzm{border: none;padding: 0.06rem 0.15rem;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 0.3rem;background-color: #767676;border-radius: 0.35rem;}
.wap-main  .get-form .get-form-top .gft-submit {position: relative; height: 0.75rem;background:#e88021 ; display: flex;align-items: center;justify-content: center;}
.wap-main  .get-form .get-form-top .gft-submit .imgone{color: #fff;font-size: 0.34rem;font-weight: bold;}
.wap-main  .get-form .get-form-bottom{display: flex;align-items: center;justify-content: center;margin-top: 0.25rem;font-size: 0.24rem;}

/* 学口语来新航道 */
.wap-main .come{background-color: #f0f0f0;padding: 0.5rem 0;}
.wap-main .come .comebox{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;margin-top: 0.25rem;}
.wap-main .come .comebox .comeboxitem{ display: flex;flex-direction: column;align-items: center;justify-content: center;background: #fff;border-radius: 0.25rem;box-shadow: 0 0 0.05 0.05rem #f4f4f4;width: 3.05rem;padding: 0.05rem 0 0.25rem 0;margin-bottom: 0.25rem;}
.wap-main .come .comebox .comeboxitem .comitemimg{width: 2.91rem;height: 1.94rem;}
.wap-main .come .comebox .comeboxitem .cometitle{margin: 0.15rem 0;color: #016269;font-size: 0.3rem;line-height: 0.3rem;font-weight: bold;}
.wap-main .come .comebox .comeboxitem .comedes{color: #000;font-size: 0.26rem;text-align: center;line-height: 0.32rem;}


/* 英语口语提升 精品3-5人班 */
.wap-main .tisheng{background-color: #fff;padding: 0.25rem 0;}
.wap-main .tishengTwo{width: 100%;padding: 0.25rem 0; background: url("../images/tsbg.png") no-repeat;background-size: cover; position: relative;}
.wap-main .tishengTwo .tstwobox{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.wap-main .tishengTwo .tstwobox .tstitle{ color: #fff;font-size: 0.3rem;font-weight: bold;border: 0.01rem solid #fff;border-radius: 0.35rem;width: 2.5rem;height: 0.55rem;display: flex;align-items: center;justify-content: center;margin-bottom: 0.25rem;}
.wap-main .tishengTwo .tstwobox .tstwoboxin{width: 90%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;background: #fff;padding: 0.2rem;box-sizing: border-box;}
.wap-main .tishengTwo .tstwobox .tstwoboxin .tstwoitem{width: 2.87rem;display: flex;flex-direction: column;align-items: center;margin-bottom: 0.15rem;}
.wap-main .tishengTwo .tstwobox .tstwoboxin .tstwoitem .tsimg{width: 100%;height: 2.08rem;}
.wap-main .tishengTwo .tstwobox .tstwoboxin .tstwoitem .tsimgtitle{color: #067879;font-size: 0.3rem;font-weight: bold;}
.wap-main .tishengTwo .tstwobox .tstwoboxin .tstwoitem .tsimgdes{color: #067879;font-size: 0.26rem;font-weight: 200;}


/* 表格 */
.wap-main .kytable{width: 100%;padding: 0.25rem 0 0.50rem 0; background: url("../images/bglast.png") no-repeat bottom;position: relative;background-color: #fff;}
.wap-main .kytable .kybtn{ width: 3.3rem;height: 0.65rem;margin: 0 auto;background: #e88021;border-radius: 0.35rem;color: #fff;font-size: 0.3rem;font-weight: bold;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;}

.wap-main .kytable .zhutibox{margin: 0.35rem 0;width: 100%;height: auto;background: linear-gradient(to bottom, #d3d2d0, 44%, transparent);padding: 0.08rem;box-sizing: border-box;position: relative;}
.wap-main .kytable .zhutibox .zhutiboxin{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;background-color: #fff;}
.wap-main .kytable .zhutibox .ztboxtitle{color: #03797b;font-size: 0.3rem;font-weight: bold;border: 0.01rem solid #03797b;border-radius: 0.35rem;width: 2.5rem;height: 0.55rem;display: flex;align-items: center;justify-content: center;margin: 0.15rem 0;}
.wap-main .kytable .zhutibox .ztitem{width: 100%;height: 3rem;padding: 0.20rem;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;position: relative;z-index: 1; }
.wap-main .kytable .zhutibox .ztitem:nth-child(odd){background: #03797b;}
.wap-main .kytable .zhutibox .ztitem:nth-child(even){background-color: #fff4ee;}
.wap-main .kytable .zhutibox .ztitem .ztitemone{display: flex;flex-direction: column;align-items: center;width: 2rem;height: 100%;border-radius: 0.25rem;padding: 0.05rem 0.10rem;box-sizing: border-box;}
.wap-main .kytable .zhutibox .ztitem:nth-child(even) .ztitemone:nth-child(odd){background-color: #fff;}
.wap-main .kytable .zhutibox .ztitem:nth-child(even) .ztitemone:nth-child(even){background-color: #f0f0f0;}
.wap-main .kytable .zhutibox .ztitem:nth-child(odd) .ztitemone:nth-child(odd){background-color: #f0f0f0;}
.wap-main .kytable .zhutibox .ztitem:nth-child(odd) .ztitemone:nth-child(even){background-color: #fff;}
.wap-main .kytable .zhutibox .ztitem .ztitemone .ztonetitle{color: #03797b;font-weight: bold;font-size: 0.3rem;margin-bottom: 0.05rem;}
.wap-main .kytable .zhutibox .ztitem .ztitemone .ztonedes{  color: #000;font-size: 0.26rem;line-height: 0.4rem;text-align: left;border-top: 0.01rem solid #000;padding-top: 0.05rem;}

.wap-main .kytable .yinimg{width: 2.62rem;height: 2.37rem;position: absolute;top: -0.25rem;right: -0.25rem;}

.wap-main .kytable .zhuoyuetable{margin: 0.25rem 0;overflow-x: scroll;}
.wap-main .kytable .zhuoyuetable tr{}
.wap-main .kytable .zhuoyuetable tr th{background-color: #00626b;color: #fff;font-size: 0.3rem;padding: 0.1rem 0;border-right: 0.01rem solid #fff;box-sizing: border-box;}
.wap-main .kytable .zhuoyuetable tr td{padding: 0.1rem;font-size: 0.26rem;border-right: 0.01rem solid #fff;}
.wap-main .kytable .zhuoyuetable tr td:nth-child(2){text-align: left;padding-left: 0.25rem;box-sizing: border-box;}
.wap-main .kytable .zhuoyuetable tr:nth-child(odd) td{background-color: #fff;}
.wap-main .kytable .zhuoyuetable tr:nth-child(even) td{background-color: #f0f0f0;}














.wap-main .get-form input::-webkit-input-placeholder {
color: #cacbca;
font-size: 0.24rem;
}

.wap-main .get-form input:-moz-placeholder {
color: #cacbca;
font-size: 0.24rem;
}

.wap-main .get-form input::-moz-placeholder {
color: #cacbca;
font-size: 0.24rem;
}

.wap-main .get-form input:-ms-input-placeholder {
color: #cacbca;
font-size: 0.24rem;
}