#class-detail-lecture .classtype{margin:auto;width:540px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;top:-139px;z-index:5}#class-detail-lecture .classtype .classtype_text{list-style:none;width:86px;height:36px;border:1px solid #6cded9;color:#fff;text-align:center;line-height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}#class-detail-lecture .classtype .classtype_text i{font-size:10px;position:relative;top:-2px;left:4px;cursor:pointer}#class-detail-lecture .classtype .classtype_text:first-child{border-radius:4px 0 0 4px;border-right:none}#class-detail-lecture .classtype .classtype_text:nth-child(3){border-left:none}#class-detail-lecture .classtype .classtype_text:last-child{border-left:none;border-radius:0 4px 4px 0}#class-detail-lecture .grade_select{width:1140px;margin:auto;position:relative;top:-177px;z-index:4}#class-detail-lecture .grade_select .grade_selecttext{cursor:pointer;color:#fff;width:100px;height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border:1px solid #fff;text-align:center;line-height:36px}#class-detail-lecture .grade_select .grade_selecttext i{font-size:10px;position:relative;top:-2px;right:-5px}#class-detail-lecture .grade_select .grade_list{width:130px;background:#fff;-webkit-box-shadow:0 4px 16px 0 rgba(48,48,48,.23);box-shadow:0 4px 16px 0 rgba(48,48,48,.23);border-radius:4px;border:1px solid rgba(51,51,51,.1);position:absolute;left:-16px;top:35px}#class-detail-lecture .grade_select .grade_list .grade_listinfo{height:46px;text-align:left;line-height:46px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:16px;cursor:pointer}#class-detail-lecture .grade_select .grade_list .grade_listinfo i{color:#00c7bf;position:relative;right:-54px}#class-detail-lecture .grade_select .grade_list .grade_listinfo:hover{background:rgba(51,51,51,.04)}#class-detail-lecture .grade_select .grade_list .gradecheck_yes{color:#00c7bf;background:#fff;font-weight:600}#class-detail-lecture .grade_select .grade_list .gradecheck_no{color:#333}#class-detail-lecture .class-list{width:1140px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:auto;margin-bottom:36px;margin-top:-171px}#class-detail-lecture .class-list .card:not(:nth-child(3n)){margin-right:3.66667%}#class-detail-lecture .class-list .card{width:30%;margin-top:24px;-webkit-transition:all .3s;transition:all .3s}#class-detail-lecture .class-list .card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 40px 30px -30px #dbe3e7;box-shadow:0 40px 30px -30px #dbe3e7}@media(max-width:767px)and (min-width:300px){#class-detail-lecture .class-list{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:-1px}#class-detail-lecture .class-list .card:not(:nth-child(3n)){margin-right:0}#class-detail-lecture .class-list .card{width:100%}#class-detail-lecture .phone_nav{background:#fff;height:40px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 11px 0 4px;font-size:14px}#class-detail-lecture .phone_nav,#class-detail-lecture .phone_nav .phone_subject{display:-webkit-box;display:-ms-flexbox;display:flex}#class-detail-lecture .phone_nav .phone_subject li{list-style:none;width:52px;text-align:center;color:rgba(51,51,51,.6);position:relative}#class-detail-lecture .phone_nav .phone_subject .phone_checksubject:after{position:absolute;bottom:0;left:20px;right:20px;height:3px;width:16px;content:"";background:#00c7bf;top:23px}#class-detail-lecture .phone_nav .phone_grade{width:50px;color:rgba(51,51,51,.6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}#class-detail-lecture .phone_nav .phone_grade .icon_down{font-size:16px;color:rgba(51,51,51,.3);position:relative;top:1px}#class-detail-lecture .phone_nav .phone_grade .phone_gradelist{width:52px;position:absolute;background:#fff;top:22px;z-index:5;left:3px}#class-detail-lecture .phone_nav .phone_grade .phone_gradelist div{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0 0 5px}#class-detail-lecture .phone_nav .phone_grade .phone_gradelist .gradecheck_yes{color:#00c7bf;background:#fff}#class-detail-lecture .phone_nav .phone_grade .phone_gradelist .gradecheck_no{color:#333;background:rgba(51,51,51,.04)}}@media(max-width:1372px)and (min-width:768px){#class-detail-lecture .class-list{width:760px}#class-detail-lecture .class-list .card{width:40%;margin-top:24px}#class-detail-lecture .class-list .card:not(:nth-child(2n)){margin-right:11.5%}#class-detail-lecture .grade_select{width:740px}}