*{padding: 0; margin: 0; text-decoration: none; outline: none; list-style: none; font-family: "微软雅黑";}
body{ background-color:#fafafa;}
.stu_dq {
    width: 1200px;
    height: 38px;
    line-height: 38px;
    color: #5f5e5e;
    font-size: 14px;
    border-bottom: 1px #ddd solid;
    margin: 16px auto;
}
    .stu_dq span {
        border-bottom: 2px #3c7be2 solid;
        display: inline-block;
        padding: 0 8px;
    }
.stu_dq a {
    color: #5f5e5e;
}

.class1{ float: right; margin-right: 20px; position: relative; min-width: 120px;}
.classname{cursor: pointer; position: relative;}
.classname span{ margin-right: 30px;}
.classname img{ position: absolute; right: 0px;top:17px; }
.class1 ul li{ cursor: pointer;}
.class1 ul a{ color:#737373;}
.class1 ul li:hover{color: #0c9cdb;}
.class1 ul{ position: absolute;z-index: 999; background-color: #fff; display: none; padding:0 10px ; min-width: 120px; border: 1px solid #d9d9d9;}
.student{ width: 1200px; margin: 0 auto;}
.studentright {
    width: 244px;
    border: 1px solid #3c7be2;
    position: relative;
    float: left;
    background-color: #fff;
    height: 750px; overflow-y:auto;
    overflow-x:hidden;
}
.title {
    color: #3c7be2;
    padding-left: 50px;
    cursor: pointer;
    background: url(../w_images/studentright.png) no-repeat 15px 18px;
    font-size: 14px;
    line-height: 60px;
}
.listright li{z-index:3; background-color: #fff; position: relative; line-height: 48px; height: 48px; padding-left: 15px; font-size: 12px; color: #8c8c8c;border-top: 1px solid #d9d9d9; cursor: pointer;}
.class{ background-color: #fff; display: none; width: 434px;z-index:2; border: 1px solid #d9d9d9; color: #8c8c8c ; position: absolute; left: 244px; top: -1px; font-size: 14px; padding: 10px 0px;}
.class a{ display: inline-block; padding: 0px 20px; line-height: 36px;  cursor: pointer; color:#8c8c8c;}
    .class a:hover {
        color: #3c7be2;
        transition: all 0.3s;
    }
.lists{     height: 44px;width: 900px; float: right; background-color: #fff; line-height: 44px; padding:0 10px;}
.listsnav{ height: 44px; font-size: 14px; color: #737373;}
.shu{ width: 1px; height: 20px; background-color: #737373; display: inline-block; position: relative;top: 5px; margin: 0 10px;}
.listsnavr{ float: left;}
.listsnavl{ float: right; overflow: hidden; margin-top: 2px;}
.listsnavl div{ float: left; margin-left: 1px; cursor: pointer;}
.listsnavl div img{position: relative;top: 2px; left: 10px;}
.listsnavl div:hover{ color: #0c9cdb; }
.course2{ width: 920px; float: right; margin-top: 20px;position: relative; z-index: 1; padding-bottom: 80px;}
.course2 img{ width: 270px; height: 160px; border-radius:8px 8px 0 0; display: block;}
.course2 ul { margin-left: -55px;}
.course2 ul li{ position: relative; width: 270px; border-radius:15px;float: left; margin-left: 40px; margin-bottom: 25px;}
.course2 ul li:hover{ box-shadow:2px 2px 5px #d9d9d9 ; transition: all 0.3s;}
/*.course2 ul li{ width: 270px; height: 160px;border-radius:8px;float: left; margin-left: 55px; margin-bottom: 108px;}*/
.course2 ul li h4{ height: 30px; line-height: 20px; color: #272727; font-size: 16px; font-family: "微软雅黑" !important; padding:0 10px;}
.course2 ul li p{ line-height: 20px; height: 40px;color:#a3a8aa ;font-size: 13px; padding: 0 15px; _display: none;  position: relative; z-index: 1;word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;		
    -webkit-line-clamp: 2; 
   overflow: hidden;margin-top: 5px;}

.course2 ul li .div{ padding: 0 15px; margin-top: 10px; overflow: hidden;}
.course2 ul li .div span{ padding-left: 0; font-size: 13px; color:#9c9c9d ;}
.course2 ul li .div span:last-child{ padding-left: 20px;  color:#707070 ;}
.course2 .xian{ margin:10px auto; display: none; height: 1px; background-color: #d9d9d9;}
.course2 .wben{width: 270px; background-color: #fff; padding-top: 10px;padding-bottom: 15px;border-radius:0 0 15px 15px; }


/*.course2 ul li .div{ padding: 0 10px; margin-top: 10px; overflow: hidden;}
.course2 ul li .div span{ padding-left: 26px; font-size: 14px; color:#595959 ;}
.course2 .xian{ margin:10px auto; display: none; height: 1px; background-color: #d9d9d9;}
.course2 .wben{ background-color: #fff; padding-top: 10px;padding-bottom: 10px;border-radius:0 0 8px 8px; position: relative; z-index: 3;}*/
.course1{ width: 920px; float: right; margin-top: 20px;position: relative; z-index: 1; padding-bottom: 80px;}
.course1 img{ width: 240px; height: 142px; border-radius:8px 0 0 8px; display: block;}
.course1 .wben{ margin-top:-142px ; display: block !important; float: right; background-color: #fff; width: 640px; box-shadow: none !important; padding:10px;border-radius:0 0 8px 8px; position: relative; z-index: 3;}
.course1 ul { margin-left: -55px;}
.course1 ul li{border: 1px solid #e5e5e5; width: 900px; background-color:#fff; padding-right:8px ; height: 142px;border-radius:8px;float: left; margin-left: 55px; margin-bottom: 20px;}
.course1 ul li h4{ margin-bottom: 10px; height: 20px; line-height: 20px; color: #272727; font-size: 16px; font-family: "微软雅黑" !important; padding:0 10px;}
.course1 ul li p{ display: block !important; height: 40px !important; line-height: 20px; color:#595959 ;font-size: 14px; padding: 0 10px; position: relative; z-index: 1;}
.course1 ul li .div{ padding: 0 10px; margin-top: 10px; overflow: hidden;}
.course1 ul li .div span{ padding-left: 26px; font-size: 14px; color:#595959 ;}
.course1 .xian{ display: block !important;  width: 650px !important; margin:10px auto; display: none; height: 1px; background-color: #d9d9d9;}
/*课程介绍开始*/
.course_introduction{ width: 1200px; margin: 0 auto; padding-bottom: 40px; overflow: hidden;}
.courseinleft{ width: 862px; float: left;}
.courseinleftkuai {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 10px;
    width: 820px;
    box-shadow: 2px 2px 2px #c7dbf1;
    padding: 20px;
    overflow: hidden;
}
.coursename{overflow: hidden; font-size: 20px; color: #595959; font-weight:600;}
.coursename span{ float: right; color: #8c8c8c; font-size: 14px; font-weight: normal; line-height: 22px; background: url(../w_images/icons8.png) left no-repeat; cursor: pointer; padding-left: 25px;}
.coursejj{width: 360px; height: 202px; border-radius:8px ; margin-top: 20px; float: left;}
.coursejs{ float: left; margin-left: 40px; margin-top: 15px;}
.coursejs div{ margin-top: 16px; color: #8c8c8c; font-size: 14px;}
    .coursejs div a {
        letter-spacing: 2px;
        color: #fff;
        width: 106px;
        height: 32px;
        line-height: 32px;
        margin-right: 20px;
        border-radius: 16px;
        text-align: center;
        background-color: #3c7be2;
        display: inline-block;
    }
        .coursejs div a:hover {
            background-color: #4d9ef2;
            transition: all 0.3s;
        }
.coursetext{ font-size: 18px; color: #595959; font-weight:500;}
.coursetext p{ color: #8c8c8c; font-size: 14px; margin-top: 10px; text-indent: 2em; font-weight: normal;}
.coursetext1{ font-size: 16px; font-size: 18px; color: #595959; font-weight:500;}
.coursetext1 p{ color: #8c8c8c; font-size: 14px; margin-top: 10px;  font-weight: normal;}
.courseinright{ width: 314px; float: right;}
.courseinrightkuai {
    background-color: #fff;
    margin-bottom: 20px;
    padding: 20px 10px;
    box-shadow: 2px 2px 2px #c7dbf1;
    border-radius: 8px;
    margin-right: 2px;
}
.courserighttext{font-size: 16px;  color: #595959; font-weight:600;}
.coursestudent{ margin-top: 20px;}
.coursestudent li{ border-bottom: 1px dashed #c7e8f1; overflow: hidden; cursor: pointer; margin-bottom: 10px; padding-bottom: 10px;}
.coursestudent img{ border-radius:50% ; width: 64px; float: left;height: 64px;}
.coursestudent li div{ float: left; margin-left: 20px; color: #595959; font-weight:bold ; font-size:14px ; margin-top: 5px;}
.coursestudent li div p{ color: #8c8c8c; font-weight:normal ; margin-top: 10px;}
.courseother{ margin-top: 20px;}
.courseother li{ position: relative; border-bottom: 1px dashed #c7e8f1; overflow: hidden; cursor: pointer; margin-bottom: 10px; padding-bottom: 10px;}
.courseother img{ border-radius:5px ; width: 120px; float: left;height:68px;}
.courseother li div{width: 161px; float: left; margin-left: 10px; color: #595959; font-weight:bold ; font-size:14px ; margin-top: 5px;}
.courseother li div p{ color: #8c8c8c; font-weight:normal ; bottom: 10px; position: absolute;}
/*课程介绍结束*/
/*课程详情开始*/
.coursejs1{ float: left;overflow: hidden; margin-left: 40px; margin-top: 40px; line-height: 36px;}
.coursejs1 div{ float: left; margin-top: 20px; color: #8c8c8c; font-size: 14px; text-align: center;}
.coursejj1{margin-bottom: 20px; width: 320px; height: 180px; border-radius:8px ; margin-top: 20px; float: left;}
.coureseleibie{color: #595959; padding: 15px 20px; cursor: pointer; float: left; margin-right: 60px; border-bottom: 2px solid #fff;}
    .coureseleibie:hover {
        border-bottom: 2px solid #2f8cec;
        transition: all 0.3s;
    }
.startstudy{ position: absolute;right: 20px; width: 168px; height: 54px; bottom:8px; text-align: center; border-radius:27px ; line-height: 54px; color: #fff; font-size: 18px; background-color: #cf2637;}
.startstudy:hover{transition: all 0.3s; background-color: #bd0618;}
.coursenav{  overflow: hidden; display: block; width: 820px;}
.coursetext2{ font-size: 16px; color: #595959; font-weight:bold; letter-spacing: 1px;}
.coursetext2 p{ color: #8c8c8c; overflow: hidden; font-size: 14px; padding: 10px;line-height: 24px; height: 24px;  font-weight: normal; background: url(../w_images/before.png) no-repeat 5px 12px; border-radius:8px ; padding-left: 30px; cursor: pointer;}
.coursetext2 p a{ display: none; float: right; background-color: #00a0db; color: #fff; margin-left: 10px; text-align: center; font-size: 12px; width: 50px; height: 24px; border-radius:12px ; line-height: 24px;}
.chakan{ position: relative;top: 60px; left: 80px; color: #44bbfd; font-size: 14px;}
.coursestudent2{ margin-top: 20px;}
.coursestudent2 li{height:50px;position:relative;cursor: pointer; margin-bottom: 10px; padding-bottom: 10px;}
.coursestudent2 img{ border-radius:50% ; width: 64px; float: left;}
.coursestudent2 li div{ float: left; margin-left: 20px; color: #595959; font-weight:bold ; font-size:14px ;}
.coursestudent2 li div p{ color: #8c8c8c; font-weight:normal ; margin-top: 10px; width:200px;font-size:12px ;}
.time{ position: absolute; font-weight: normal !important; font-size: 12px !important; color: #bfbfbf !important;top: -40px; left: 170px;}
/*课程详情结束*/
/*评论开始*/
.pinglunkuai{margin-bottom: 10px; overflow: hidden; position: relative; width: 860px; box-shadow: 2px 2px 2px #d9d9d9; background-color: #fff; border-radius: 8px;}
.shuru2{ color: #8c8c8c; width: 669px; padding:0 10px; height: 40px; letter-spacing: 1px; line-height: 40px; border:none;outline: none;}
.submit2{height: 40px;line-height: 40px; font-size: 14px; width: 166px; border: none; background-color: #fff; letter-spacing: 5px; color: #8c8c8c; cursor: pointer;}
.xiaoshu{ display: inline-block; width: 1px; height: 24px;background-color: #d9d9d9; position: absolute;top: 8px;}
.submit2:hover {
    color: #2f8cec;
    background-color: #f2f9ff;
    transition: all 0.3s;
}
.pinglunlist{ width: 800px; padding: 20px; padding-left: 40px; overflow: hidden;}
.pinglunlist img{ width: 64px; border-radius: 50%; float: left; position: relative;}
.pinglunwb{ font-size: 16px; color: #595959; margin-left: 20px; float:left ; width: 600px;}
.pinglunwb p{ color: #8c8c8c; font-size: 14px; text-indent: 2em;}
.time1{ position:absolute ; bottom: 10px;right:20px ; font-size: 12px; color: #bfbfbf;}
/*评论结束*/
/*问答开始*/
.yes{ color:#4cb058 ; display: block; line-height: 24px; letter-spacing: 2px; font-size: 14px;}
.no{ color:#f46c5c ; display: block; line-height: 24px; letter-spacing: 2px; font-size: 14px;}
.hua{ display: inline-block; margin: 0 10px; color: #bfbfbf;}
.answerteacher{color: #bfbfbf;}
.answer{ position: absolute; top: 0px; left: -1px;}
/*问答结束*/
/*资料区开始*/
.ziyuansuru{ float: left; color: #8c8c8c; width: 320px; padding:0 10px; height: 40px; letter-spacing: 1px; line-height: 40px; border:none;outline: none; }
.choose{  cursor: pointer; background-color: #fff; float: left; border-radius:8px 0 0 8px; width: 300px; margin-left: 44px; padding-left: 10px; height: 40px; line-height: 40px; color: #8c8c8c; font-size: 14px;}
.choose img{ float: right; margin-right: 10px; margin-top: 15px;}
.choose ul{ position: relative; z-index: 22; background-color: #fff; width: 310px;overflow: hidden;  margin-left: -10px; border: 1px solid #f5f5f5; border-top:0 ; display: none;}
.choose ul li:hover{ background-color:#f2f9ff ; transition: all 0.3s;padding-left: 20px; }
.choose ul li{ padding-left: 10px; width: 300px;}
table{ border-collapse:collapse ; background-color: #fff;}
.zytitle1{ color: #595959; font-size: 14px; text-align: center; line-height: 48px; margin-top: 20px;}
.zytitle{ color: #8c8c8c; font-size: 14px; text-align: center; line-height: 32px;}
.mc{ width: 400px;}
.lx{ width: 80px;}
.dx{width: 100px;}
.sj{ width: 100px;}
.cz{width: 200px;}
.mc1{ width: 360px; font-size: 12px;}
.lx1{ width: 80px; font-size: 12px;}
.dx1{width: 100px; font-size: 12px;}
.sj1{ width: 100px; font-size: 12px;}
.cz1{width: 200px; font-size: 12px;}
.cz1 a{ color: #00a0db; }
.cz1 span{ width: 20px; height: 1px; display: inline-block;}
.cz1 a img{ width: 20px;margin-right: 5px; position: relative; top: 5px;}
.table{ background-color: #fff; padding:20px 0; width: 860px;}
.zuoce{display: none;}
/*资料区结束*/
/*课程资源预览*/
.kczyyl{ width:1200px; height:auto; float:left; margin-top:15px;}
.kczyyl_l{ width:900px; height:auto; float:left;}
.kczyyl_l01{ width:890px; height:40px; line-height:40px;background:url(../images/bj01.png) left no-repeat; background-color:#fbfcfc; font-size:16px; padding-left:10px; }
.kczyyl_l02{ width:876px; height:550px; margin:15px;}
.kczyyl_l02 img{ width:876px; height:550px; border:0px;}
.kczyyl_r{ width:280px; height:auto; float:left; margin-left:15px; border:1px #ddd solid;min-height:610px; height:auto!important; height:610px;}
.kczyyl_r01{ width:270px; height:40px; border-bottom:1px #ddd solid; line-height:40px; font-size:16px; padding-left:10px;}
.kczyyl_r02{ width:270px; height:auto; float:left;}
.kczyyl_r02 ul{ list-style:none; padding-left:0px; margin-top:0px;}
.kczyyl_r02 ul li{  float:left; padding-left:15px; line-height:32px; padding-top:15px;}
.kczyyl_r02 ul li strong{ float:left; display:block;}
.kczyyl_r02 ul li p{ width:180px;  display:block; float:left; list-style:none; padding-left:0px; margin-top:0px;}
.kczyyl_rbt {
    width: 130px;
    height: 40px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background-color: #0eb7ca;
    font-weight: bold;
    margin-left: 75px;
    margin-top: 20px;
    border: 0px;
    cursor: pointer;
    font-family: "微软雅黑";
    letter-spacing: 1px;
}
.footer {
margin-top: 40px;}