/*通关班*/
/*common*/
i {
    font-style: normal;
}

.vmiddle {
    vertical-align: middle;
}

.gray_c {
    color: #ccc;
}

#step p {
    line-height: 24px;
    margin: 0 0 0 15px;
    color: #494949;
    padding: 0;
}

#padding {
    margin-right: 28px;
}

a.link_dot, .hover {
    width: 7px;
    height: 7px;
    margin-right: 3px;
    overflow: hidden;
    line-height: 0;
    margin-top: 5px;
}

a.link_dot:link, a.link_dot:visited {
    background: transparent url('/images/all_step.png') 0 0 no-repeat;
}

a.link_dot:hover, a.link_dot:active {
    background: transparent url('/images/all_step.png') -9px 0 no-repeat;
}

.hover {
    background: transparent url('/images/all_step.png') -17px 0 no-repeat !important;
}

.link_next {
    width: 21px;
    height: 15px;
    overflow: hidden;
    margin-right: 2px;
}

a.link_next:link, a.link_next:visited {
    background: transparent url('/images/all_step.png') 0 -16px no-repeat;
}

a.link_next:hover, a.link_next:active {
    background: transparent url('/images/all_step.png') 0 -31px no-repeat;
}

.flipx {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1); /*IE*/
    filter: FlipH;
}

.next_gray {
    background: transparent url('/images/all_step.png') 0 -46px no-repeat !important;
}

.box_course {
    width: 105px;
    height: 40px;
    line-height: 40px;
    position: relative;
    margin: 10px 15px 5px 0px;
}

.box_course a:link, .box_course a:visited {
    width: 100px;
    height: 40px;
    display: block;
    color: #494949;
    text-decoration: none;
}
.box_course a:hover, .box_course a:active {
    color: #ff6600;
    text-decoration: none;
}

.btn_w {
    text-align: center;
    background: url('/images/all_step.png') 0 -105px no-repeat;
}

.btn_w a:link, .btn_w a:visited {
    cursor: default;
    color: #494949;
}

.btn_w a:hover, .btn_w a:active {
    color: #494949;
}

#list_course {
    height: 220px;
    margin-left: 6px;
}

.ico_lock {
    width: 13px;
    height: 13px;
    background: transparent url('/images/all_step.png') -77px -19px no-repeat;
    position: absolute;
    bottom: -4px;
    right: -4px;
    /*z-index:101;*/
    line-height: 0;
    overflow: hidden;
}

.ico_lock02 {
    width: 13px;
    height: 13px;
    background: transparent url('/images/all_step.png') -77px -19px no-repeat;
    position: absolute;
    bottom: -4px;
    right: -4px;
    _bottom: 8px;
    _right: 0px;
    /*z-index:101;*/
    line-height: 0;
    overflow: hidden;
}

.ico_check {
    width: 13px;
    height: 13px;
    background: transparent url('/images/all_step.png') -77px 0 no-repeat;
    position: absolute;
    bottom: -4px;
    right: -4px;
    /*z-index:100;*/
    line-height: 0;
    overflow: hidden;
}

.ico_check02 {
    width: 13px;
    height: 13px;
    background: transparent url('/images/all_step.png') -77px 0 no-repeat;
    position: absolute;
    bottom: -4px;
    right: -4px;
    _bottom: 8px;
    _right: 0px;
    /*z-index:100;*/
    line-height: 0;
    overflow: hidden;
}
.ico_nopublish {
    width: 13px;
    height: 13px;
    background: transparent url('/images/nopublish.png') no-repeat;
    position: absolute;
    bottom: -4px;
    right: -4px;
    /*z-index:100;*/
    line-height: 0;
    overflow: hidden;
}

.btn_y {
    cursor: pointer;
    text-align: center;
    background: url('/images/all_step.png') 0 -64px no-repeat;
}

.num {
    font-family: Arial, Helvetica, sans-serif;
}

.pagination a {
    display: block;
    float: left;
}

