@charset "utf-8";
/* CSS Document */

/*清除浮动*/
.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0;
}
.clearfix {
*zoom:1;
}
@font-face {
    font-family: 'icomoon';
    src: url('/Application/Home/View/Erjiye/fonts/icomoon.eot?38c2pd');
    src: url('/Application/Home/View/Erjiye/fonts/icomoon.eot?38c2pd#iefix') format('embedded-opentype'),  url('/Application/Home/View/Erjiye/fonts/icomoon.ttf?38c2pd') format('truetype'),  url('/Application/Home/View/Erjiye/fonts/icomoon.woff?38c2pd') format('woff'),  url('/Application/Home/View/Erjiye/fonts/icomoon.svg?38c2pd#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
/*视听*/
.s_listen {
	padding-top:10px;
    background: #f1f1f1;
}
.s_listenIn, .slisten_con {
    height: 692px;
	width:1200px;
}

.pub_tit h2 {
	width:1200px;
    height: 115px;
    line-height: 100px;
    font-size: 40px;
    color: #333;
    text-align: center;
    font-weight: normal;

}
.slc_top {
    height: 60px;
    line-height: 60px;
    position: relative;
    background: #191a20;
    background: #333;
	width:1200px;
}
.slc_top .sub_ul {
    float: left;
    line-height: 60px;
    height: 60px;
    overflow: hidden;
}
.slc_top .sub_ul li {
    float: left;
}
.slc_top .sub_ul li.line {
    border-right: 1px solid #222;
}
.slc_top .sub_ul li a.current {
    background: #00aaef;
    display: block;
}
.slc_top .sub_ul li a {
    color: #fff;
    font-size: 16px;
    padding: 0 20px;
}
.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
}
.selectR{
    float: right;
    width: 190px;
    position: relative;
    z-index: 11;
}
.subject-select {
    line-height: 35px;
    height: 35px;
    border: solid 1px #454545;
    margin: 10px 20px 0px 0px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    background: #282828;
}
.subject-select span.txt {
    color: #ccc;
    padding-left: 15px;
    float: left;
    font-size: 16px;
}
.subject-select i.ico {
    font-family: 'icomoon';
    color: #ccc;
    font-size: 14px;
    margin-left: 30px;
}
.sub_listR {
    display: none;
    border: solid 1px #454545;
    background: #282828;
    position: absolute;
    left: 0px;
    top: 46px;
    width: 168px;
    z-index: 3;
    border-width: 0px 1px;
    padding-top: 5px;
}
.sub_listR.current {
    display: block;
}
.sub_listR li {
    border-bottom: solid 1px #454545;
}
.sub_listR li a {
    font-size: 16px;
    line-height: 40px;
    padding-left: 15px;
    color: #fff;
    display: block;
}
.sub_listR li a:hover {
    background: #00aaef;
}
.sub_listR li a.current_bg {
    background: #00aaef;
}
.slc_bottom {
    height: 480px;
    background: #e1e1e1;
}
.slc_bottom ul li {
    height: 480px;
    overflow: hidden;
}
.slc_bottom ul li {
    display: none;
}
.slc_bottom ul .current {
    display: block;
}
.slc_bottom ul li .slc_Li {
    height: 480px;
    overflow: hidden;
}
/*.cdt_bottom ul li .l_imgbox{ width:500px; float:left; height:330px;}*/
.chooseleft_video {
    width: 804px;
    height: 480px;
    overflow: hidden;
    background: #191b21;
    float: left;
}
.mv_pub {
    width: 804px;
    height: 455px;
}
.mv_pub video {
    width: 100%;
    height: auto;
}
.mv_pub {
    display: none;
}
.mv_pub.current4 {
    display: block;
}
.pub_courselistR {
    width: 396px;
    height: 480px;
    overflow: hidden;
    float: right;
    font-size: 12px;
    display: block;
}
.course_con {
    height: 420px;
    overflow: hidden;
}
.chooseleft_video .mv_pub video {
    display: none;
}
.chooseleft_video .mv_pub video.current_video {
    display: block;
}
.teacher_choose {
    border-top: 1px solid #3b3b3b;
    border-bottom: 1px solid #b0b0b0;/*    background: #222222;*/
}
.teacher_choose a {
    /* line-height: 40px; */
    font: normal 14px/40px "microsoft yahei";
    display: inline-block;
    position: relative;
    padding: 0 22px;
    height: 40px;
    margin-bottom: -1px;
    /*    border-right: 1px solid #3b3b3b;*/
    color: #333;
}
.teacher_choose .current1 {
    background: #666;
    color: #fff;
}
.he353 {
    height: 353px;
    width: 355px;
    padding: 10px 0 10px 30px;/*	background:pink;*/
	
}
.mulubox {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /*	background:skyblue;*/
    display: none;
}
.mulubox > .mulubox-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.course_mulu_con .mulu_tit {
    font-size: 14px;
    font-weight: bold;
    /* padding-left: 10px; */
    color: #333;
    display: inline-block;
    padding-bottom: 5px;
}
.course_mulu_con .mulu_tit i {
    display: none;
    right: 0px;
    top: 8px;
    background: url(player-ico.png) no-repeat 0px -56px;
    width: 8px;
    height: 5px;
}
.course_mulu_con dd a.free-color {
    color: #ccc;
}
.course_mulu_con dd a {
    text-decoration: none;
}
.course_mulu_con a {
    display: block;
    color: #333;
    position: relative;
    padding: 5px 20px 5px 20px;
    font-size: 14px;
}
.course_mulu_con a em {
    font-style: normal;
}
.course_mulu_con a span {
    padding-left: 20px;
}
/*.course_mulu_con dd a.free-color:hover{ color:#FA5F62;}*/
.course_mulu_con a.free-color.current3 {
    color: #FA5F62;
}
a.free-color .freest {
    display: inline-block;
    padding: 2px;
    background: #07C526;
    color: #fff;
}
a.free-color .lock {
    display: inline-block;
    padding: 2px;
    background: #999;
    color: #fff;
}
.he353 .mulubox.current2 {
    display: block;
}
/*按钮*/
.course_btn {
    width: 396px;
    height: 60px;
}
.course_btn span {
    display: block;
    width: 198px;
    height: 60px;
    float: left;
}
.course_btn a {
    display: inline-block;
    width: 198px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 60px;
}
.course_btn .zx-btn {
    background: #666;
}
.course_btn .cb_baoming {
    background: #00aaef;
}