*{ margin:0; padding:0}
a{ color:#333}
ul li { list-style-type:none}
body{/* background:#f4f7f9*/ font-family:"Microsoft Yahei",Tahoma,Helvetica,Arial,sans-serif;}
img{ border:none}

.main{ margin:10px auto 0;width:1208px; height:auto; overflow:auto}
.title{ font-size:14px; color:#000}
.title a { color:#292929}
.course_cat {margin: 20px 0;border: 1px solid #e7eaec;background: #e7eaec;}
.course_cat .hd {width: 100%;height: 49px;background: #f0f2f3;}
.course_cat .hd li {float: left;border: 1px solid #f0f2f3;border-color: #f0f2f3 #f0f2f3 #f0f2f3;border-bottom: none;font-size: 16px; margin-right:10px}
.course_cat .hd li a {display: block;padding: 0 16px;line-height: 46px;border-top: 1px solid #f0f2f3;border-bottom: 1px solid #e7eaec;color: #292929; font-size:16px;}
.course_cat .hd li a:hover {color: #00aeef;}
.course_cat .hd li:first-child {border-left-color: #f0f2f3 !important;}
.course_cat .hd .active {background: #fafbfc;border-color: #00aeef #e7eaec #e7eaec #e7eaec;z-index: 2;}
.course_cat .hd .active a {color: #00aeef;border-top-color: #00aeef;border-bottom-color: #00aeef;}
.course_cat .bd {padding: 6px 16px;background: #fafbfc;}
.course_cat .bd li {display: none;line-height: 30px;}
.course_cat .bd li a {margin-right: 32px;color: #424242;white-space: nowrap; font-size:14px}
.course_cat .bd li a:hover {color: #00aeef;}
.course_cat .bd li .blue {color: #00aeef;}
.course_cat .bd .show {display: block;}

.sort{height: 46px;line-height: 46px;background:#f0f2f3;margin-bottom:20px;background-color:#efefef;width:1208px;}
.sort dl dd { float:left; padding:0 10px; font-size:14px}
.sort dl dd a {display:block;height: 46px;line-height: 46px;padding:0 20px;position: relative;}
.sort dl dd b{
    margin-top: 2px;
    position: absolute;
}
/*.sort dl dd a:hover { display:block; height:40px; line-height:40px; padding:0 20px; background:#f60; color:#fff; border-radius:5px}
*/
.sort dd a:hover{ color:#00aeef} 
.sort dd .sort_on:hover{ color:#fff} 
/*.reorder:hover{ color:#f60}*/
.sort dl dd .cur{ background:#f60; color:#fff; border-radius:5px}

.course li{float:left;margin-bottom:10px;width:290px;position:relative;margin-right: 6px;margin-left: 4px;border-bottom: 1px solid #e6e6e6;box-shadow: 3px 3px 10px #e6e6e6;}
.li_down{width: 290px;height: 51px;border-top:none;float:left;padding:10px 14px;position:relative;background: #fff;}
.li_down p {line-height:18px;color:#999;height: 25px;}
.course_n2{color:#333;font-size: 14px;max-width:270px;overflow:hidden;line-height:24px;text-overflow:ellipsis;white-space:nowrap;}
.free{height:30px;color: #f75c5c;font-size: 14px;text-align:center;line-height:30px;float:left;}
.free a { display:block; height:21px; width:55px}

.course li a { position:relative; display:block; position:relative}
.course li a i{/* display: block; */}
.course .hot_li a i { display:block; height:74px; width:84px; position:absolute; left:0;top:0; background:url(../images/icons-tag.png)}
.course p.TranslucentText {
    width: 290px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #e6e6e5;
    position: absolute;
    left: 0;
    top: 180px;
    padding: 0 10px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.61);
}
.course p.TranslucentText span{

    line-height: 16px;
    border: 1px solid #cecece;
    margin-left: 11px;
    font-size: 12px;
    padding: 3px 3px;
    border-radius: 5px;
    float: right;
    margin-top: 3px;

}

/*.mask{position:absolute;top:0; left:0px;width:100%; height:100%; display:block; border-radius:5px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.75) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}*/
.mask{width:290px; height:70px;/* background:url(../images/cs_bg3png.png);*/ position:absolute; bottom:0}
.course li a img {width: 290px;height: 218px;}
.course li a:hover .mask {background: rgba(0, 0, 0, 0.5);background: #000 \9;filter: alpha(opacity=75) \9;}
.course li a .info {position: absolute;bottom: 8px;left: 0;padding: 0 20px;width:250px;color: #FFF;transition: all 0.3s ease 0s;*padding: 0 5%;*width: 90%;}
.course li a:hover .info{ bottom:28px}
.course li a h4 {font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.course li a p {margin-top: 8px;height: 18px;line-height: 18px;font-size: 13px;}
.course li a p span {display: block;float: left; line-height:20px/*;background:url(../../images/icons-course.png) no-repeat;*/}
.teacher{ margin-right:20px; padding-left:30px; background-position:0 -52px; background:url(/Public/images/icons-course.png) no-repeat; display:block; float:left}
.students{ padding-left:30px; background:url(/Public/images/icons-course.png) 0 -28px no-repeat; display:block; float:left}
.tagimg{
    height: 90px!important;
    width: 142px!important;
    position:absolute;
    z-index: 9999;
    left: -4px;
    top: -1px;
}
.act-coursePrice {
    position: absolute;
    left: 0;
    width: 80px;
    text-align: center;
    padding-top: 55px!important;
    font-weight: bold;
    color: #e7ff18!important;
    z-index: 99999;
    font-size: 16px;
}
.tagprice{
    position: absolute;
    z-index: 9999;
    padding-top: 56px;
    font-size: 16px;
    color: #e7ff18;
    font-weight: bold;
    width: 130px;
    text-align: center;
}

.activity-tag{
    position: absolute;
    top: 0;
}
.act-price{
    position:absolute;
    left: 0px;
    z-index: 99999;
    margin-top: 55px;
    width: 142px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #FFEB3B;
}


.pur{ display: inline-block; margin: 0 auto; /* width: 600px; */}
.pur li{float:left;/*background:#fff;*/margin-right: 15px;border-radius:15px;}
.pur li a { padding:6px 10px;font-size:14px; border:1px solid #dddddd; border-radius:15px; display:block; background:#fff}
.pur .dq a {color:#fff; background:#00aeef; border:1px solid #00aeef;}
.pur li a:hover{color:#fff; background:#00aeef; border:1px solid #00aeef;}

.groom1{ height:auto;width:1200px; overflow:auto; margin-bottom:20px}
.groom_title{ height:39px; font-size:16px; line-height:39px}
.groom1 ul { height:auto;}
.groom1 ul li{ float:left;}
.course-title{ max-width:208px; margin-top:10px;line-height:30px;font-size:16px;overflow:hidden;color:#333;text-overflow:ellipsis;white-space:nowrap;}
.course-price{ color:#5fb41b; margin-right:5px;}
.course-emphasis a{font-size:14px;}
.course-card{ line-height:20px; cursor:pointer; border:1px solid #fff; padding:6px 7px; border-radius:2px}
.course-card:hover{ border:1px solid #ccc}

.price2{background: url(/Public/images/price_unselect.gif) no-repeat scroll 50px 14px;padding-right:26px;}

.sort_on { background:#00aeef; color:#fff; position:relative;}
.sort_on .icon_up{ position:absolute;right:8px;top:13px; display:block; height:14px; width:9px; background:url(../images/icon_2.png) no-repeat -5px -104px}
.sort_on .icon_bottom{position:absolute;right:8px;top:13px;display:block;height:14px;width:9px;background: url(../images/icon_2.png) no-repeat -5px -142px;}

.course li a .broadcast{ position:absolute; left:104px; top:63px; width:90px; height:90px; visibility:hidden;opacity:0;transition:all 1s ease 0s}

.number{float:left;font-size:14px;background:url(/Public/images/l_touxiang.png) no-repeat scroll 0 2px;padding-left: 18px;line-height: 22px;}
.live_date{float: right;font-size:14px;margin-top: 6px;}

.course .number .new_rating { float:left; margin-left:10px}
.course .number .new_rating img { width:14px; height:14px; margin-top:17px}

.course_fl{position:absolute; left:20px; top:0; width:308px; height: 631px; z-index: 10; top:30px;}

.l_course{width:293px; height:630px; border:1px solid #ddd; border-radius:4px; background:#fff;/* z-index: 99999; *//* position: relative; */}
.l_course_bottom{ border-bottom:1px solid #ddd; padding:4px 13px; position:relative; border-left:3px solid rgba(0,0,0,0)}
.l_course_bottom a { margin-right:16px}
.l_h{ line-height:25px}
.l_course_right{ position:absolute; left:290px; top:-1px; width:400px; border:1px solid #ddd; z-index:999; background:#fff; display:none; line-height:44px;min-height:65px;}
.l_course_right dl { margin:10px; overflow:auto;}
.l_course_right dl dd a { min-width:95px; margin-right:2px; display:inline-block; color:#333; font-size:13px;}
.l_course_right dl dd a:hover{ color:#00aeef;}
.fangxiang{ position:absolute;right:-4px; top:50%; z-index:9999; display:none}
.l_course .active{ border-left:3px solid #00aeff; background:#f7f7f7}
.l_course .active .fangxiang{ display:block}
.l_course .active .l_course_right{ display:block; border-left:1px solid #00aeff}

.course li img.groom{position:absolute; right:0px; top:0px; width:57px; height:32px; z-index:99}
.course li img.exclusive{position:absolute; right:1px; top:1px; width:57px; height:32px; z-index:99}


.course_sx{ width:100%; height: 38px; background:#f0f2f3}
.course_sx li { float:left; height:38px; line-height:38px; padding:0 15px; cursor:pointer}
.course_sx li.course_fh{ background:#00aeef;}
.course_sx li.course_fh a { color:#fff; display:block; padding:0 10px; background:url(/Public/images/arrow_down2.png) no-repeat center right}

.packList li{ float:left; width:560px; padding:20px;}
.pl_top{ padding-bottom:10px; border-bottom:1px solid #ddd}
.pl_img{ float:left}
.pl_img img { width:150px; height:112.5px;}
.pl_js{ float:right; width:400px}
.pl_l{ display:block; width:50%; float:left; text-align:left}
.pl_r{ display:block; width:50%; float:right; text-align:right}
.pl_top p { line-height:24px}
.pl_top p a { color:#00aeef}

.pl_down p { line-height:25px}
.pl_down h3 { margin:5px 0}

.sort .allarea{float:right;margin-top: 10px;margin-right:6px;}
.sort .allarea a{ display:block; width:63px; height:25px; float:left; text-align:center; line-height:25px; border:1px solid #CCC; color:#333;padding: 0;}
.sort .allarea a:hover{ color:#00aeef; transform:0.5s}
.sort .allarea .act{ background:#00aeef; color:#FFF;}
.sort .allarea .act:hover { color:#FFF;}

.c_d_t{width:1200px; margin:0 auto; height:30px; line-height:30px; font-size:16px; padding-top:10px;}
.fb_time:hover { color:#00aeef}

.course_type{width:1190px;margin:20px 0;margin-bottom: 10px;margin-top: 5px;height:auto;}
.course_title{  width:1190px; height:auto; border-bottom:1px solid #e7eaec; background: #f0f2f3; line-height:43px; border:1px solid #e7eaec;}
.course_title ul li{ float:left;}
.course_title ul li a:hover{
	background:#00aeff;
	color:#fff;
}
.course_title ul li a{ font-family:"微软雅黑"; font-size:15px; color:#393939; display:block; padding:0 15px;}

.course_detail{ width:1190px; height:auto; background:#fafbfc; line-height:38px;  border:1px solid #e7eaec; border-top:none;}
.course_detail ul li{ float:left;}
.course_detail ul li a{ font-family:"微软雅黑"; font-size:14px; color:#393939; padding:0 20px;}
.course_detail ul li a:hover{ color:#00aeef;}

.course_title ul li a.c_acttive{ background-color:#00aeef; color:#fff;}
.course_detail ul li a.c_blue{ color:#00aeef;}
.clear{ clear:both;}
.clearfix {zoom: 1}
.clearfix:after{ clear: both;content: ".";display: block;height: 0; visibility: hidden;}
.course_detail .nd{ width:1190px; background-color:#f0f2f3;}
.course_detail .nandu{ width:335px; padding-left:20px;}
.course_detail .shuxing{ width:335px; padding-left:20px;}