/* 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; width:100%;height:90px;line-height:23px; 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{ border:1px #EEE solid; width:90px; height:65px; }
.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; font-weight:normal;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.couForm dt b u{ text-decoration:none;color:#FF0000;}
.couForm dt i{ display:inline-block; width:100%;line-height:20px; color:#AAA; font-size:12px;  margin:0px; padding:0px; font-weight:normal;}
.couForm dt p{ display:inline-block; width:100%;line-height:20px; color:#FF6600; margin:0px; padding:0px; font-weight:normal; }
.couForm dt span{ color:#888; font-size:14px; }
.couForm dt em{ color:#BBB; margin:0px 5px; }


/* 学校课程 */
.couList{ float:left; width:100%;margin-top:10px; background-color:#FFF; }
.couList dl{ position:relative; padding:8px 0px; margin:0px 0px; line-height:23px;border-bottom:1px #DDD solid; text-align:left; font-size:14px; }
.couList dd{ width:100px;position:absolute;top:10px;left:5px;}
.couList dd img{ border:1px #EEE solid; width:90px; height:60px; }
.couList dt{ padding-left:105px;}
.couList 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;}
.couList dt a{display:block; }
.couList dt b{ display:inline-block; width:100%;line-height:25px; font-size:14px; color:#3377CC;}
.couList dt b u{ text-decoration:none;color:#FF0000;}
.couList dt i{ display:inline-block; width:100%;line-height:20px; color:#999; }
.couList dt p{ display:inline-block; width:100%;line-height:20px; color:#FF6600; }
.couList dt span{ color:#888; font-size:14px; }
.couList 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; }

/* 品牌机构 */
.brandsch{ width:100%; margin-top:10px; text-align:left; overflow:hidden;}
.brandsch .swiper-container{ background-color:#fff; }
.brandsch dl{ float:left;text-align: center;width:30.3%;margin:8px 1.5%; }
.brandsch dl dd{ margin-bottom:0px; }
.brandsch dl dd img{ width:55%; border-radius:100%; }
.brandsch dl dt{ line-height:25px;color:#666; font-size:12px; font-weight:normal; margin-top:0px; }
.brandsch 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:200px;}
.main1 img{ width:100%; height:200px;}

.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;font-size:16px; }
.main2 .main22{ float:left; width:98%; height:25px; line-height:25px; margin-left:5px;color:#F80; font-size:12px;  }
.main2 .main22 em{ font-size:16px; font-style:normal; color:#F80; }
.main2 .main22 i{ font-style:normal; color:#999;text-decoration:line-through;font-size:12px;   }

/* 学校信息 */
.main7{ float:left;width:100%;  }
.main7 dl{ position:relative; padding:5px 5px; text-align:left; font-size:14px; margin-top:10px; background-color:#FFF; }
.main7 dd{ width:60px;position:absolute;top:10px;left:5px;}
.main7 dd img{ border:1px #EEE solid; width:50px; height:50px;border-radius:100%;  }
.main7 dt{ padding-left:65px; height:60px;}
.main7 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;}
.main7 dt a{display:block; }
.main7 dt b{ display:inline-block; width:95%;line-height:35px; font-size:16px; color:#222; font-weight:normal;}
.main7 dt p{ display:inline-block; width:95%;line-height:25px; color:#999;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }

/* 课程信息 */
.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:5px;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:80px;line-height:35px;  padding-left:10px;text-align:left; font-size:16px; color:#333; }
.main4 .conte{ margin-left:5px; margin-right:5px; line-height:25px; border-top:1px #EEE solid; }
.main4 .conte img{ width:100%; height:auto; }

/* 上课地点 */
.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; }
.main5 .conte ul{ float:left; width:100%; margin:0px; padding:0px; }
.main5 .conte ul li{ float:left;width:100%; border-top:1px #EEE solid; }
.main5 .conte ul li b{ float:left; width:80px; height:35px; line-height:35px; font-weight:normal; color:#999; margin:0px;text-align:left;}  
.main5 .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; }

/* 相关课程 */
.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; position:relative;width:100%; height:auto; padding:10px 0px;}
.main6 .conte ul .li1{ width:60px;position:absolute;top:10px;left:5px; }
.main6 .conte ul .li1 img{ width:50px; height:50px; }
.main6 .conte ul .li2{  padding-left:60px; }
.main6 .conte ul .li2 b{ float:left; width:100%; height:24px; line-height:24px; font-weight:normal; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }
.main6 .conte ul .li2 p{ float:left; width:100%; height:24px; line-height:24px; font-size:12px;color:#F60; }

/* 领取课程 */
.main7{ float:left;width:100%; margin-top:10px; padding-bottom:15px;text-align:left; overflow:hidden;  }
.main7 .title{ margin:0px 0px;height:120px; background:url(/touch/image/shiting.png) center no-repeat; background-size:cover; }
.main7 .conte{ margin:auto; width:95%; height:auto; padding:0 0; }
.main7 .conte span{ float:left; width:100%; height:auto; line-height:25px;padding:5px 0px; text-align:left; color:#999; margin-left:0px; }
.main7 .conte .text{ width:88%; height:32px; line-height:32px; border:1px #E5E5E5 solid; padding:0px 0px;border-radius:2px; color:#666;outline:none; padding-left:10%; background-color:#fff;  }
.main7 .conte .text:hover,.quickSignup .conte .texts:hover{  border:1px #ff7700 solid; }
.main7 .conte .s1{ background: url(/images/signup/s1.png) left center no-repeat;background-color:#fff; }
.main7 .conte .s2{ background: url(/images/signup/s2.png) left center no-repeat;background-color:#fff; }
.main7 .conte .texts{ width:180px; height:80px; line-height:20px;border:1px #DDD solid; padding:10px 10px;border-radius:2px; color:#666;outline:none; padding-left:50px;  }
.btnQuickSignup{ display:inline-block; width:98%; line-height:36px;font-size:14px; background-color:#F30;color:#FFF; text-align:center; cursor:pointer;border-radius:2px; }
.btnQuickSignup:link{ color:#FFF; }
.btnQuickSignup:visited{ color:#FFF; }
.btnQuickSignup:hover{ background-color:#F01400;color:#FFF; }



/* 底部按钮 */
.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:#555; font-size:15px; }
.buttonbg .signup{ float:left; width:25%; height:50px; line-height:50px;background:url(/touch/image/sign.png) center no-repeat; text-align:center; color:#555; 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; }

/* 我要报名 */
.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; }


/* 分享遮罩 */
.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}
}