/*海报墙（调用：课程列表页）*/
.img-class{text-align:center;}
.img-class img{width:100%;height:100%;}
.img-class-1,.img-class-2,.img-class-3{float:left;height:293px;overflow:auto;}
.img-class-1{width:286px;margin-right:2px;}
.img-1{width:360px;height:170px;}
.img-2-1,.img-2-2{width:179px;height:121px;margin-top:2px;margin-right:2px;float:left;}
.img-3-1,.img-3-2,.img-3-3{width:180px;height:96px;}
.img-3-2{margin:2px 0;}

.img-class p{position:absolute;background:rgba(0, 0, 0, 0.5);color:#fff;visibility:hidden;}
.img-class a:hover p{visibility:visible;}
.img-class-1 p{width:286px;height:30px;line-height:15px;padding:131.5px 0;margin-top:-293px;}
.img-1 p{width:360px;height:30px;line-height:15px;padding:70px 0;margin-top:-170px;}
.img-2 p{width:179px;height:30px;line-height:15px;padding:45.5px 0;margin-top:-121px;}
.img-class-3 p{width:180px;height:30px;line-height:15px;padding:33px 0;margin-top:-96px;}

/*list排序标签样式*/
.list_a ul{overflow:auto;}
.list_a li{float:left;height:30px;line-height:30px;padding:0 25px;}
.list_a li:hover{color:#77D12B;}
/*class分类标签样式*/
.classify,.class-ps{padding:10px;font-size:13px;color:#888;line-height:40px;}
.class-ps{}
.ps-current{color:#888;}
.class-tag{}
.class-tag a{padding:5px 15px;}
.classify .none{color:#ddd;}
.class-tag .list-click{color:#5BBD33}

/*page分页标签*/
.page{padding:20px 20px;font-size:14px;text-align:center;}
.page a,.page span{padding:2px 7px;margin:0 3px;}
.page_u,.page_d{background:#77D12B;color:#fff;font-weight:bold;}
.page a:hover{background:#77D12B;color:#fff;}
.page .current{color:#63AB2B;font-weight:bold;}
.page .current:hover{background:#fff;color:#63AB2B;}

/*列表页课程样式*/
.e2 a,.r-e a{color:#555;}.e2 a:hover{color:#555;}.r-e a:hover{color:#555;}
.e2{width:100%;margin:auto;overflow:hidden;}
.e2 li{margin:10px 10px 10px 0;float:left;position:relative;
-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.e2 div{width:100%;height:152px;overflow:hidden;position:relative;}
.e2 li img{width:100%;height:100%;
-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
.e2 li:hover img{
  transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);
  -webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease 0s;}
.e2 li p{height:24px;font-size:12px;color:#888;line-height:24px;overflow:hidden;margin:5px;}
.e2 li .p-title{font-size:14px;color:#555;}
.e2 li p span{width:auto;height:24px;line-height:24px;text-align: color:#63AB2B;}
.e2 li p .span-red{width:65px; text-decoration:line-through; color:#63AB2B;}
.e2 li p .span-few{left;color:red;}
.e2.pay .pay{display:none;}



/*右侧栏目样式*/
.r-e{width:280px;}
.r-e li{padding:10px;overflow:auto;}
.r-title{font-size:18px;line-height:30px;margin:10px;}
.r-e h3{}
.r-e li img{float:left;}
.r-e2 li{height:50px;}.r-e2 li img{width:70px;height:50px;}
.r-e3 li{height:70px;}.r-e3 li img{width:70px;height:70px;}
.r-e li .div-hot{float:right;}
.r-e h3,.r-e p{width:180px;font-size:12px;line-height:23px;overflow:hidden;}
.r-e2 h3,.r-e2 p{height:23px;}
.r-e3 h3{height:23px;font-size:14px;color:#000;}.r-e3 p{height:46px;color:#999;}
.r-e li:hover{background:#f3f3f3;}

/*名师列表页样式*/
.tea-l{width:90%;float:left;margin:10px;border-radius:5px;
-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;
-moz-box-shadow: 0px 2px 5px #ddd;/*firefox*/-webkit-box-shadow: 0px 2px 5px #ddd;/*safari或chrome*/box-shadow:0px 2px 5px #ddd;/*opera或ie9*/}
.tea-l:hover{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;
transform:translateY(-5px);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);
-moz-box-shadow: 0px 7px 15px #888;-webkit-box-shadow: 0px 5px 15px #888;box-shadow:0px 5px 15px #888;}
.tea-l:hover .p-about{display:none;}
.card{width:100%;height:230px;background:#f8f8f8;}
.card img{width:105px;height:105px;margin:20px;border-radius:100%;}
.card h3,.card p,.note p{line-height:30px;}
.card h3{height:35px;color:#37b97d;}
.note{height:90px;overflow:hidden;}
.p-about{height:60px;margin:15px 5px;overflow:hidden;}
.p-metas{height:30px;margin:30px 5px;}
.p-about a,.p-metas a{padding:5px 20px;margin:0 25px;border-radius:16px;border:1px solid;}
a.visit{background:#37b97d;color:#fff;border-color:#37b97d;}
a.visit:hover{background:#33A671;}
a.ask{color:#777;border-color:#777;}
a.ask:hover{color:#37b97d;border-color:#37b97d;}