/* b-o-o-p-x.com */

/* 搜索表单 */
.seaForm{ margin:auto; width:100%; padding-bottom:0px; }
.seaForm1{ position: relative; width:100%; margin:auto; padding:10px 0px; }
.seaForm1 .left{ position:absolute; width:40px; top:10px; left:5px; }
.seaForm1 .left input{ width:40px; height:32px;border-top-left-radius:16px;border-bottom-left-radius:16px; }
.seaForm1 .right{ padding-right:5px; padding-left:45px; }
.sea_Text{ border:0px solid #D2D2D2; border-right:none;line-height:32px;height:32px;font-size:12px;width:100%;border-top-right-radius:16px;border-bottom-right-radius:16px;text-indent:0px; color:#AAA;outline:none;}

.seaForm2{ position: relative; width:98%;  height:36px;margin:auto; padding:0px 1%; border-top:1px #E9E9E9 solid;border-bottom:1px #E9E9E9 solid; background-color:#FFF; }
.sea20{ float:left; width:21%; height:36px; line-height:36px; margin:0px 0%; text-align:center; border-right:1px #E9E9E9 solid;background:url(/touch/image/i3.png) right no-repeat;font-size:12px; }
.sea21{ float:left; width:28%; height:36px; line-height:36px; margin:0px 0%; text-align:center; border-right:1px #E9E9E9 solid;background:url(/touch/image/i3.png) right no-repeat;font-size:12px; }
.sea22{ float:left; width:21%; height:36px; line-height:36px; margin:0px 0%; text-align:center; background:url(/touch/image/i3.png) right no-repeat;font-size:12px;}
.seaForm2 a{ color:#999; display:block;font-size:12px; }

.chkOrderid{ position: absolute;z-index:101;top:146px;left:0px;width:100%; padding:0px 0px; background-color:#FFF;border-bottom:1px #DDD solid; text-align:left;overflow:hidden; }
.chkOrderid ul{ padding-left:0px; }
.chkOrderid ul li{ float:left;width:96%; height:30px; line-height:30px; margin:0px 2%; font-size:12px; border-bottom:1px #E6E6E6 solid;  }
.chkOrderid ul li:last-child{border-bottom:0;}
.chkOrderid ul li a{ color:#333;display:block; }

/* 列表 */
.couForm{ margin-top:0px; border-top:0px #E6E6E6 solid; }
.couForm dl{ position:relative; padding:0px 0px; line-height:23px;border-bottom:0px #DDD solid; text-align:left; font-size:14px; margin-bottom:8px; background-color:#FFF; }
.couForm dd{ width:100px;position:absolute;top:10px;left:5px;}
.couForm dd img{ width:85px; height:85px;border-radius:100%; }
.couForm dt{ padding-left:105px;}
.couForm dt:after{content:' ';position:absolute;top:50%;margin-top:-4px;right:10px;width:6px;height:6px;border:#bbb solid;-webkit-transform: rotate(45deg);border-width: 2px 2px 0 0;}
.couForm dt a{display:block; }
.couForm dt b{ display:inline-block; width:100%;line-height:25px; font-size:16px; color:#222; margin:0px; padding:0px; font-weight:normal;  }
.couForm dt b em{ font-style:normal; font-weight:normal; color:#6287D5; border:1px #6287D5 solid;border-radius:2px; padding:0px 5px; font-size:12px; }
.couForm dt b u{ text-decoration:none;color:#FF0000;}
.couForm dt i{ display:inline-block; width:100%;line-height:20px; color:#999; font-size:12px;margin:0px; padding:0px; font-weight:normal;  }
.couForm dt p{ display:inline-block; width:100%;line-height:20px; color:#999; font-size:12px; margin:0px; padding:0px; font-weight:normal; }
.couForm dt p em{ color:#F60; padding:0px; margin:0px; }
.couForm dt span{ color:#888; font-size:14px; }
.couForm dt em{ color:#BBB; margin:0px 5px; }


/* 学校老师 */
.teaList{ float:left; width:100%;margin-top:10px; background-color:#FFF;}
.teaList dl{ position:relative; padding:8px 5px; line-height:23px;border-bottom:1px #DDD solid; text-align:left; font-size:14px; }
.teaList dd{ width:100px;position:absolute;top:10px;left:5px;}
.teaList dd img{ width:85px; height:85px;border-radius:100%; }
.teaList dt{ padding-left:100px;}
.teaList dt:after{content:' ';position:absolute;top:50%;margin-top:-4px;right:10px;width:6px;height:6px;border:#bbb solid;-webkit-transform: rotate(45deg);border-width: 2px 2px 0 0;}
.teaList dt a{display:block; }
.teaList dt b{ display:inline-block; width:100%;line-height:25px; font-size:16px; color:#3377CC;}
.teaList dt b em{ font-style:normal; font-weight:normal; color:#6287D5; border:1px #6287D5 solid;border-radius:2px; padding:0px 5px; font-size:12px; }
.teaList dt b u{ text-decoration:none;color:#FF0000;}
.teaList dt i{ display:inline-block; width:100%;line-height:20px; color:#999; }
.teaList dt p{ display:inline-block; width:100%;line-height:20px; color:#999; }
.teaList dt p em{ color:#F60; padding:0px; margin:0px; }
.teaList dt span{ color:#888; font-size:14px; }
.teaList dt em{ color:#BBB; margin:0px 5px; }


.mtitle{ margin:0px 10px;height:40px; line-height:40px; }
.mtitle span{ float:left; line-height:40px;color:#188eee; font-size:16px; background:url(../image/i2.png) left center no-repeat;padding-left:10px; font-weight:bold; }
.mtitle a{ float:right; line-height:40px;background:url(../image/more.png) right center no-repeat; font-size:14px; padding-right:10px; color:#999; }

/* 广告 */
.ads1{ background-color:#FFF; margin-bottom:-15px; }

/* 快捷按扭 */
.quickbtn{ width: 100%;  background-color:#FFF; padding:5px 0px; border-bottom:0px #DDD solid;overflow: hidden; }
.quickbtn dl{ float:left;text-align: center;width:20%;margin:8px 2.5%; }
.quickbtn dl dd{ margin-bottom:0px; }
.quickbtn dl dd img{ width:70%;}
.quickbtn dl dt{ line-height:25px;color:#555; font-size:12px; font-weight:normal; margin-top:0px; }
.quickbtn dl dt:hover{ color:#FF6600; }

.mmore{ float: left; width:100%;height:auto; line-height:30px; text-align:center;font-size:14px;background-color:#FFF; }
.mmore a{ display:block; border-top:1px #EEE solid; margin:0px 10px;padding:5px 0px;color:#A0A0A0; }


/* 内容页 */
.main1{ float:left; width:100%; height:125px;margin:0px; padding:0px;background:url(/touch/image/tea.png) no-repeat; background-size:cover; text-align:center; }
.main11{ float:left; width:100%; height:65px; margin-top:10px; }
.main11 img{ width:60px; height:60px;border-radius:100%; border:2px #FFF solid; }
.main12{ float:left; width:100%; height:22px; line-height:20px; color:#FFF; }
.main13{ float:left; width:100%; height:22px; line-height:20px; color:#FFF; font-size:12px; }

.main2{ float:left; width:100%; height:auto; background-color:#FFF; text-align:left; border-bottom:0px #DDD solid; padding:5px 0px; }
.main2 .main21{ float:left; width:98%; height:30px; line-height:30px; margin-left:5px; }
.main2 .main21 b{ float:left; width:auto; height:30px; line-height:30px; font-size:16px; margin-right:10px; color:#333; font-weight:normal; }
.main2 .main21 p{ float:left; width:auto; height:30px; line-height:30px;color:#999;  margin-right:10px; }
.main2 .main21 p em{ color:#F60; font-size:16px; font-style:normal; }
.main2 .main21 i{ float:left; width:auto; height:30px; line-height:30px; font-size:12px; font-style:normal; color:#999; }
.main2 .main21 i em{ margin:0px 5px; }
.main2 .main22{ float:left; width:98%; height:25px; line-height:25px; margin-left:5px;color:#999; font-size:12px;  }
.main2 .main22 em{ font-size:16px; font-style:normal; color:#F80; }

/* 老师信息 */
.main3{ float:left;width:100%; margin-top:10px; padding-bottom:5px;background-color:#FFF; border-bottom:0px #DDD solid; text-align:left; overflow:hidden;  }
.main3 .title{ margin:0px 5px;height:35px; line-height:35px;background:url(/touch/image/i1.png) 0px center no-repeat; }
.main3 .title span{ float:left; width:80px;line-height:35px;  padding-left:10px;text-align:left; font-size:16px; color:#333; }
.main3 .conte{ margin-left:5px; margin-right:5px; }
.main3 .conte ul{ float:left; width:100%; margin:0px; padding:0px; }
.main3 .conte ul li{ float:left;width:100%; height:35px; border-top:1px #EEE solid; }
.main3 .conte ul li b{ float:left; width:80px; height:35px; line-height:35px; font-weight:normal; color:#999; margin:0px;text-align:left;}  
.main3 .conte ul li p{ float:left; height:35px; line-height:35px;  margin:0px;text-align:left; }
.main3 .conte ul li p a{ color:#333; }

/* 可授课时间 */
.main4{ float:left;width:100%; margin-top:10px; padding-bottom:8px;background-color:#FFF; border-bottom:0px #DDD solid; text-align:left; overflow:hidden;  }
.main4 .title{ margin:0px 5px;height:35px; line-height:35px;background:url(/touch/image/i1.png) 0px center no-repeat; }
.main4 .title span{ float:left; width:120px;line-height:35px;  padding-left:10px;text-align:left; font-size:16px; color:#333; }
.main4 .conte{ margin-left:5px; margin-right:5px; }
.ultitle{ float:left; width:100%; height:30px; border-top:1px #DDD solid;border-left:1px #DDD solid; }
.ultitle li{ float:left; width:14%; height:30px; line-height:30px; text-align:center;border-bottom:1px #DDD solid;border-right:1px #DDD solid;font-size:12px; }
.ulconte{ float:left; width:100%; height:auto;border-top:1px #DDD solid;border-left:1px #DDD solid; }
.ulconte li{ float:left; width:14%; height:30px; line-height:30px; text-align:center;border-bottom:1px #DDD solid;border-right:1px #DDD solid;font-size:12px; }
.ulconte li span{ color:#999;font-size:12px; }

/* 老师简介 */
.main5{ float:left;width:100%; margin-top:10px; padding-bottom:5px;background-color:#FFF; border-bottom:0px #DDD solid; text-align:left; overflow:hidden;  }
.main5 .title{ margin:0px 5px;height:35px; line-height:35px;background:url(/touch/image/i1.png) 0px center no-repeat; }
.main5 .title span{ float:left; width:80px;line-height:35px;  padding-left:10px;text-align:left; font-size:16px; color:#333; }
.main5 .conte{ margin-left:5px; margin-right:5px; line-height:25px; border-top:1px #EEE solid; color:#888; }

/* 联系方式 */
.main6{ float:left;width:100%; margin-top:10px; padding-bottom:5px;background-color:#FFF; border-bottom:0px #DDD solid; text-align:left; overflow:hidden;  }
.main6 .title{ margin:0px 5px;height:35px; line-height:35px;background:url(/touch/image/i1.png) 0px center no-repeat; }
.main6 .title span{ float:left; width:80px;line-height:35px;  padding-left:10px;text-align:left; font-size:16px; color:#333; }
.main6 .conte{ margin-left:5px; margin-right:5px; }
.main6 .conte ul{ float:left; width:100%; margin:0px; padding:0px; }
.main6 .conte ul li{ float:left;width:100%; border-top:1px #EEE solid; }
.main6 .conte ul li b{ float:left; width:80px; height:35px; line-height:35px; font-weight:normal; color:#999; margin:0px;text-align:left; }  
.main6 .conte ul li p{ float:left; height:35px; line-height:35px;  margin:0px;text-align:left; }
.allmap{ float:left;border: #DDD 1px solid; width:100%; height:200px; margin-bottom:0px; }

/* 相关老师 */
.main7{ float:left;width:100%; margin-top:10px; padding-bottom:5px;background-color:#FFF; border-bottom:0px #DDD solid; text-align:left; overflow:hidden;  }
.main7 .title{ margin:0px 5px;height:35px; line-height:35px;background:url(/touch/image/i1.png) 0px center no-repeat; }
.main7 .title span{ float:left; width:80px;line-height:35px;  padding-left:10px;text-align:left; font-size:16px; color:#333; }
.main7 .conte{ margin-left:5px; margin-right:5px; }
.main7 .conte ul{ position:relative; width:100%; height:70px; border-top:1px #EEE solid; }
.main7 .conte ul .left{ position:absolute; top:5px; left:0px;width:70px;}
.main7 .conte ul .left img{ width:55px; height:55px; border:1px #DDD solid; }
.main7 .conte ul .right{ font-size:12px; padding-left:70px; }
.main7 .conte ul .right span{ float:left;width:100%; height:27px; line-height:27px;color:#999; }
.main7 .conte ul .right span i{ color:#333; font-size:14px; margin-right:5px; font-style:normal; }

/* 预约老师 */
.formList{ float:left; width:95%;margin-left:5px; margin-top:10px; background-color:#FFF; text-align:left; }
.formList dl{ position:relative; padding:0px 0px; margin:0px 0px; height:40px;line-height:40px;}
.formList dd{ width:90px;position:absolute;}
.formList dt{ padding-left:90px;}

.formBtn{ float:left; width:95%;margin-top:10px; background-color:#FFF; text-align:center; }
.btnApply{ display:inline-block; width:75px; line-height:35px;font-size:14px; background-color:#FF6600;color:#FFF; text-align:center; cursor:pointer;border-radius:2px; margin-right:5px; }
.btnApply:link{ color:#FFF; }
.btnApply:hover{ background-color:#D98200;color:#FFF; }

.btnClose{ display:inline-block; width:75px; line-height:33px;font-size:14px; background-color:#FAFAFA;color:#333; text-align:center; cursor:pointer;border-radius:2px; border:1px #E5E5E5 solid; }
.btnClose:link{ color:#333; }
.btnClose:hover{ color:#333; }

/* 底部按钮 */
.buttonbg{ width:100%; height:50px; border-top:1px #EEE solid;background-color:#FFF;margin-right:0px;margin-bottom:0px; text-align:left; z-index:100; }
.buttonbg .share{ float:left; width:25%; height:50px; line-height:50px;background:url(/touch/image/share.png) center no-repeat; text-align:center; color:#999; font-size:15px; }
.buttonbg .phone{ float:left; width:25%; height:50px; line-height:50px;background:url(/touch/image/phone.png) center no-repeat; text-align:center; color:#999; font-size:15px; }
.buttonbg .buy{ float:left; width:50%; height:50px; line-height:50px; background-color:#F60; text-align:center; color:#FFF; font-size:13pt; }

/* 分享遮罩 */
.layer{position:absolute}
.layer{left:0;display:none}
.layer{top:0;z-index:999;width:100%;height:100%;background:url(/touch/image/wzp_layer.png) center no-repeat;background-color:rgba(0,0,0,.75);background-size:320px auto}
.wx_layer{position:absolute;left:0;width:100%}
.wx_layer{top:0;z-index:1000;display:none;height:100%;background:url(/touch/image/wx_layer.png) center top no-repeat;background-color:rgba(0,0,0,.8);background-size:contain}
@-webkit-keyframes top{
	0%,20%{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
	60%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	100%{opacity:0;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}
}
@keyframes top{
	0%,20%{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
	60%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	100%{opacity:0;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}
}
@media screen and (min-height:667px){
	.about_us{margin-top:40px}
	.about_us_msg_p{-webkit-line-clamp:10}
	.job_msg{-webkit-line-clamp:9}
	.poster_tit{margin-top:100px}
}
@media screen and (min-height:568px) and (max-height:667px){
	.about_us{margin-top:30px}
	.about_us_msg_p{-webkit-line-clamp:9}
	.job_msg{-webkit-line-clamp:8}
}
@media screen and (min-height:480px) and (max-height:568px){
	.about_us{margin-top:20px}
	.about_us_msg_p{-webkit-line-clamp:7}
	.job_msg{-webkit-line-clamp:5}
}
@media screen and (max-height:480px){
	.poster_logo_con{margin-top:20px}
	.company_intro{padding-top:25px}
	.welfare{margin-top:25px}
	.posit_tit{margin:20px 0 0}
	.posit_list_con{top:60px;bottom:85px}
	.job_btn_con{bottom:25px}
	.poster_praise_con{margin:30px auto 0}
	.praise_tip{margin-top:15px}
	.praise_btn{margin-top:25px}
	.search_logo{top:20px}
	.search_posit{top:155px}
	.search_footer_btn{margin-top:20%}
	.about_us_msg_p{-webkit-line-clamp:5}
	.job_msg{-webkit-line-clamp:4}
	.poster_tit{margin-top:20px}
}