/* 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:33%; 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:33%; 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:33%; 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; }
.couForm .title{ position:relative; height:28px;line-height:28px; background:url(/touch/image/i1.png) 5px 5px no-repeat;text-align:left;color:#374565; padding-left:15px; border-bottom:2px #DDD solid;font-weight:bold; }
.couForm dl{ position:relative; padding:8px 5px; line-height:23px; text-align:left; font-size:14px; background-color:#FFF; margin-top:8px; }
.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:100px;}
.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; font-weight:normal; }
.couForm dt b u{ text-decoration:none;color:#FF0000;}
.couForm dt p{ display:inline-block; width:100%;line-height:20px; color:#999; font-size:12px; }
.couForm dt span{ display:inline-block; width:100%;line-height:20px; color:#FF6600; }
.couForm dt span i{ color:#56B02A; font-style:normal; }



/* 学校试听课 */
.couList{ float:left; width:100%;margin-top:10px; background-color:#FFF; }
.couList dl{ position:relative; padding:8px 5px; 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:65px; }
.couList dt{ padding-left:100px;}
.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:#F60; }
.couList dt p i{ color:#56B02A; font-style:normal; }
.couList dt span{ color:#888; font-size:14px; }
.couList dt em{ color:#BBB; margin:0px 5px; }


/* 内容页 */
/* 内容页 */
.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 p{ color:#57BA31; }
.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:100%;line-height:35px; font-size:16px; color:#222; font-weight:normal;}
.main7 dt p{ display:inline-block; width:100%;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; }

/* 课程章节 */
.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;border-top:1px #EEE solid; padding-top:10px; }
.main5 .conte ul{ float:left; position:relative;width:100%; height:auto; margin-bottom:15px; }
.main5 .conte ul .li1{ width:50px;position:absolute;top:0px;left:5px; }
.main5 .conte ul .li1 span{ float:left; display:inline-block;width:50px; height:40px;border-radius:2px; line-height:20px; color:#FFF; padding:5px 0px; text-align:center; }
.main5 .conte ul .li2{  padding-left:60px; }
.main5 .conte ul .li2 b{ float:left; width:100%; height:24px; line-height:24px; font-weight:normal; }
.main5 .conte ul .li2 b a{ color:#333; }
.main5 .conte ul .li2 b a:hover{ color:#F60; }
.main5 .conte ul .li2 p{ float:left; width:100%; height:24px; line-height:24px; color:#999; font-size:12px; }


/* 相关课程 */
.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; }



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


/* 购买课程 */
.payorder{ margin:auto;width:100%; height:auto; text-align:left; padding:0px; overflow:hidden; }
.pay1{ margin:0px 0px; height:35px; line-height:35px; margin-bottom:0px;background-color:#FFF; padding:0px 5px; }
.pay1 b{ float:left;width:100px; height:34px; line-height:34px;font-size:14px; font-weight:normal; }
.pay2{ float:left;width:100%; height:auto;border-top:0px #DDD solid;border-bottom:1px #DDD solid;background-color:#FFF; }
.pay2 .conte{ margin-left:5px; margin-right:5px; }
.pay2 .conte ul{ float:left; width:100%; margin:0px; padding:0px; }
.pay2 .conte ul li{ float:left;width:100%; height:35px; border-top:1px #EEE solid; }
.pay2 .conte ul li b{ float:left; width:80px; height:35px; line-height:35px; font-weight:normal; color:#999; margin:0px;text-align:left;}  
.pay2 .conte ul li p{ float:left; height:35px; line-height:35px;  margin:0px;text-align:left; }
.pay2 .conte ul li p a{ color:#333; }
.pay3{ float:left;width:100%; height:60px; line-height:60px; margin-top:10px;background-color:#FFF;border-bottom:1px #DDD solid;  }
.pay3 b{ font-size:24px; color:#F60; }
.pay4{ float:left;width:100%; height:auto;margin-top:10px;background-color:#FFF; padding:10px 0px;  }
.pay4 p{ float:left;width:auto; line-height:80px; }
.pay4 b{ float:left;width:auto; line-height:40px; }
.pay5{ float:left;width:100%; height:60px; padding-top:0px;background-color:#FFF; text-align:center;border-bottom:1px #DDD solid;  }
.pay5 .btnSignup1{ display:inline-block; width:200px; line-height:40px;font-size:16px; background-color:#FF8800;color:#FFF; text-align:center; cursor:pointer;border-radius:2px; }
.pay5 .btnSignup1:link{ color:#FFF; }
.pay5 .btnSignup1:visited{ color:#FFF; }
.pay5 .btnSignup1:hover{ background-color:#D98200;color:#FFF; }

/* 学员评价 */
 .commList{ float:left; width:100%;margin-top:10px; background-color:#FFF; }
 .commList ul{ float:left; width:100%; height:auto; padding:10px 0px;border-top:1px #E6E6E6 solid; margin:0px 0px; }
 .commList .li1{ float:left; width:80px; height:auto; text-align:center;}
 .commList .li1 span{ float:left; width:80px; height:auto;}
 .commList .li1 span img{ border:1px #DDD solid; width:58px; height:58px;border-radius:100%; }
 .commList .li1 p{ float:left; width:80px; height:30px; line-height:30px; color:#888;}
 .commList .li2{ padding-left:100px;}
 .commList .li21{ float:left; width:100%; height:28px; }
 .commList .li21 u{ float:right; width:auto; height:28px; color:#999; text-decoration:none; }
 .commList .li23{  }
 .commList .li23 span{ float:left; width:100%;line-height:20px; }
 .commList .li23 span b{ float:left; width:auto;line-height:20px; font-weight:normal; color:#888; margin:0px;}
 .commList .li23 span p{ float:left; width:70px;height:16px; background: url(/images/browse/star0.png) 0px 5px no-repeat; margin-top:8px;margin:0px; }
 .commList .li23 span p i{ float:left; width:auto;height:16px; background: url(/images/browse/star1.png)  0px 5px no-repeat;margin:0px; }
 .commList .li23 span em{ float:left; width:auto;line-height:20px; font-style:normal; color:#888; margin-left:0px;margin:0px; }
 .commList .li22{ float:left; width:100%; height:auto; line-height:25px; color:#555; margin-top:5px;  }
 .commList .more{ float:left; width:100%; height:auto; line-height:30px; text-align:center;border-bottom:1px #DDD solid;  }
 .commList .more a{ color:#333; }


/* 视频课播放 */
/* 播放器 */
.playbg{ width:100%; background-color:#282828; }float:left; 
.playmid{ float:left; width:100%; height:320px; text-align:left; padding:0px 0px; margin:0px; }
.playmid video{ float:left; width:100%; height:100%;padding:0px; margin:0px; }


/* 播放导航 */
.playnav{ float:left;width:100%; height:36px; text-align:left; border-bottom:1px #DDD solid; background-color:#FFF; margin-bottom:-10px;  }
.a101 { float:left;width:33.3%; height:35px; line-height:35px;border-bottom:1px #F60 solid; color: #F60;text-align:center; margin:0px; font-size:14px;cursor:pointer}
.a102 { float:left;width:33.3%; height:35px; line-height:35px; border-bottom:1px #FFF solid; color: #333;text-align:center; margin:0px;font-size:14px; cursor:pointer}




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