.pagination .common {
    width: 7px;
    height: 15px;
    margin-right: 3px;
    overflow: hidden;
    line-height: 0;
    margin-top: 5px;
    background: transparent url('/images/all_step.png') 0 0 no-repeat;
}

.pagination .common.current {
    background: transparent url('/images/all_step.png') -17px 0 no-repeat;
}

.pagination .prev {
    width: 21px;
    height: 15px;
    overflow: hidden;
    background: transparent url('/images/all_step.png') 0 -16px no-repeat;
    margin-left: 4px;
}

.pagination .prev:hover {
    width: 21px;
    height: 15px;
    background: transparent url('/images/all_step.png') 0 -32px no-repeat;
}

.pagination .next {
    width: 21px;
    height: 15px;
    overflow: hidden;
    background: transparent url('/images/all_step.png') -24px -16px no-repeat;
    margin-left: 4px;
}

.pagination .next:hover {
    width: 21px;
    height: 15px;
    background: transparent url('/images/all_step.png') -24px -32px no-repeat;
}

.pagination .current.prev {
    width: 21px;
    height: 15px;
    overflow: hidden;
    margin-left: 4px;
    background: transparent url('/images/all_step.png') 0 -48px no-repeat;
}

.pagination .current.next {
    width: 21px;
    height: 15px;
    overflow: hidden;
    background: transparent url('/images/all_step.png') -24px -48px no-repeat;
    margin-left: 4px;
}

#studyInfo_tips {
    margin: 10px 0 20px 14px;
    width: 545px;
}

#info_tip {
    _width: 500px;
}

.color_c {
    color: #cccccc;
}

.tip {
    width: 220px;
    height: 36px;
    line-height: 36px;
    background: #ffffe4;
    /*background: transparent url('/images/tip_ico.gif') no-repeat;*/
    padding-left: 30px;
}

.color_c {
    color: #cccccc;
}

/*lijia edit*/
.icons_all {
    background: url(/images/myclass_icons.png?v=2015121) no-repeat;
    _background: url(/images/myclass_icons.gif?v=2015121) no-repeat;
    display: inline-block;
    height: 31px;
    width: 28px;
}

.showType {
    height: 25px;
    width: 65px;
    background-position: -66px -40px;
    margin-left: 7px;
}

.showType a {
    height: 25px;
    width: 32px;
    float: left;
    margin: 0;
}

.table_show {
    background-position: -66px -65px;
}

.icon_unit {
    background-position: -66px 0;
    padding-left: 30px;
    color: #9fa0a0;
}

.btn_learn {
    position: absolute;
    right: 0;
    top: 0;
    _width:80px;
}

.btn_startlearn {
    margin: 6px 11px 0 0;
    display: none;
    _width:80px;
}
.classList a:hover .btn_startlearn,.classList a:hover .tips_locked{
    display: block;
}
.classList a:hover .class_info,.classList a:hover .ct_time{
    display: none;
}
 

.progressBar_box {
    background: #f9f9f9;
    border-top: 1px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
    padding: 0 10px 0 10px;
    height: 75px;
}

.progressBar {
    border-radius: 12px;
    height: 12px;
    background: #ebebeb;
}

