@charset "utf-8";

.tg  {border-collapse:collapse;border-spacing:0; text-align: center;}
.tg td{font-family:Arial, sans-serif;font-size:12px; border-style:solid;border-width:1px; overflow:hidden;word-break:normal;border-color:#666666;height:40px;}
.tg th{font-family:Arial, sans-serif;font-size:12px;font-weight:normal;border-style:solid; border-width:1px;overflow:hidden;word-break:normal;border-color:#666666; }
.tg .tg-0pky{border-color:inherit;text-align:center; vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top;}

.tg .tr_p div {width:100%;border-top:1px solid #666666; padding:5px 0;min-height:40px; line-height:30px;}
.tg .tr_p div:first-child {border:none;}

/*.class_type {}
.class_type table {width:100%;border-collapse:collapse;border-spacing:0;}
.class_type table th {padding:14px 18px;color:#222;text-align:center;background:#f6f6f6;border:solid 1px #ddd;}
.class_type table td {padding:14px 18px;text-align:center;border:solid 1px #ddd;}
.class_type table td a {color:#52851E;border-bottom:underline;}
.class_type table td a.btn_play {display:block;width:60px;height:24px;margin:0 auto;padding:0;text-align:center;line-height:20px;background:#f00001;border-radius:3px;}*/


#class_list {margin:0 0 24px 0;}
#class_list h2 {display:block;width:100%;margin:0 0 14px 0;color:#222;font-size:16px;font-weight:500;}

.class_th {padding:12px 20px;background:#f6f6f6;border-top:solid 2px #444;border-bottom:solid 1px #ccc;}
.class_th:after {display:block;visibility:hidden;clear:both;content:""}
.class_th div {display:block;color:#222;text-align:center;}

.class_td {position:relative;padding:12px 20px;line-height:normal;border-bottom:solid 1px #ddd;}
.class_td:after {display:block;visibility:hidden;clear:both;content:""}
.class_td div {display:block;}

#class_list .subject {float:left;color:#222;line-height:22px;}
#class_list .title {}
#class_list .lecture_info {}
#class_list .lecture_info ul {}
#class_list .lecture_info ul:after {display:block;visibility:hidden;clear:both;content:""}
#class_list .lecture_info ul li {display:block;float:left;margin:0 12px 0 0;padding:0 12px 0 0;color:#666;background:url(../../../img/var2.gif) no-repeat right 50%;}
#class_list .lecture_info ul li:last-child {margin:0;padding:0;background:none;}

#class_list .tuition {float:right;width:120px;margin:0 20px 0 0;text-align:center;}
#class_list .tuition span.price {display:block;color:#f00001;line-height:22px;}
#class_list .tuition span.price strong {color:#444;font-weight:400;}
#class_list .view {float:right;width:50px;text-align:center;}

#class_list a.btn_play {display:inline-block;width:40px;height:44px;margin:0 auto;padding:0;text-align:center;line-height:40px;background:#f00001;border-radius:3px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#class_list a.btn_play:hover {background:#444;}
#class_list strong {color:#15aacf;font-weight:300;}




@media screen and (max-width:1024px) {
#class_list h2 {width:auto;margin:0 10px 14px 10px;}
#class_list .lecture_info ul li:first-child {width:80%;margin:0 0 8px 0;padding:0;line-height:16px;background:none}
}




@media screen and (max-width:768px) {
.class_th {height:0;padding:0;border-top:solid 2px #444;border-bottom:none;}
.class_th div {display:none;}

.class_td {min-height:60px;padding:12px 10px}

#class_list .subject {float:none}
#class_list .tuition {float:none;width:auto;text-align:left;}
#class_list .tuition span.price {display:inline;margin:0 16px 0 0;}
#class_list .view {position:absolute;right:10px;top:12px;width:40px;}

#class_list a.btn_play {height:64px;line-height:62px;}
}