@charset "utf-8";
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}/* Hides from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}


/* classlist */
.classinfo-list{background: #f7fafc;width: 100%;padding-bottom: 30px;margin-bottom: 30px;padding-top: 68px;}
.volistDL .classinfo {width: 247px;height: 242px;border-radius: 5px;padding:30px 20px 20px;background: #fff;display: block;color: #333;float:left;cursor: pointer;margin-right: 15px;text-align: left;position: relative;margin-top: 1px;margin-bottom: 30px;}
.volistDL .classinfo a{text-decoration: none;}
.volistDL .classinfo dl{margin-right: 0;overflow: hidden;background: #fff;width: 100%;height:100%;}
.volistDL .classinfo dl dt{border-bottom: 1px solid #eee;height: 183px;}
.volistDL .classinfo dl dd{}
.volistDL .classinfo .class-name{line-height: 20px;font-size:18px;color:#333;margin-bottom:15px;text-align: left;text-decoration: none;height: 40px;width: 100%;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } 
.volistDL .classinfo .class-begintime{font-size: 12px;color: #999;text-align: left;padding-bottom: 20px;}
.volistDL .classinfo .teacher-list{margin-bottom: 20px;}
.volistDL .classinfo .teacher-list li{float: left;width: 50px;margin-right: 10px;text-align: center;}
.volistDL .classinfo .teacher-list li img{width: 42px;height: 42px;margin-bottom: 10px;border-radius: 50%;}
.volistDL .classinfo .buy-number{float: left;width: 135px;font-size: 12px;line-height: 12px;padding:45px 0 0;color: #ccc; }
.volistDL .classinfo .class-price{margin-left: 140px;text-align: right;height: 62px;color: #333;position: relative;}

.volistDL .classinfo .class-price .now-price{font-size: 26px;color: #ff6b49;position: absolute;right: 0;bottom: 0;}
.volistDL .classinfo .class-price .ori-price{color: #999;font-size: 12px;text-decoration:line-through;display: inline-block;margin-top: 10px;}
.guide_main .volistDLbox{margin-bottom: 50px;width: 1200px;}
.guide_main .volistDLbox .volistDL{overflow: hidden;}
.guide_main dl{overflow: hidden;width:224px;height:100%;background: #fff;float:left;margin-right: 20px;}
.guide_main a.classinfo{box-shadow: 0 0 0 2px rgba(237,243,247,.6);}
.guide_main a.classinfo:hover {box-shadow: .5px 4px 6px 5px rgba(60,165,180,.1);}
.morelessons{position: absolute;left:0;bottom: -21px;}
#volistDL_zgz,#volistDL_zp{width: 1255px;padding-left: 2.5px;}


.guide_main .guide_main_titles{margin:0 auto 45px;width: 170px;padding-bottom: 10px; border-bottom: 2px solid #3eccb3;height: 20px; line-height: 20px; position: relative;}
.guide_main .guide_main_titles .guide_main_titles_title {font-size: 24px;float:left;color: #424242;text-decoration:none;  }
.btn_all{float: right;text-decoration:none;color: #3eccb3;font-size: 24px;}
.guide_main .guide_main_titles .guide_main_titles_title:hover{color: #3eccb3;}
.guide_main .guide_main_titles .guide_main_titles_more{float: right;height: 30px;font-size: 14px; color: #999; cursor:pointer;  }
.class-state{position: absolute;top:5px;right:0;width: 64px;height: 22px;background: #ccc;color: #fff;border-radius: 10px 0 0 10px;text-align: center;line-height: 22px;font-size: 14px;}