.myProgress {
    background: #8cd373;
    display: block;
    width: 100px;
    height: 12px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.progressTips {
    position: absolute;
    left: 68px;
    top: 0;
    text-align: center;
}

.tips_box {
    background: url(/app/images/tips_box.png) no-repeat transparent;
    height: 28px;
    width: 61px;
    display: block;
    color: white;
    line-height: 21px;
}

.unit_num {
    background-position: -66px 0;
    height: 16px;
    width: 32px;
    display: inline-block;
    padding: 8px 0 8px 63px;
    font: 16px "Arial";
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    color: #9FA0A0;
    margin-right: 9px;
}

.unit_title {
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    color: #606060;
    border-bottom: 1px solid #F1F1F1;
    margin-bottom: 0;
    cursor: pointer;
    padding: 10px 0;
    display: block;
    height: 40px;
    position: relative;
}
.unit_title:hover{
    text-decoration: none;
    color: #666;
}

.classList {
    background: #f9f9f9;
    border: 0;
    margin:0;
    padding: 0;
    overflow: hidden;
}

.classList li a {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #666;
    padding: 0 4px 0 16px;
}

.classList li a:hover,.classList li .active{
    background: white;
    text-decoration: none;
}

.finish_status {
    background-position: -33px 0;
}
.nofinish_status {
    background-position: -33px -38px;
}
.nostart_status {
    background-position: -33px -76px;
}
.nostart_dot_status {
    background-position: 0 -171px;
}
.classList a:hover .nostart_status{
    background-position: 0 -205px;
}
.finish_dot_status {
    background-position: 0 -101px;
}
.nofinish_dot_status {
    background-position: 0 -136px;
}
.starting_statue {
    background-position: -33px -205px;
}

.locked_status {
    background-position: -33px -141px;
}

.classList a:hover .locked_status {
    background-position: -33px -174px;
}

.classList a:hover .nostart_status {
    background-position: -33px -107px;
}

.icon_video {
    height: 15px;
}

.class_info {
    margin-top: 12px;
}

.icon_livevideo {
    height: 16px;
    background-position: 0 -36px;
}

.icon_test {
    height: 16px;
    background-position: 0 -72px;
}

.planSpeed {
    background: #fffef3;
    height: 75px;
    width: 400px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.learnSpeed {
    position: relative;
    z-index: 2;
    margin-top: 5px;
}

.icon_yellow_arrow {
    background: url(/images/yellow_arrow.png) no-repeat;
    display: block;
    height: 7px;
    width: 52px;
}

.planProgress_box {
    position: absolute;
    bottom: -20px;
    _bottom: -30px;
    left: 374px;
    text-align: center;
    color: #9fa0a0;
    width: 52px;
}

.class_num {
    display: inline-block;
    width: 50px;
}

#tip {
    width: 190px;
    height: 36px;
    line-height: 36px;
    /*background: url('/images/tip_ico.gif') no-repeat 10px 11px;*/
    padding-left: 30px;
    background-color: #ffffe4;
    margin-top: 15px;
}

#lock_class_tips {
    background: #fffef3;
    border: 1px solid rgb(240, 240, 240);
    padding: 10px;
    color: #494949;
    line-height: 22px;
    border-radius: 3px;
    position: absolute;
    top: 0;
    width: 238px;
}

#lock_class_tips .tips_con {
    border-bottom: 1px dotted #aaa;
    padding-bottom: 10px;
    margin-bottom: 5px;
}
.draft {
    cursor:default;
}

