@charset "UTF-8";
/* CSS Document */
/*logo*/
/* 沈阳二台子小学、沈阳振东中学 */
/*
.wk_logo{ width:273px; height:90px;}
.wk_logo a{ display:block; background:url(../images/wk_logo.png); width:273px; height:90px;}
.wk_nav li{ float:left;}
.wk_nav li a{ display:block; padding:0px 15px; line-height:90px; font-size:18px; color:#fff;}
*/

/* 沈阳东站小学、新民教师进修学校 */
/*
.wk_logo{ width:251px; height:90px;}
.wk_logo a{ display:block; background:url(../images/wk_logo.png); width:251px; height:90px;}
.wk_nav li{ float:left;}
.wk_nav li a{ display:block; padding:0px 15px; line-height:90px; font-size:18px; color:#fff;}
*/

/* 学芒教育演示平台 */
.wk_logo{ width:218px; height:90px;}
.wk_logo a{ display:block; background:url(../images/wk_logo.png); width:218px; height:90px;}
.wk_nav li{ float:left;}
.wk_nav li a{ display:block; padding:0px 20px; line-height:90px; font-size:18px; color:#fff;}


.wk_nav li a:hover,.wk_nav li a.navon{ background:#000; color:#ddd;}
/*.wk_nav li a{ display:block; padding:0px 30px; line-height:90px; font-size:18px; color:#fff;}*/
/*========搜索========*/
.wk_search{ margin-top:24px; background:#fff;height:40px; line-height:40px; }

.def-nav,.pulldown-nav{display:block;color:#fff;float:left;}
.def-nav{ position:relative;}

.pulldown-nav{position:relative; color:#999; font-size:12px;padding-left:10px;padding-right:25px;}
.pulldown-nav em{position:absolute;display:block;right:10px;top:14px;height:12px;width:12px;font-size:0;background-position:-89px -45px}
.pulldown-nav:hover .f-icon,.pulldown-nav:active .f-icon,.current .hover .f-icon{position:absolute;display:block;right:10px;top:12px;height:12px;width:12px;font-size:0;background-position:-89px -55px}
.f-icon{background-image:url('../images/frame-icon.png');background-repeat:no-repeat}

.pulldown{position:absolute;cursor:default;display:none;top:40px;right:0;z-index:21;}
.pulldown .content{background:#F6F6F9;text-align:left;position:relative;z-index:22;border:1px solid #ddd;}

/*搜索下拉*/
.search_url .content{ width:57px;}
.search_url .content a{display:block;height:40px;line-height:40px;color:#888;text-align:center;}
.search_url .content a:hover{color:#333;text-decoration:none;background:#F6F6F9}
.search_url .li{display:block;font:14px/30px "Microsoft YaHei","Microsoft JhengHei";}
.search_url .separate-li{display:block;margin:0px 11px;border-top:#ccc 1px solid;border-bottom:#FFF 1px solid}
/*搜索按钮*/
.wk_search_ge{display:block;margin:8px 11px 8px 0px; width:1px; background:#ccc; height:24px;float:left; position:relative;}
.wk_search_txt{border:0px; width:180px;float:left;color:#999; height:40px;font:12px/40px "Microsoft YaHei","Microsoft JhengHei";}
.wk_search_btn{ height:40px; width:50px; background:#1eb27b url(../images/wk_search_btn.png) no-repeat center center; display:block; float:left;}
.wk_search_btn:hover{ background-color:#10a16b;}

/*========登录、产品链接========*/
.wk_pro{ height:40px; line-height:40px; margin-top:24px;color:#999;}
.wk_pro .def-nav{ float:right;margin-left:10px;}
.wk_pro .pulldown-nav{ font-size:14px;}
.wk_pro .search_url .content{ width:90px;}
.wk_pro .current .hover{background-color:#000;}
a.wk_login_btn{ color:#999;}
a.wk_login_btn:hover{ color:#fff;}


/*===============轮播焦点图===============*/
#solid{width:100%;height:498px;clear:both;position:relative; overflow:hidden; background:#4d8dfb;}
#solid .solid0,#solid .solid1,#solid .solid2,#solid .solid3,#solid .solid4,#solid .solid5{position:absolute;left:0px;top:0px;width:100%;height:498px;display:none;}
#solid ul{margin:0px;padding:0px;list-style:none;}
#solid ul li{position:absolute;left:50%;top:0px;width:1920px;height:498px;margin-left:-960px;display:none;cursor:pointer;}

#solid #btt{width:1200px;height:55px;top:445px;left:40%;position:relative;margin-left:-500px;}
#solid #btt span{position:absolute;top:15px;left:45%;display:block;width:30px;height:8px;margin:0 15px;	text-align:center;background:#3d3d3d;z-index:1000;cursor:pointer;filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/}

/*===============课程列表===============*/
.course-card-list:after{clear: both; background:#fff;}
.course-card-list {font-size: 14px;margin-left: -8px;margin-right: -8px}


.course-card-item {float: left;width: 220px;padding: 7px 7px 10px 7px;border: 1px solid transparent;position: relative;margin-bottom: 20px}
.course-card-item:hover {border-color: #ddd;box-shadow: 1px 1px 2px 1px #ddd/*ECECEC*/;background:#fff;}

.course-card-item .item-img-link {position: relative;display: block;margin-bottom: 6px}
.course-card-item .item-img-link .item-img {width: 220px;height: 124px}

.course-card-item .item-status {position: absolute;width: 220px;height: 24px;line-height: 24px;font-size: 12px;color: #fff;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99000000', endColorstr='#99000000');background-color: rgba(0,0,0,.6);margin-top: -30px;overflow: hidden; text-align:left;}
.course-card-item .item-status-step {
	margin-left: 5px}

.course-card-item .item-tt {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 40px;font-size: 14px;margin-bottom: 8px; font-weight:normal; text-align:left; line-height:1.4;}
.course-card-item .item-tt-link {color: #333;word-wrap: break-word;white-space: pre-wrap}
.course-card-item .item-tt-link:hover {color: #10a16b}

.course-card-item .item-line {overflow: hidden;margin-top: 0;margin-bottom:5px;height: 18px;font-size: 12px; line-height:18px;color: #aaa;}
.course-card-item .item-line .line-cell {float: left;margin-left: 10px}
.course-card-item .item-line .line-cell:first-child {margin-left: 0}


.course-card-item .item-play {display: inline-block;float: right;text-align: right; background:url(../images/play_arrow.gif) no-repeat left center;padding-left:10px;}

.course-card-item .item-user-link {color: #10a16b;word-wrap: break-word;white-space: pre-wrap}
.course-card-item .item-user-link:hover {color: #333;}
.course-card-item .item-play-link {color: #aaa;word-wrap: break-word;white-space: pre-wrap}
.course-card-item .item-play-link:hover {color: #10a16b;}




.course-card-list876  .course-card-item{margin-left:30px;margin-right:30px;}

/*左侧通用标题*/
.titleA,.titleB,.dybox{ border-bottom:1px solid #d4d4d4; margin-bottom:20px; height:40px; line-height:40px;}
.titleA .titleA_cont{border-bottom:4px solid #1eb27b; position:relative;bottom:1px; font-size:30px; font-weight:normal;}
.titleA_list a{color:#aaa; margin-right:15px;}
.titleA_list a:hover{color:#333;}
.wk_more1{padding:0px 20px;border:1px solid #1eb27b;border-radius:15px; line-height:25px;color:#1eb27b;}
.wk_more1:hover{color:#fff;background:#1eb27b;}

/*热门微课*/
.titleB_cont,.dybox li{font-size:18px;}

.list-tweet{ height:435px;}
.list-tweet li,.list-tweet i{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.list-tweet li{float:left;overflow:hidden;border-bottom:0px solid #E3E6EB;}
.list-tweet i{float:right;*display:inline;line-height:46px;height:46px;padding-right:8px;background:url(../images/play_arrow.gif) no-repeat left center;padding-left:10px; color:#aaa; position:relative;}
.list-tweet h3{line-height:46px;height:46px;overflow:hidden;font-size:14px;}
.list-tweet li .course-card-item{padding: 7px 7px 2px 9px!important;margin-bottom:0px!important;}
.list-tweet-num{ font-size:16px; padding:0px 8px;color:#999;}
.num1{color:#f50606}
.num2{color:#f56520}
.num3{color:#f5a32b}

.off-me{height:46px;}
.off-me i{font-size:12px;opacity:1;}

.current-me{height:200px;}
.current-me i{*display:none;opacity:0; display:none;}
.current-me h3 { width:100%;}
/*热门答疑*/
.dybox li{ float:left; width:110px; text-align:center;cursor:pointer;}
.dybox li.hover{border-bottom:4px solid #1eb27b; position:relative;bottom:1px;cursor:pointer; }

.dycont{padding:10px 8px; width:224px;}
.dycont dl{ background:url(../images/dycont_dl_bg.gif) no-repeat left 13px;padding-left:15px;padding-bottom:20px;}
.dycont dl dt{ height:32px; line-height:32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.dycont dl dd{font-size:12px;color:#aaa;}
.dycont dl dd a{ color:#aaa;}
.dycont dl dd a:hover{ color:#10a16b;}
.vioce_l,.vioce_m,.vioce_r{ float:left; display:inline; height:32px;}
.vioce_l{ background:url(../images/vioce_l_bg.png) no-repeat left top; width:24px;}
.vioce_m{ background:url(../images/vioce_m_bg.png) repeat-x left top;min-width:10px;}
.vioce_r{ background:url(../images/vioce_r_bg.png) no-repeat left top; width:7px;margin-right:5px;}
.vioce_time{ line-height:32px;}
/*========课程分类面包屑========*/
.search-crumb {
    position: relative;
    z-index: 20;
    height: 36px;
    margin-bottom: 20px;
    color: #777;
	
}

.search-crumb li {
    float: left;
}

.search-crumb li:hover .search-crumb-down {
    display: block;
}

.search-crumb .link {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0 15px;
    height: 34px;
    line-height: 34px;
    color: #555;
    vertical-align: top;
    cursor: pointer;
    border: 1px solid #e6e6e6;
    background-color: #f7f8f9;
}

.search-crumb li:hover .link {
    height: 38px;
    border: 1px solid #ccc;
    border-bottom: none;background:#fff;
}

.search-crumb li:hover .btn-arrow-down {
    background-position: 0 -20px;
}

.search-crumb .default, .search-crumb li:hover .default {
    display: inline-block;
    padding: 0 15px;
    height: 34px;
    line-height: 34px;
    color: #555;
    vertical-align: top;
    border: 1px solid #e6e6e6;
    background-color: #f7f8f9;
    cursor: default;
}

.search-crumb .default:hover .btn-arrow-down {
    background-position: 0 0;
}

.search-crumb .btn-arrow-down {
    margin-right: -6px;
}

.search-crumb .gt {
    padding: 8px 10px 0;
    display: inline-block;
    font-family: simsun;
}

/*.search-crumb .link:hover,
.search-crumb .cur-hover.link {
    height: 28px;
    border: 1px solid #7cd9b3;
    border-bottom: none;
}

.search-crumb .cur-hover .btn-arrow-down {
    background-position: 0 -20px;
}
*/
.search-crumb .keyword {
    padding-left: 20px;
    line-height: 36px;
    display: inline-block;
}

.search-crumb .keyword em {
    color: #fc6238;
}

.search-crumb-down {
    display: none;
    position: absolute;
    left: 0;
    top: 38px;
    width: 906px;
    padding: 15px 10px 0 10px;
    border: 1px solid #ccc;
    background-color: #fff;
}

.search-crumb-down .title {
    padding-left: 10px;
    line-height: 20px;
    color: #999;
    text-align: right;
    display: block;
}

.search-crumb-down .keyword-con {
    margin-left: 70px;
}

.search-crumb-down .keyword-con li {
    float: left;
    width: 124px;
    margin-right: 10px;
}

.search-crumb-down a {
    margin: 0 0 10px 0;
    height: 25px;
    line-height: 25px;
    color: #555;
    word-break: break-all;
    word-wrap: break-word;
    display: inline-block;
}

.search-crumb-down a:hover {
    color: #000;
}

.search-crumb .cur,
.search-crumb .cur:hover {
    padding: 0 5px;
    color: #fff;
    background-color: #32c388;
}

/*课程分类  （可提取做组件）*/
.g-sort {
    padding: 10px 10px 0 10px;
    border: 1px solid #e6e6e6;
    background-color: #f7f8f9;
}

.g-sort .line {
    height: 0;
    font-size: 0;
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px dashed #e6e6e6;
}

.g-sort .title {
    padding-left: 10px;
    line-height: 20px;
    color: #999;
    text-align: right;
    display: block;
}

.g-sort .con-list {
    margin-left: 70px;
    overflow: hidden;
}

.g-sort .con-list li {
    float: left;
    width: 150px;
    margin-right: 10px;
}

.g-sort .link {
    margin-bottom: 10px;
    height: 25px;
    line-height: 25px;
    color: #555;
    display: inline-block;
}

.g-sort .link:hover {
    color: #1eb37b;
}

.g-sort .difficulty .link {
    margin-right: 26px;
}

.g-sort .cur,
.g-sort .cur .num,
.g-sort .cur:hover {
    color: #fff;
    background-color: #32c388;
}

.g-sort .cur,
.g-sort .cur:hover {
    padding: 0 5px;
}

.g-sort .num {
    color: #fc6c45;
}


/*-- ico20 图标集合
------------------------------------*/
.ico20 {
    width: 20px;
    height: 20px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/ico20.png) no-repeat center center;
}

.btn-arrow-down {
    background-position: 0 0;
}

.btn-arrow-up {
    background-position: 0 -20px;
}



/*课程排序*/
.wk_seach_tab{height:50px;background:#f7f8f9;width:926px;position:relative;border:1px solid #e6e6e6;margin:20px 0px;}
.wk_seach_tab ul{float:left;}
.wk_seach_tab ul li{float:left;line-height:50px;border-right:1px solid #e6e6e6;}
.wk_seach_tab ul li a{height:50px;line-height:50px;display:block;padding:0 25px;}
.wk_seach_tab ul li a:hover{background:#fff;}
.wk_seach_tab ul li a.linkon{background:#fff;border-top:3px solid #1eb27b; position:relative;top:-1px; line-height:48px; height:48px;color:#1eb27b;}
.wk_seach2{float:left;width:350px;padding:10px 0 0 10px;}
.wk_seach2 input{border:1px solid #ccc;padding:3px 5px;height:23px;line-height:23px;width:200px;float:left;font-family: "Microsoft YaHei",Tahoma,Arial,sans-serif;}
.wk_seach2 a{width:40px;height:31px;display:block;float:left;background:url(../images/seach1.png) no-repeat center #ccc;}
.wk_seach2 .wk_seach2_type{float:left;height:31px;line-height:31px;margin-right:2px;border:1px solid #ccc;}

/*分页*/
.sort-page{text-align:center;_padding-bottom:2px; padding-top:20px;}
.sort-page a{display:inline-block;vertical-align:middle}

.page-prev-btn,.page-next-btn{height:38px;line-height:38px;width:78px;background:#fff;font-size:16px;border:1px solid #d9d9d9;color:#333;text-align:center;position:relative;border-radius:2px;color:#333;font-family: simsun;}
.page-prev-btn:hover,.page-next-btn:hover{background-color:#f1f1f1}
.page-prev-btn:before,.page-next-btn:before{position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-8px;line-height:1}
a.page-btn-dis{border-color:#ededed;color:#bcbcbc;cursor:default!important;background-color:#e3e3e3!important}
a.page-btn-dis:hover{background-color:#e3e3e3!important}
.page-btn{height:38px;line-height:38px;width:64px;background:#fff;border:1px solid #d9d9d9;margin:0 3px;color:#333;font-size:16px;border-radius:2px}
.page-btn:hover{background:#f1f1f1}
.page-btn-cur{background:#1eb27b;border-color:#1eb27b;color:#fff}
.page-btn-cur:hover{background:#10a16b; color:#fff;}

/*课程内容页*/
.course_name_pic{width:600px; height:338px;position:relative;}
.course_name_pic img{width:600px; height:338px;}
.course_name_box {color:#aaa; margin-left:20px; width:580px;}
.course_name_box h1{font-size:20px;color:#222;}
.course_score{padding:30px 0px;}
.black-bg{background:url(../images/black_bg.png) repeat left top;width:600px; height:338px;top:0px;left:0px;position:absolute;}
.icon-play{background:url(../images/play_logo.png) no-repeat;top: 110px;display: inline-block;height: 120px;left: 240px;position: absolute;vertical-align: middle;width: 120px;}

a.wk_share_icon{background:url(../images/wk_share_icon.png) no-repeat left 2px; padding-left:22px; color:#bbb;}
a.wk_share_icon:hover{background:url(../images/wk_share_icon.png) no-repeat left -18px; color:#10a16b;}

a.wk_sys_icon{background:url(../images/wk_sys_icon.png) no-repeat left 2px; padding-left:22px; color:#bbb;}
a.wk_sys_icon:hover{background:url(../images/wk_sys_icon.png) no-repeat left -18px; color:#10a16b;}

.course_cont{border:1px dotted #d9d9d9; padding:10px 20px; background:#fff;}
.course_line span{padding-right:30px; width:140px; display:inline-block; line-height:30px;}
.course_line span.colspan2{width:280px;}

.course_line a{color:#bbb;}
.course_line a:hover{color:#10a16b;}



.course_btn{height:38px;line-height:38px;padding:0 20px;background:#fff;border:1px solid #d9d9d9;margin:0 3px;color:#333;font-size:16px;border-radius:2px;display:inline-block;vertical-align:middle}
.course_btn:hover{border:1px solid #10a16b;}
.course_btn_cur{background:#1eb27b;border-color:#1eb27b;color:#fff}
.course_btn_cur:hover{background:#10a16b; color:#fff;}




/*课程内容tab*/
.kc—title-box{height:50px;background:#f7f8f9;width:926px;border:1px solid #e6e6e6; line-height:50px;}
.kc—title-box li{ float:left;padding:0 30px;text-align:center; border-right:1px solid #e6e6e6;cursor:pointer;font-size:18px;}
.kc—title-box li.hover{border-top:4px solid #1eb27b; position:relative;top:-1px; height:48px; line-height:48px; background:#fff; cursor:pointer; color:#1eb27b;}

.kc—title_cont{padding:25px;border:1px solid #e6e6e6;border-top:0px; width:876px;}

/* =S 详情页 课程目录  m-catalog
/////////////////////////////////////////////////////*/
.m-catalog {}

.m-catalog .header {width: 100%;height: 46px;background-color: #f2f1f1;}

.m-catalog .header .title {padding-left: 20px;line-height: 46px;font-size: 16px;font-weight: normal;}

.m-catalog .chapter-title {
    height: 46px;
    background-color: #fefefe;
    font-size: 14px;
    line-height: 46px;
    font-weight: normal;
}

.m-catalog .chapter-title em {
    float: left;
    display: block;
    padding-left: 20px;
    width: 60px;
}

.m-catalog-list li {
    vertical-align: top;margin-bottom:5px;
}

.m-catalog-list .chapter {
    position: relative;
    width: 100%;
    height: 46px;
    background-color: #fafafa;
}

.m-catalog-list .bg-cor {
    background-color: #f7f7f7;
}

/*.m-catalog-list li:nth-child(odd) .chapter {
    background-color: #f7f7f7;
}*/

.m-catalog-list li:hover .chapter {
    background-color: #eaf9f3;
}

.m-catalog-list .chapter .num {
    float: left;
    display: block;
    padding-left: 30px;
    width: 50px;
    line-height: 46px;
    color: #bbb;
    font-family: arial;
}

.m-catalog-list .chapter .title {
    max-width: 430px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 46px;
}

.m-catalog-list .status{
    float: right;
    margin: 14px 30px 0 0;
    color: #bbb;font-size:12px;
}

.m-catalog-list .status span {
    margin-left: 10px;
}


.m-catalog-list .listen {
    display: none;
    margin: 8px 20px 0 0;
}




.m-catalog-list .chapter:hover .status {
    display: none;
}

.m-catalog-list .chapter:hover .listen {
    display: block;
}




/* =E 详情页 课程目录  m-catalog
/////////////////////////////////////////////////////*/


/*我要评论*/
.score_box{border:1px dotted #d9d9d9; padding:10px 20px; background:#f9f9f9;}
.score_box_dl{border-right:1px solid #dddddd; width:80px;padding-right:20px; text-align:center;margin-right:30px;}
.score_box_div{ line-height:70px;}
.textrarea_pl{border:1px solid #dddddd; padding:10px; width:854px; font-size:14px;font-family:"Microsoft Yahei";margin-bottom:10px;color:#aaa;}
.textrarea_pl894{width:906px;}

.form_list dl{padding:20px 0px; border-bottom:1px solid #dddddd; overflow:hidden;}
.form_list dt{ float:left; width:50px;margin-right:20px;}
.form_list dt img{width:50px; height:50px; border-radius:50%;}
.form_list dd{ float:left; width:806px; line-height:23px;}
.form_list928 dd{ width:858px;}

a.wk_zan_icon{background:url(../images/wk_zan_icon.png) no-repeat left 0px; padding-left:22px; color:#bbb; font-size:12px;}
a.wk_zan_icon:hover{background:url(../images/wk_zan_icon.png) no-repeat left -19px; color:#10a16b;}
a.wk_comment_icon{background:url(../images/wk_comment_icon.png) no-repeat left 1px; padding-left:22px; color:#bbb; font-size:12px;}
a.wk_comment_icon:hover{background:url(../images/wk_comment_icon.png) no-repeat left -19px; color:#10a16b;}
dl.form_list_cur{border-bottom:0px;border:1px dotted #d9d9d9; padding:20px; background:#f9f9f9;}
dl.form_list_cur dd{ width:764px;}


dd.huifu_dd{float:right;border:1px dotted #d9d9d9; padding:10px 20px; background:#f9f9f9; width:764px;margin-top:20px;}
.wk_name_from{color:#10a16b;}
/*教室列表不用的＝＝＝＝两列显示
.teacher_list{margin-right:-28px;}
.teacher_list dl{padding:20px 0px; border-bottom:1px solid #dddddd; overflow:hidden; float:left; width:440px;margin-right:28px;}
.teacher_list dt{ float:left; width:110px;margin-right:20px;}
.teacher_list dt img{width:110px; height:110px;}
.teacher_list dd{ float:left; width:300px; line-height:23px;}*/

.teacher_list dl{padding:20px 0px; border-bottom:1px solid #dddddd; overflow:hidden;}
.teacher_list dt{ float:left; width:110px;margin-right:20px;}
.teacher_list dt img{width:110px; height:110px;}
.teacher_list dd{ float:left; width:776px; line-height:23px;}

.teacher_list1200 dl{border:0px;padding:20px; background:#fff; border:1px solid #ddd; overflow:hidden;}
.teacher_list1200 dt{ float:left; width:180px;margin-right:20px;}
.teacher_list1200 dt img{width:180px; height:180px;}
.teacher_list1200 dd{ float:left; width:958px; line-height:23px;}

.form_list—bg dl{border:1px dotted #d9d9d9; padding:20px; background:#f9f9f9;}