.classList .noRelease a,.classList .noRelease .class_num{
    color: #B9B9B9;
}
.classList .noRelease a:hover{
    background: #FCFCFC;
}
.classList .noRelease a:hover .nostart_status{
    background-position: -33px -76px;
}
#course_list .noRelease{
    background-position: 0 -146px;
}
#course_list .noRelease a, #course_list .noRelease a span {
    color: #B9B9B9;
    text-shadow: 0 1px 0 #FFF;
}
.unit_title.on .icon_down{
    background-position: -82px -167px;
}
.icon_down{
    background-position: -82px -143px;
    margin-top: 7px;
}
.unit_title.on:hover .icon_down{
    background-position: -61px -167px;
}
.unit_title:hover .icon_down{
    background-position: -61px -143px;
}
/*icon_progress*/
a.icon_progress{
    background: url(/images/icon_porgress.gif?V=3) no-repeat;
    display: inline-block;
    height: 40px;
    width: 40px;
    margin-left: -11px;
    *margin-left: -5px;
    cursor: default;
    color: #8CD373;
    line-height: 41px;
    font-family: "arial";
    font-size: 16px;
    text-indent: -1px;
    text-align: center;
    position: relative;
}
a.icon_progress:hover{
    text-decoration: none;
}
.icon_progress.finish0{
    background-position: 0 0;
}
.icon_progress.finish1{
    background-position: 0 -42px;
}
.icon_progress.finish2{
    background-position: 0 -84px;
}
.icon_progress.finish3{
    background-position: 0 -126px;
}
.icon_progress.finish4{
    background-position: 0 -168px;
}
.icon_progress.finish5{
    background-position: 0 -210px;
}
.icon_progress.finish6{
    background-position: 0 -252px;
}
.icon_progress.finish7{
    background-position: 0 -294px;
}
.icon_progress.finish8{
    background-position: 0 -336px;
}
.icon_progress.finish9{
    background-position: 0 -378px;
}
.icon_progress.finish10{
    background-position: 0 -420px;
}
.icon_progress.finish11{
    background-position: 0 -462px;
}
.icon_progress.finish12{
    background-position: 0 -504px;
}
.icon_progress.finish13{
    background-position: 0 -546px;
}
.icon_progress.finish14{
    background-position: 0 -589px;
}
.icon_progress.finish15{
    background-position: 0 -631px;
}
.icon_progress.finish16{
    background-position: 0 -673px;
}
.icon_progress.finish17{
    background-position: 0 -715px;
}
.icon_progress.finish18{
    background-position: 0 -757px;
}
.icon_progress.finish19{
    background-position: 0 -799px;
}
.icon_progress.finish20{
    background-position: 0 -841px;
}
a.icon_progress.finish21{
    background-position: 0 -883px;
}
a.icon_progress.shiting{
    background-position: 0 -925px;
}
.unit_txt{
    display: inline-block;
    background: url(/images/bg_unit_txt.gif) center no-repeat;
    width: 70px;
    height: 40px;
    color: #FFF;
    text-align: center;
    line-height: 40px;
    font-family: "microsoft yahei";
    font-weight: 300;
}
#course_list{
    border-top: 1px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
    position: relative;
}
.finish_status,.nofinish_status
,.nostart_status,.finish_dot_status
,.nofinish_dot_status,.locked_status,.nostart_dot_status,.starting_statue {
    margin-right: 6px;
    float: left;
    margin-top: 7px;
}
/*hasUnit*/
.hasUnit .classList,.noUnit .classList{
    padding: 10px 0;
    border-bottom: 1px solid #f1f1f1;
    display: none;
}
#course_list.hasUnit,#course_list.noUnit{
    border: 0;
}
.hasUnit .classList li a{
    padding-left: 70px;
}

/*noUnit*/
.noUnit .icon_progress{
    margin-left: 0;
}
.noUnit .classList li a {
padding-left: 43px;
}
.lesson_title{
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    display: inline-block;
    width: 400px;
    height: 40px;
}
.classList li a:hover .lesson_title{
    width: 350px;
    float: left;
}


/*class_index*/
.i_myProgress_box{
    border-bottom: 1px solid #eeecec;
    padding-bottom: 5px;
}
#i_course_list{
    width: 455px;
    height: 230px;
}
#i_course_list .lesson_title{
    width: 284px;
}
#i_course_list .classList{
    background: white;
}
#i_course_list  li a:hover {
    background: #f9f9f9;
}
#i_myProgress_canvas{
    border-right: 1px dotted #eeecec;
    position: relative;
    padding-top: 10px; 
    width: 160px;
    height: 190px;
    z-index: 2;
}
.i_myProgress_txt{
    position: absolute;
    top: 50px;
    left: 39px;
    font-family: "microsoft yahei";
    width: 65px;
    line-height: 28px;
    color: #949494;
    text-align: center;
}
.i_myProgress_num{
    font-family: "Arial";
    display: block;
}
.i_myProgress_num .integer{
    font-size: 28px;
}
.i_myProgress_num .decimal{
    font-size: 18px;
}
.i_myProgress_precent{
    font-style:italic;
    font-size: 16px;
    display: inline-block;
}
.i_myProgress.finish0{
    background-position: 0 0;
}
.i_myProgress.finish1{
    background-position: 0 0;
}
#i_course_list .lesson_title.limit_length{
    width: 220px;
}
a.link_f,a.link_m,a.link_l{
    background: url(/images/bg_btnWhite.jpg) no-repeat;
    height: 24px;
    width: 66px;
    display: block;
    float: left;
    line-height: 23px;
    color: #494949;
    text-align: center;
}
a.link_m{
    background-position: -66px 0;
}
a.link_l{
    background-position: -144px 0;
}
.link_btns a:hover{
    text-decoration: none;
    color: #f60;
}
#canvas_plan{
    position: absolute;
    left: 12px;
    top: 22px;
}
#canvas_tips{
    position: absolute;
    top: -2px;
    left: 144px;
    z-index: 999;
}
#canvas_tips .canvas_tips_con{
    padding: 5px 15px;
    border: 1px solid #ECECEC;
    box-shadow: 1px 1px 6px rgba(190, 190, 190, 0.3);
    background: #FFF;
    width: 110px;
    border-radius: 5px;
    line-height: 26px;
    margin-left: 11px;
}
#canvas_tips span{
    display: inline-block;
    width: 10px;
    height: 10px;
}
#canvas_tips p{
    margin: 0;
    font-family: "Arial","microsoft yahei";
}
#canvas_tips .yellow{
    background: #FEE7B3;
    border-radius: 3px;
}
#canvas_tips .green{
    background: #6EC84D;
    border-radius: 3px;
}
#canvas_tips .icon_arrow{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 13px 11px 0 0;
    border-color: transparent #F1F1F1 transparent transparent;
    line-height: 0px;
    _border-color: #fff #E0E0E0 #fff #fff;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#fff');
    position: absolute;
    top: 50px;
    left: 0;
}
#canvas_tips .icon_inner_arrow{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 12px 11px 0 0;
    border-color: transparent #fff transparent transparent;
    line-height: 0px;
    _border-color: #fff #fff #fff #fff;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#fff');
    top: 50px;
    left: 2px;
    position: absolute;
}
#courseDetail_box{
    position: absolute;
    top: -6px;
    right: -319px;
    z-index:99;
}
#courseDetail_box .courseDetail_bg{
    background: url(/images/bg_white.png) repeat;
    padding: 5px;
    border-radius: 8px;
    margin-left: 7px;
}
#courseDetail_box .courseDetail_con{
    padding: 0px 15px;
    border: 1px solid #E2E2E2;
    background: #fff;
    width: 279px;
    border-radius: 5px;
    line-height: 26px;
    min-height:200px;
}

.unit_loadding {
    text-align:center;
    padding-top:80px;
}

#courseDetail_box p{
    margin: 0;
    font-family: "Arial","microsoft yahei";
}
#courseDetail_box .icon_arrow{
    background: url(/images/icon_arrow.png) no-repeat;
    position: absolute;
    top: 93px;
    left: 0;
    display: block;
    width: 14px;
    height: 21px;
}
.courseScore_tbl{
    border-top: 1px solid #F3F3F3;
}
.courseScore_tbl thead td{
    color: #ccc;
}

.courseScore_tbl tr.gray{
    color: #ccc;
}

.courseScore_tbl td.gray{
    color: #ccc;
}

.courseScore_tbl tbody td{
    border-bottom: 1px dashed #E7E7E7;
}
.courseScore_tbl .last td{
    border-bottom: 0;
}
.icon_star{
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(/images/icon_star.png?v=1) 1px 0 no-repeat;
}
#courseDetail_box .courseTitle{
    font-size: 18px;
    line-height: 23px;
    margin: 10px 0;
}
#courseDetail_box .courseTitle.big{
    font-size: 14px;
    line-height: 20px;
}
#courseDetail_box .courseScore{
    font-size: 28px;
    color: #70ae19;
}
.icon_star.on{
    background-position: -21px 0;
}
.icon_star.half{
    background-position: -42px 0;
}
.i_myProgress_msg{
    font-family: "microsoft yahei";
    color: #888;
}
#canvas_progress{
    background: url(/images/bg_canvas.png) 5px 5px no-repeat;
}

li.noRelease a {
    cursor:default;
}