@charset "UTF-8";
.tips-buy-course .mod-course-banner_row:before, .imgtext-course .tt-below-line:before, .tabs-tt-bar:before, .tips-buy-course .mod-course-banner_row:after, .imgtext-course .tt-below-line:after, .tabs-tt-bar:after {
    content: "";
    display: table
}
.tips-buy-course .mod-course-banner_row:after, .imgtext-course .tt-below-line:after, .tabs-tt-bar:after {
    clear: both
}
.task-task-list .task-task-item .task-tt-text, .course-class--three .class-tt-list .item-name, .mod-choose-time_v2 .mod-choose-time__time, .tips-buy-course .mod-course-banner__title, .teacher-list .teacher-item .text-tt, .course-class-task .drop-down--class .drop-down-tt, .aside-recommend h4, .section--course-package .course-package .package-list-item .course-info-title, .section--course-package .course-package .package-list-item .course-info-class, .package-dialog .package-list-item .course-info-title, .package-dialog .package-list-item .course-info-class, .section--relation .recommend-course-tit, .section--relation .recommend-benefit-des {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal
}
.teacher-list .teacher-item .text-intro, .agency-summary {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all
}
.comment-list .comment-item .comment-bd, .comment-reply .reply-item .reply-bd, .imgtext-course .page-tt, .tb-course td {
    word-wrap: break-word;
    white-space: pre-wrap
}
:root .imgtext-course .btn-expr, :root .imgtext-course .btn-expr-in {
    filter: progid: DXImageTransform.Microsoft.gradient(enabled='false')
}
.task-task-list .task-task-item .icon-playback:before {
    content: "";
    height: 0;
    width: 0;
    overflow: hidden
}
.flag-orange, .flag-white, .flag-gray {
    color: #e85308;
    border: 1px solid;
    padding: 1px;
    line-height: 1;
    font-size: 12px;
    border-radius: 2px;
    margin-left: 4px;
    display: inline-block;
    vertical-align: 0
}
.flag-white {
    color: #fff
}
.flag-gray {
    color: #999
}
.flag-orange-bg {
    background: #e85308;
    color: #fff;
    padding: 2px;
    vertical-align: 0;
    font-size: 12px;
    display: inline-block;
    border-radius: 2px;
    line-height: 1
}
.task-schedule {
    position: relative;
    padding: 32px 120px 33px
}
.task-schedule.task-schedule--over .progress-your-plan, .task-schedule.task-schedule--over .progress-course-plan, .task-schedule.task-schedule--over .schedule-progress-wrap .plan-point, .task-schedule.task-schedule--no-begin .progress-your-plan, .task-schedule.task-schedule--no-begin .progress-course-plan, .task-schedule.task-schedule--no-begin .schedule-progress-wrap .plan-point {
    display: none
}
.task-schedule.task-schedule--overdue .schedule-progress-wrap .percent {
    background: #a7a7a7
}
.task-schedule.task-schedule--overdue .schedule-progress-wrap .progress-your-plan {
    color: #666
}
.task-schedule .schedule-start, .task-schedule .schedule-end {
    position: absolute;
    top: 50%;
    margin-top: -12px
}
.task-schedule .schedule-start {
    left: 10px
}
.task-schedule .schedule-end {
    right: 10px
}
.task-schedule .schedule-progress-wrap {
    position: relative
}
.task-schedule .schedule-progress-wrap .schedule-progress {
    background: #ccc;
    height: 15px;
    border-radius: 8px;
    overflow: hidden;
    position: relative
}
.task-schedule .schedule-progress-wrap .percent {
    background: #039ae3;
    display: block;
    height: 100%;
    width: 0;
    overflow: hidden;
    border-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.task-schedule .schedule-progress-wrap .percent-inner {
    background: #039ae3;
    display: block;
    height: 100%;
    width: 0
}
.task-schedule .schedule-progress-wrap .undo-point {
    position: absolute;
    top: 0;
    left: 30px;
    height: 100%;
    background: #ccc;
    width: 10px
}
.task-schedule .schedule-progress-wrap .undo-point:hover .hover-tips {
    display: block
}
.task-schedule .schedule-progress-wrap .undo-point--half {
    width: 5px;
    left: 100px
}
.task-schedule .schedule-progress-wrap .undo-point-round-left {
    border-radius: 8px 0 0 8px
}
.task-schedule .schedule-progress-wrap .undo-point-round-right {
    border-radius: 0 8px 8px 0
}
.task-schedule .schedule-progress-wrap .plan-point {
    position: absolute;
    width: 4px;
    height: 100%;
    background: #5fb41b;
    left: 0;
    top: 0;
    margin-left: -2px
}
.task-schedule .plan-text {
    position: absolute;
    left: 11px;
    top: -1px;
    width: 190px
}
.task-schedule .plan-text.text--left {
    left: auto !important;
    right: 25px;
    text-align: right
}
.task-schedule .progress-your-plan {
    position: absolute;
    left: 0;
    top: -28px;
    color: #039ae3;
    vertical-align: top
}
.task-schedule .progress-your-plan .plan-text {
    display: none;
    width: 100px
}
.task-schedule .progress-course-plan {
    position: absolute;
    left: 60%;
    bottom: -26px
}
.task-schedule .progress-course-plan .plan-text {
    width: 120px;
    left: 18px
}
.task-schedule .progress-course-plan .plan-text.text--left {
    right: 30px
}
.task-schedule .progress-course-plan .plan-text.text--live {
    width: 180px
}
.line-right {
    position: absolute;
    top: 0;
    right: 10px;
    color: #666
}
.line-right .icon-remind {
    background: url(//cdn.ixunke.cn/edu/lego_modules/edu-ui/0.0.1/img/bg/c-sprite.b78c7faa.png#unsprite) no-repeat -374px -26px;
    width: 23px;
    height: 22px;
    display: inline-block;
    vertical-align: -5px;
    margin-right: 5px
}
.line-right .time--overdue {
    color: #e85308
}
.line-right .time--expired {
    color: #999
}
.task-chapter {
    margin-top: 10px;
    margin-bottom: -10px;
}
.task-chapter .chapter-tt {
    line-height: 60px;
    border-top: 1px solid #e5e5e5;
    font-size: 18px;
    font-weight: 700;
}
.task-chapter + .task-chapter .chapter-tt {
    border-top: 1px solid #e5e5e5
}
.task-chapter .task-task-list {
    margin-left: 20px;
    margin-right: 20px
}
.task-part-list {
    padding: 15px 0 1px 10px;
}
.task-part-item {
    margin-bottom: 10px
}
.task-part-item .task-part-hd {
    height: 40px;
    line-height: 40px;
    height: 40px;
    background: #f3f3f3;
    position: relative;
}
.task-part-item .part-tt {
    font-size: 16px
}
.task-part-item .tt-prefix {
    background: #999;
    color: #fff;
    width: 72px;
    text-align: center;
    font-size: 17px;
    float: left;
    margin-right: 8px
}
.task-part-item .flag-orange-bg {
    margin-left: 5px
}
.task-task-list .task-task-item {
    position: relative;
    line-height: 40px;
    padding-left: 53px;
    display: block;
    width: 100%;
    color: #333;
    box-sizing: border-box
}
.task-task-list .task-task-item .task-tt-expr {
    color: #188eee
}
.task-task-list .task-task-item .item-icon {
    position: absolute;
    left: 0;
    top: 50%;
    width: 53px;
    text-align: center;
    font-size: 24px;
    color: #a3d2f8;
    margin-top: -12px
}
.task-task-list .task-task-item .task-tt-text {
    display: inline-block;
    vertical-align: middle
}
.task-task-list .task-task-item .tt-suffix {
    color: #999;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle
}
.task-task-list .task-task-item .icon-playback {
    position: relative;
    color: #999;
    border: 1px solid;
    border-radius: 2px;
    margin-left: 10px;
    height: 14px;
    width: 16px;
    display: inline-block;
    vertical-align: middle
}
.task-task-list .task-task-item .icon-playback:before {
    position: absolute;
    left: 6px;
    top: 2px;
    border-left: 5px solid #999;
    border-top: 5px dashed transparent;
    border-bottom: 5px dashed transparent
}
.task-task-list .task-task-item .btn-s {
    right: 10px;
    margin-top: -15px
}
.task-task-list .task-task-item .item-progress {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    width: 50px;
    background: #ccc;
    height: 4px
}
.task-task-list .task-task-item .item-progress .percent {
    display: block;
    height: 4px;
    background: #5fb41b
}
.task-task-list .task-task-item .hover-guide {
    display: none;
    color: #039ae3
}
.task-task-list .task-task-item .hover-guide .i-v-right {
    font-size: 22px;
    vertical-align: -1px
}
.task-task-list .task-task-item .i-right {
    font-size: 24px;
    color: #5fb41b;
    vertical-align: -3px;
    margin-left: 10px
}
.task-task-list .task-task-item.task-task-item--done .item-icon {
    color: #999
}
.task-task-list .task-task-item.task-task-item--disabled .item-icon, .task-task-list .task-task-item.task-task-item--disabled .task-tt {
    color: #999
}
.task-task-list a.task-task-item:hover {
    background-color: #daedfd
}
.task-task-list a.task-task-item:hover .item-icon {
    color: #039ae3
}
.task-task-list a.task-task-item:hover .hover-guide {
    display: inline-block
}
.task-task-list a.task-task-item:hover .hover-guide ~ .item-num-percent, .task-task-list a.task-task-item:hover .hover-guide ~ .item-progress, .task-task-list a.task-task-item:hover .hover-guide ~ .i-right, .task-task-list a.task-task-item:hover .hover-guide ~ .item-score {
    display: none
}
.task-task-list a.task-item-nojump {
    cursor: default
}
.tips--pointer {
    left: 50%;
    margin-left: -50px;
    width: 100px;
    line-height: 24px;
    padding: 0 5px
}
.icon-class-over, .icon-class-full, .icon-class-past, .icon-class-applyed {
    background: url(//cdn.ixunke.cn/edu/lego_modules/edu-ui/0.0.1/img/bg/c-sprite.b78c7faa.png#unsprite) no-repeat;
    width: 93px;
    height: 65px;
    position: absolute;
    bottom: 0;
    right: 0
}
.icon-class-over {
    background-position: 0 -50px
}
.icon-class-past {
    background-position: -100px -50px
}
.icon-class-full {
    background-position: -200px -50px
}
.icon-class-applyed {
    background-position: -300px -50px
}
.class-tt-list-wrap {
    position: relative;
    overflow: hidden
}
.class-tt-list-wrap .class-more {
    position: absolute;
    right: 0;
    line-height: 35px;
    top: 0;
    background: #fff;
    padding-left: 10px;
    display: none;
    cursor: pointer;
    color: #039ae3
}
.class-tt-list-wrap .class-more .i-v-left {
    display: none
}
.class-tt-list-wrap .class-more.class-more--left .i-v-left {
    display: inline-block
}
.class-tt-list-wrap .class-more.class-more--left .i-v-right {
    display: none
}
.course-class--more .class-tt-list {
    width: 1400px
}
.course-class--more .class-tt-list-wrap {
    padding-right: 100px
}
.course-class--more .class-more {
    display: block
}
.course-class.course-class--one .class-tt-list {
    display: none
}
.course-class.course-class--one .class-content {
    border-top: 1px solid #e5e5e5
}
.course-class.course-class--one .class-content .hidden-clip {
    clip: inherit;
    top: -20px;
    font-size: 16px;
    background: #fff;
    line-height: 35px;
    padding: 0 5px
}
.course-class .class-tt-list {
    height: 35px;
    border-bottom: 1px solid #e5e5e5
}
.course-class .class-tt-list .flag-orange {
    padding: 1px;
    vertical-align: 2px;
    margin-left: 5px;
    width: 28px;
    box-sizing: border-box
}
.course-class .class-tt-list li {
    float: left;
    padding: 0 14px;
    line-height: 35px;
    font-size: 16px;
    background: #fff;
    cursor: pointer;
    color: #666;
    box-sizing: border-box;
    position: relative
}
.course-class .class-tt-list li.active, .course-class .class-tt-list li:hover {
    color: #039ae3
}
.course-class .class-tt-list li.active {
    border: 1px solid #e5e5e5;
    border-bottom: 0
}
.course-class .class-tt-list li.tt-instalment:after {
    content: "分期";
    font-size: 12px;
    color: #e85308;
    line-height: 1;
    border: 1px solid #e85308;
    border-radius: 4px;
    margin-left: 4px;
    padding: 0 2px
}
.course-class .class-content {
    display: none;
    border: 1px solid #e5e5e5;
    border-top: 0;
    padding: 5px 15px 6px;
    position: relative
}
.course-class .class-content.active {
    display: block
}
.course-class .class-content .price {
    position: absolute;
    left: 10px;
    font-size: 22px;
    bottom: -16px;
    background: #fff;
    padding: 0 5px
}
.course-class .class-content .class-date {
    line-height: 2.5
}
.course-class--three .class-tt-list .flag-orange {
    position: absolute;
    top: 10px;
    right: 12px
}
.course-class--three .class-tt-list li.item--xiaoban {
    padding-right: 45px
}
.course-class--three .class-tt-list li.item--xiaoban .item-name {
    max-width: 117px
}
.course-class--three .class-tt-list .item-name {
    float: left;
    max-width: 148px
}
@media only screen and (max-width: 1199px) {
    .course-class--three .class-tt-list .flag-orange {
        right: 6px
    }
    .course-class--three .class-tt-list li {
        padding: 0 9px
    }
    .course-class--three .class-tt-list li .item-name {
        max-width: 133px
    }
    .course-class--three .class-tt-list li.item--xiaoban {
        padding-right: 38px
    }
    .course-class--three .class-tt-list li.item--xiaoban .item-name {
        max-width: 103px
    }
}
.course-price {
    background-color: #f3f3f3;
    margin-top: 15px;
    display: none;
    color: #666
}
.course-price--free {
    background: 0 0
}
.course-price.active {
    display: block
}
.course-price--over.active {
    display: none
}
.course-price-info {
    height: 40px;
    font-size: 22px;
    margin-left: 15px
}
.course-price-info .price {
    vertical-align: middle
}
.course-price .discount-remain {
    color: #666;
    font-size: 14px
}
.course-price .discount-timer {
    padding-left: 1em;
    color: #666;
    font-size: 14px
}
.course-price .discount-timer i.icon-font {
    position: relative;
    top: -2px;
    font-size: 16px;
    margin-right: 5px;
    vertical-align: middle
}
.course-price .discount-timer .distinct-time {
    font-weight: 700
}
.course-price-discount {
    border-top: 1px solid #dfdfdf;
    padding: 3px 0;
    display: none
}
.course-price-discount.show {
    display: block
}
.course-price .vip-link {
    font-size: 14px;
    margin: 0 10px 0 15px;
    line-height: 33px;
    display: inline-block;
    vertical-align: middle
}
.course-price .vip-link .i-vip-v {
    margin-right: 5px;
    color: #039ae3
}
.course-price .instalment-price {
    font-size: 13px;
    position: relative;
    top: -4px
}
.mod-choose-time {
    z-index: 999999;
    position: absolute;
    width: 425px
}
.mod-choose-time .icon-triangle {
    position: absolute;
    top: -10px;
    right: 105px
}
.mod-choose-time ul {
    max-height: 123px;
    height: auto !important;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}
.mod-choose-time .mod-choose-time__li {
    cursor: pointer;
    padding-left: 20px;
    position: relative;
    height: 40px;
    line-height: 40px;
    color: #333;
    border: 1px solid #e5e5e5;
    margin-bottom: -1px
}
.mod-choose-time .mod-choose-time__li:hover {
    background: #EFF1F3
}
.mod-choose-time .mod-choose-time__li .icon-corner-selected {
    display: none;
    position: absolute;
    top: 0;
    left: 0
}
.mod-choose-time .mod-choose-time__li.mod-choose-time__li_current {
    z-index: 2;
    border-color: #5fb41b
}
.mod-choose-time .mod-choose-time__li.mod-choose-time__li_current .icon-corner-selected {
    display: block
}
.mod-choose-time .mod-choose-time__time {
    position: absolute;
    right: 10px;
    top: 0;
    color: #999
}
.mod-choose-time .mod-choose-time_pop {
    max-width: 440px;
    width: auto !important;
    display: none
}
.mod-choose-time .mod-choose-time_pop ul {
    _position: relative;
    max-height: 410px;
    height: auto !important;
    overflow-y: auto
}
.mod-choose-time_v2 {
    width: 480px
}
.mod-choose-time_v2 .mod-choose-time__tab {
    font-size: 0;
    z-index: 2
}
.mod-choose-time_v2 .mod-choose-time__tab-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    background-color: #F9F9F9;
    border: 1px solid #DDD;
    border-bottom: 0;
    margin-left: -1px;
    z-index: 1
}
.mod-choose-time_v2 .mod-choose-time__tab-item.mod-choose-time__tab-item_first {
    margin-left: 0
}
.mod-choose-time_v2 .mod-choose-time__tab-item i {
    display: none
}
.mod-choose-time_v2 .mod-choose-time__tab-item:hover {
    background: #fff
}
.mod-choose-time_v2 .mod-choose-time__tab-item_current {
    overflow: hidden;
    z-index: 2;
    border: 1px solid #68B30F;
    background: #fff;
    margin-bottom: -1px;
    padding-bottom: 1px;
    border-bottom: 0
}
.mod-choose-time_v2 .mod-choose-time__tab-item_current i {
    display: block;
    _display: none;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: -26px;
    overflow: hidden;
    border: 16px solid transparent;
    border-top-color: #68b30f
}
.mod-choose-time_v2 .mod-choose-time__tab-item_current:hover {
    border-bottom-color: #fff
}
.mod-choose-time_v2 .mod-choose-time__tab-item_default {
    overflow: hidden;
    z-index: 2;
    border: 1px solid #ddd;
    background: #fff;
    margin-bottom: -1px;
    padding-bottom: 1px;
    border-bottom: 0
}
.mod-choose-time_v2 .mod-choose-time__tab-item_default i {
    display: none
}
.mod-choose-time_v2 .mod-choose-time__tab-link {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333
}
.mod-choose-time_v2 .mod-choose-time__content {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ddd;
    z-index: 1;
    background: #fff;
    color: #333;
    cursor: pointer;
    box-sizing: border-box
}
.mod-choose-time_v2 .mod-choose-time__content_selected {
    border-color: #68B30F;
    overflow: hidden
}
.mod-choose-time_v2 .mod-choose-time__content_selected i {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: -26px;
    overflow: hidden;
    border: 16px solid transparent;
    border-top-color: #68b30f
}
.mod-choose-time_v2 .mod-choose-time__time {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px 0 18px;
    max-width: 445px;
    _width: 445px;
    height: 30px;
    line-height: 30px
}
.mod-choose-time_v2.mod-choose-time_simple .mod-choose-time__tab-item {
    border: 1px solid #DDD
}
.mod-choose-time_v2.mod-choose-time_simple .mod-choose-time__tab-item:hover {
    border: 1px solid #68B30F
}
.mod-choose-time_v2.mod-choose-time_simple .mod-choose-time__tab-item_current {
    border: 1px solid #68B30F;
    margin-bottom: 0
}
.mod-choose-time_v2.mod-choose-time_pop {
    width: 393px
}
.mod-choose-time_v2.mod-choose-time_pop .mod-choose-time__content {
    width: 393px
}
.mod-choose-time_v2.mod-choose-time_pop .mod-choose-time__time {
    width: 358px
}
.mod-choose-time_v2 .hide {
    display: none
}
.remindt {
    width: 500px;
    margin-left: -250px
}
.alert-tips .part-left {
    margin-right: 120px;
    min-height: 230px
}
.alert-tips .part-right {
    width: 128px;
    height: 162px;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 0;
    padding-bottom: 3px
}
.alert-tips .part-right .qrcode-bg {
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    background: url(//cdn.ixunke.cn/edu/lego_modules/edu-ui/0.0.1/img/bg/apply-succ-app.e1d1bfa8.png) no-repeat
}
.alert-tips .part-right .qrcode-title {
    font-size: 12px;
    text-align: center;
    color: #000;
    line-height: 18px
}
.alert-tips .remindt-header {
    margin: 0 0 20px 56px
}
.alert-tips .ipt {
    margin-left: 10px;
    padding-left: 4px;
    width: 174px;
    font-size: 14px;
    color: #666;
    border: 1px solid #dedede
}
.alert-tips .ipt:-ms-input-placeholder {
    color: #a6a6a6
}
.alert-tips .note-msg {
    margin-bottom: 20px
}
.alert-tips .form-item-input-error {
    border: 1px solid #e16333
}
.alert-tips .part-content {
    margin-bottom: 10px;
    white-space: normal;
    word-break: break-all;
    line-height: 20px;
    color: #666;
    width: 280px
}
.alert-tips .part-row {
    margin-bottom: 15px
}
.alert-tips .part-row label {
    width: 32px;
    float: left;
    display: block
}
.alert-tips .part-row-desc {
    font-size: 12px;
    line-height: 20px
}
.alert-tips .part-row-cont {
    margin-left: 18px;
    min-width: 160px;
    display: inline-block
}
.alert-tips .part-list {
    color: #666
}
.alert-tips .part-action {
    margin-left: 5px;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.alert-tips .i-group {
    color: #666;
    font-size: 18px
}
.alert-tips .part-title {
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 30px;
    color: #202020;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    word-break: break-all
}
.alert-tips .part-link {
    position: absolute;
    bottom: -48px;
    right: 124px;
    font-size: 12px
}
.alert-tips .part-form {
    height: 0;
    overflow: hidden;
    transition: height .2s;
    color: #666
}
.alert-tips .part-form-expand {
    height: 255px
}
.alert-tips .part-tips {
    height: 30px;
    line-height: 30px
}
.alert-tips .part-action-clear {
    margin-left: 10px;
    font-size: 12px;
    cursor: pointer
}
.alert-tips .icon-msg-large {
    position: absolute;
    top: 43px;
    left: 40px;
    width: 36px;
    height: 36px
}
.alert-tips .mrl22 {
    margin-left: 66px;
    margin-right: 0;
    position: relative
}
.alert-tips .error-tip-hidden {
    display: none
}
.alert-tips .error-tip span {
    padding-left: 25px
}
.alert-tips .error-tip span i {
    left: 5px
}
.alert-tips .er-code-for-public-account-on-mobile {
    width: 114px;
    height: 114px;
    display: block;
    margin-bottom: 11px
}
.alert-tips .btn-weak {
    color: #666
}
.alert-tips .part-info-submit {
    margin-left: 42px;
    width: auto;
    height: 36px;
    line-height: 36px;
    padding: 0 26px;
    font-size: 14px;
    border: 1px solid #e5e5e5
}
.alert-tips .part-content-desc {
    display: inline-block;
    margin-right: 10px
}
.alert-tips .part-content-desc .i-group {
    color: #999
}
.alert-tips .modal-ft {
    padding: 20px;
    text-align: right
}
.alert-tips .modal-ft .btn-default {
    line-height: 36px;
    width: 100px
}
.alert-tips .modal-ft .modal-ft-btn--link {
    padding-right: 20px
}
.ptab-title {
    font-size: 12px;
    margin-bottom: 10px
}
.ptab-title a {
    display: inline-block;
    width: 50%;
    text-align: center;
    border-bottom: 2px solid transparent;
    color: #333
}
.ptab-title a.active {
    border-bottom-color: #018bf1
}
.ptab-panel {
    height: 100px;
    margin-bottom: 5px;
    text-align: center
}
.pay-succ {
    width: 580px
}
.pay-succ .icon {
    top: 30px
}
.pay-succ .icon-msg-large {
    margin-top: 0
}
.pay-succ .mrl22 {
    margin: 0 20px 15px 90px
}
.pay-succ .tips-bd {
    padding: 40px 0 0;
    min-height: 160px;
    max-height: none;
    overflow: visible;
    *zoom: 1
}
.pay-succ .tips-bd .part {
    text-indent: 0
}
.pay-succ .modal-cancel {
    display: none
}
.pay-succ .app-ad {
    border-top: 1px solid #dbdbdb;
    padding: 22px 0 40px
}
.pay-succ .app-ad .icon-app {
    background: url(//cdn.ixunke.cn/edu/lego_modules/edu-ui/0.0.1/img/bg/icon-app.158acaf8.png) no-repeat;
    float: left;
    width: 80px;
    height: 80px;
    margin-left: 96px;
    margin-right: 30px;
    position: relative
}
.pay-succ .app-ad .icon-app:after {
    content: "扫码下载";
    width: 100%;
    position: absolute;
    top: 80px;
    color: #666;
    text-align: center
}
.pay-succ .app-ad .ad-tt {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 8px
}
.pay-succ .app-ad .app-link {
    display: inline-block;
    vertical-align: middle;
    line-height: 36px;
    background: #fff;
    color: #039ae3;
    border: 1px solid #039ae3;
    width: 100px;
    text-align: center;
    border-radius: 2px
}
.pay-succ .app-ad .app-link:hover {
    background: #04bbf7;
    color: #fff
}
.pay-succ .tips-tool {
    display: none
}
.part-id-code .ipt {
    width: 74px;
    margin-left: 41px;
    float: left
}
.part-id-code .btn {
    width: 90px;
    height: 38px;
    line-height: 38px;
    margin-left: 10px
}
.mod-course-banner__price {
    color: #E85308;
    vertical-align: baseline
}
.mod-course-banner__price.mod-course-banner__price_free {
    color: #5FB41B
}
.tips-buy-course {
    width: 650px;
    margin-left: -325px
}
.tips-buy-course .tips-des {
    margin: 20px 0 15px
}
.tips-buy-course .tips-bd {
    max-height: 600px;
    height: auto !important;
    padding: 40px 40px 10px;
    overflow: visible
}
.tips-buy-course .mod-course-banner {
    width: 490px;
    height: 90px
}
.tips-buy-course .mod-course-banner__img {
    width: 90px;
    height: 50px;
    float: left
}
.tips-buy-course .mod-course-banner__content {
    position: relative;
    float: left;
    margin-left: 16px;
    width: 380px;
    min-height: 50px
}
.tips-buy-course .mod-course-banner__title {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 0;
    height: auto;
    line-height: 1.5
}
.tips-buy-course .mod-course-banner__sep {
    margin: 0 10px;
    color: #C6C7C8;
    font-size: 12px
}
.tips-buy-course .pay-support {
    position: absolute;
    bottom: -50px;
    color: #999
}
.tips-buy-course .mod-course-banner__c-light {
    display: inline-block;
    vertical-align: middle;
    color: #999
}
.tips-buy-course .mod-choose-time {
    position: relative;
    width: 490px
}
.tips-buy-course .mod-choose-time_v2 {
    width: auto
}
.tips-buy-course .mod-choose-time__li {
    background: #FFF
}
.tips-buy-course .mod-choose-time__li:hover {
    background: #EFF1F3
}
.tips-buy-course .mod-choose-time__time {
    max-width: 434px;
    _width: 434px
}
.tips-buy-course .mod-course-banner__price {
    margin-right: 6px
}
.tips-buy-course .btn-default {
    width: 100px;
    height: 37px;
    line-height: 37px;
    font-size: 16px
}
.tips-buy-course .btn-weak {
    width: 100px;
    height: 37px;
    line-height: 37px;
    font-size: 16px;
    border: 1px solid #D9D9D9;
    background: #F3F3F3
}
.tips-buy-course .btn-weak:hover {
    background: #FDFDFD
}
.tips-buy-course .btn-weak:active {
    background: #EBEBEB
}
.tips-buy-course .course-class {
    margin-bottom: 18px
}
.tips-buy-course .mod-course-banner_row {
    width: 500px;
    margin-bottom: 18px
}
.tips-buy-course .mod-course-banner_tips {
    margin-top: -10px;
    color: #e85308
}
.tips-buy-course .privilege-checkbox {
    height: auto;
    line-height: 25px
}
.tips-buy-course .privilege-checkbox i {
    top: 3px
}
.tips-buy-course .mod-course-banner_col2 .i-alert {
    margin-right: 6px
}
.tips-buy-course .mod-course-banner_col1 {
    float: left;
    width: 40px;
    padding-top: 3px
}
.tips-buy-course .mod-course-banner_col2 {
    float: right;
    width: 442px
}
.tips-buy-course .raw-price {
    text-decoration: line-through
}
.tips-buy-course .raw-price-range {
    color: #999;
    padding-left: 10px
}
.tips-buy-course .mod-course-banner__price span {
    font-size: 14px
}
.tips-buy-course .mod-course-banner__price .fontsize-22 {
    font-size: 22px
}
.pay-succ .mrl22-ex {
    text-align: center;
    margin: 0 0 15px
}
.pay-succ .part-right-ex {
    position: relative;
    display: inline-block
}
.pay-succ .part-left-ex {
    margin-right: 0;
    min-height: 0
}
.pay-succ .icon-msg-large-ex {
    left: 200px
}
.cdkey-panel .form .f-item {
    margin-bottom: 10px
}
.cdkey-panel .form--h .f-field {
    margin-left: 0;
    overflow: hidden
}
.cdkey-panel .f-text {
    width: 300px
}
.cdkey-panel .cdkey-err-msg {
    display: inline-block;
    float: left;
    color: #e80808;
    line-height: 36px
}
.f-msg-panel .f-msg {
    margin-left: 0
}
.instalment-pay-dialog {
    width: 782px;
    margin-left: -426px;
    margin-top: -334px !important
}
.instalment-pay-dialog .tips-tool {
    display: none
}
.instalment-pay-dialog .tips-hd {
    height: 4px
}
.instalment-pay-dialog .tips-bd {
    padding: 0;
    max-height: none;
    height: 590px;
    overflow: hidden
}
.instalment-dialog {
    padding: 0 60px 40px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 560px;
    max-height: none
}
.instalment-title {
    position: relative;
    left: 15px;
    font-size: 16px;
    line-height: 30px;
    color: #999
}
.instalment-rules-tips {
    position: relative;
    left: 525px;
    color: #437eba;
    cursor: pointer
}
.instalment-rules {
    background-color: #f2f4f5;
    color: #666;
    padding: 20px 0 20px 20px;
    margin-top: 10px;
    position: relative
}
.arrow {
    position: absolute;
    top: -16px;
    right: 50px;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #f2f4f5;
    border-left: 16px solid transparent;
    width: 0;
    height: 0
}
.rules-container {
    position: relative
}
.rules-container .instalment-rules {
    position: absolute;
    width: 100%;
    top: 100%;
    z-index: 1000
}
.instalment-pay-dialog .btn-primary:hover {
    background-color: #fe9455
}
li.instalment-item {
    height: 102px;
    margin-bottom: 20px
}
.installments-first-tip {
    color: #ea6533;
    font-size: 14px;
    line-height: 14px;
    padding-top: 5px
}
.col-right {
    margin-left: 128px;
    border-bottom: 1px #f0f0f0 solid;
    padding-bottom: 10px
}
.col-1 {
    float: left;
    width: 108px;
    line-height: 102px;
    text-align: left;
    padding-left: 20px;
    font-size: 16px
}
.col-2 {
    float: left;
    position: relative;
    top: 25px
}
.col-3 {
    float: right;
    text-align: right;
    position: relative;
    padding-right: 15px;
    top: 25px
}
.col-3 p {
    color: #999
}
.btn-paid {
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #999;
    display: inline-block;
    text-align: center
}
.btn-button {
    width: 100px;
    height: 30px;
    line-height: 30px
}
.instalment-price {
    color: #e85308
}
.instalment-pay-dialog .btn-close {
    font-size: 30px;
    color: #b9b9b9;
    top: -6px
}
.instalment-pay-dialog .btn-close:hover {
    color: #666
}
.sort-page .page-box {
    margin-bottom: 0
}
.comment-filter {
    background: #f3f3f3;
    border: 1px solid #e5e5e5;
    padding: 10px 0;
    position: relative
}
.comment-filter .comment-statistics {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 125px;
    border-right: 1px solid #e5e5e5;
    margin: -5px 0
}
.comment-filter .comment-statistics .statistics-num {
    color: #e85308;
    font-size: 28px;
    line-height: 1;
    display: block
}
.comment-filter .f-rc-list {
    display: inline-block
}
.comment-filter .f-rc-list .f-radio {
    margin-left: 30px;
    margin-right: 0
}
.comment-list .comment-item {
    position: relative;
    padding: 20px 20px 20px 80px;
    border-top: 1px solid #e5e5e5
}
.comment-list .comment-item:first-child {
    border-top: 0
}
.comment-list .comment-item .item-left {
    position: absolute;
    width: 80px;
    text-align: center;
    top: 20px;
    left: 0
}
.comment-list .comment-item .user-avatar {
    border-radius: 50%
}
.comment-list .comment-item .item-right {
    position: relative
}
.comment-list .comment-item .star-list {
    margin-top: -4px
}
.comment-list .comment-item .comment-bd {
    margin-bottom: 10px
}
.comment-list .comment-ft + .comment-reply {
    margin-top: 20px;
    margin-bottom: -20px
}
.comment-ft {
    color: #999
}
.comment-ft .comment-where {
    margin-right: 10px
}
.comment-ft.comment-ft--first {
    margin-bottom: 20px
}
.comment-reply .reply-item {
    padding: 20px 0;
    position: relative;
    border-top: 1px dashed #e5e5e5
}
.comment-reply .reply-item .reply-tt {
    font-weight: 400
}
.comment-reply .reply-item .reply-bd {
    margin-bottom: 10px
}
.comment-reply .reply-item.item--agency .reply-bd, .comment-reply .reply-item.item--agency .reply-tt {
    color: #ae8651
}
.comment-reply.reply--write {
    border: 1px solid #e5e5e5;
    padding: 0 15px
}
.comment-reply.reply--write .reply-item:first-child {
    border-top: 0
}
.star-list {
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}
.star-list .i-star {
    margin-right: 5px;
    font-size: 18px
}
.star-list .i-star.active ~ .i-star {
    color: #ccc
}
.star-list.star-list--comment .i-star {
    cursor: pointer;
    padding-right: 5px;
    margin-right: 0
}
.star-list-intro {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}
.star-list-intro .star-num {
    color: #ffb200;
    margin-right: 5px
}
.qrcode-container {
    background: #f3f6f9;
    width: 300px;
    height: 600px;
    border-color: #cecece;
    border-style: solid;
    border-width: 2px;
    border-style: none \0;
    border-radius: 50px;
    padding: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -177px;
    margin-top: -335px;
    z-index: 999
}
.qrcode-container .qrcode-top {
    margin-top: 43px;
    width: 60px;
    height: 10px;
    margin-left: 120px;
    background: #cecece;
    border-radius: 4px;
    margin-bottom: 25px;
    background: url(//cdn.ixunke.cn/edu/lego_modules/edu-ui/0.0.1/img/bg/c-sprite.b78c7faa.png#unsprite) no-repeat -340px -142px
}
.qrcode-container .qrcode-center {
    border: 1px solid #cecece;
    width: 282px;
    height: 420px;
    text-align: center;
    background: #fff;
    margin-left: 8px
}
.qrcode-container .qrcode-bottom {
    margin-left: 116px;
    margin-top: 16px;
    width: 64px;
    height: 64px;
    border: 0;
    background: url(//cdn.ixunke.cn/edu/lego_modules/edu-ui/0.0.1/img/bg/c-sprite.b78c7faa.png#unsprite) no-repeat -336px -158px
}
.qrcode-center .qc-top {
    height: 53px;
    line-height: 53px;
    vertical-align: middle;
    margin: 42px 50px 24px
}
.qrcode-center .qc-top div {
    display: inline-block;
    vertical-align: middle;
    zoom: 1
}
.qrcode-center .qc-top .qct-title {
    font-size: 28px;
    margin-left: 20px
}
.qrcode-center .qc-center {
    width: 190px;
    height: 190px;
    margin-left: 45px;
    overflow: hidden;
    position: relative;
    margin-top: 60px;
    z-index: 10
}
.qrcode-center .qc-center .i-logo {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 75px;
    left: 75px;
    z-index: 30;
    background: #fff;
    font-size: 40px;
    color: #167ed9
}
.qrcode-center .qc-bottom {
    margin-top: 35px;
    height: 50px;
    line-height: 25px;
    padding: 0 24px;
    font-size: 14px;
    text-align: left
}
.all-terms-list {
    display: none;
    opacity: 0;
    visibility: hidden
}
.vc-line .input-text_short {
    width: 100px
}
.page-course .task-part-item {
    margin-bottom: 10px
}
body {
    background: #f3f3f3;
    /*padding-bottom: 180px!important*/
}
.mod-header__wrap {
    margin-bottom: 0
}
.btn-join {
    width: 330px;
    line-height: 66px;
    border-radius: 0;
    font-size: 20px
}
.sticky-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 1000;
    border-bottom: 1px solid #e5e5e5
}
.sticky-nav .tabs-tt-bar {
    margin-bottom: 0;
    margin-left: 0
}
.sticky-nav .tabs-tt-bar .tabs-tt {
    padding-bottom: 11px
}
.sticky-nav .inner-center {
    position: relative;
    height: 66px
}
.sticky-nav .drop-down--class {
    font-size: 16px;
    right: 340px
}
.sticky-nav .drop-down--class .drop-down-tt {
    color: #039ae3;
    line-height: 50px;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 11px
}
.sticky-nav .drop-down--class .drop-down-list {
    right: -10px
}
.sticky-nav .drop-down--class .i-v-bottom {
    right: 0;
    margin-top: -11px
}
.sticky-nav .btn-join {
    position: absolute;
    bottom: 0;
    right: 0
}
.drop-down--class {
    position: absolute;
    top: 0;
    width: 168px;
    text-align: center;
    box-sizing: border-box
}
.drop-down--class .drop-down-list {
    width: 100%;
    box-sizing: border-box;
    text-align: center
}
.drop-down--class .drop-down-list li {
    line-height: 40px;
    padding: 0 10px
}
.drop-down--class .drop-down-tt:after {
    display: none
}
.drop-down--class .i-v-bottom {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -9px;
    transition: transform .2s
}
.drop-down--class:hover .i-v-bottom {
    transform: rotate(180deg)
}
.drop-down--class.drop-down--class-one .drop-down-list, .drop-down--class.drop-down--class-one .i-v-bottom {
    display: none
}
.section--course-banner {
    padding: 0 0 30px;
    margin-bottom: 20px;
    background: #fff;
    min-height: 400px
}
.section--course-banner .inner-center,.section-main .inner-center,.section--recommend .inner-center{
    max-width: 1200px;
    margin: 0 auto;
}
.btn-favorite {
    color: #999;
    line-height: 50px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}
.btn-favorite .i-heart {
    color: #ccc;
    margin-right: 5px;
    font-size: 16px;
    vertical-align: -1px
}
.btn-favorite.favorited .i-heart {
    color: #e80808
}
.imgtext-course {
    padding-left: 630px;
    min-height: 360px;
    position: relative
}
.imgtext-course .title-main {
    vertical-align: middle
}
.imgtext-course .title-label {
    vertical-align: middle;
    display: inline-block;
    margin-left: 6px;
    width: 60px;
    height: 19px;
    background-image: url(//cdn.ixunke.cn/edu/modules/courseDetail/css/free.483e0473.png)
}
.imgtext-course .activity-label-img {
    position: absolute;
    top: 0;
    left: 470px;
    z-index: 100;
    width: 120px;
    height: 60px
}
.imgtext-course .origin-price {
    position: relative;
    top: -1px;
    color: #666;
    font-size: 15px
}
.imgtext-course .origin-price span {
    text-decoration: line-through
}
.imgtext-course--free {
    min-height: 338px
}
.imgtext-course .img-left--wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0px;
    width: 600px;
    height: 338px;
    overflow: hidden;
}
.imgtext-course .page-tt {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 10px
}
.imgtext-course .tt-below-line {
    color: #999;
    margin-bottom: 15px
}
.imgtext-course .tt-below-line .line-item, .imgtext-course .tt-below-line .icon-sep {
    float: left
}
.imgtext-course .tt-below-line .icon-sep {
    margin: 3px 20px
}
.imgtext-course .tt-below-line .i-user-border, .imgtext-course .tt-below-line .i-star-border, .imgtext-course .tt-below-line .i-share {
    margin-right: 3px
}
.imgtext-course .course-class.course-class--one {
    margin-top: 20px
}
.imgtext-course .btn-join, .imgtext-course .btn-expr {
    font-size: 18px;
    border-radius: 2px
}
.imgtext-course .btn-join {
    width: 150px;
    line-height: 50px
}
.imgtext-course .btn-zixun {
    width: 147px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
}
.imgtext-course .btn-pay {
    width: 148px;
    line-height: 48px;
    margin-left: 10px;
    background-color: #fff;
    font-size: 18px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    vertical-align: middle
}
.imgtext-course .btn-pay:hover {
    opacity: .8
}
.imgtext-course .btn-pay.disabled {
    opacity: .8;
    color: #999;
    cursor: default
}
.imgtext-course .btn-pay.hide {
    display: none
}
.imgtext-course .btn-expr, .imgtext-course .btn-expr-in {
    position: absolute;
    width: 155px;
    cursor: pointer;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99000000', endColorstr='#99000000');
    background-color: rgba(0, 0, 0, .3)
}
.imgtext-course .btn-expr {
    top: 50%;
    left: 50%;
    margin-left: -78px;
    margin-top: -25px
}
.imgtext-course .btn-expr .i-btn-expr {
    margin-right: 10px;
    position: relative;
    top: -2px
}
.imgtext-course .btn-expr-in {
    top: -1px;
    left: -1px;
    width: 155px;
    height: 50px
}
.imgtext-course .btn-expr--free {
    width: 60px;
    height: 60px;
    margin-left: -31px;
    margin-top: -31px
}
.imgtext-course .btn-expr--free .btn-expr-in {
    width: 60px;
    height: 60px
}
.imgtext-course .btn-expr--free .i-btn-expr {
    font-size: 20px;
    margin-right: 0;
    left: 2px;
    top: 4px
}
.imgtext-course .btn-advice-wrap {
    margin-left: 8px
}
.imgtext-course .btn-advice-wrap .btn-advice-wording {
    width: 147px;
    height: 48px;
    line-height: 48px;
    font-size: 18px
}
.imgtext-course .btn-advice-wrap:hover .btn-advice-wording {
    display: none
}
.imgtext-course .btn-advice-wrap:hover .btn-advice {
    display: inline-block
}
.imgtext-course .btn-advice-wrap .btn-advice-qq, .imgtext-course .btn-advice-wrap .btn-advice-tel {
    width: 73px;
    height: 48px
}
.imgtext-course .btn-advice-wrap .btn-advice-qq {
    border-right: 1px solid #188eee
}
.imgtext-course .btn-advice {
    width: 73px;
    line-height: 48px;
    margin-left: 0;
    font-size: 18px;
    text-align: center
}
.imgtext-course .btn-advice-qq {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.imgtext-course .btn-advice-tel {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.imgtext-course .btn-advice-notel {
    width: 158px;
    line-height: 48px;
    margin-left: 15px;
    font-size: 18px
}
.imgtext-course .oper-bar {
    bottom: 0;
    position: absolute
}
.imgtext-course .text-right--pay .oper-bar {
    position: static;
    margin-top: 25px
}
.item--share {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    color: #999
}
.item--share .i-share {
    margin-right: 5px
}
.item--share .tips--share {
    bottom: -36px;
    top: auto;
    left: -30px;
    padding: 2px 6px;
    width: 100px;
    font-size: 0;
    border: 1px solid #e5e5e5
}
.item--share .tips--share:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 6px solid #e5e5e5;
    border-left: 6px dashed transparent;
    border-right: 6px dashed transparent;
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -6px
}
.item--share .tips--share:after {
    border-bottom: 4px solid #fff;
    border-top: 0;
    top: -4px
}
.item--share .tips--share li {
    margin-left: 4px;
    cursor: pointer
}
.item--share .tips--share li:first-child {
    margin-left: 0
}
.item--share:hover .tips--share {
    display: block
}
.pay-policy {
    overflow: hidden;
    margin-top: 348px;
    bottom: 0;
    color: #999
}
.pay-policy .icon-policy {
    width: 19px;
    height: 19px;
    margin-right: 2px;
    display: inline-block;
    margin-top: -1px;
    background: url(//cdn.ixunke.cn/edu/lego_modules/edu-ui/0.0.1/img/bg/icon-refund.2883c72e.png) no-repeat
}
.pay-policy .refund-icon1 {
    width: 19px;
    height: 19px;
    margin-right: 2px;
    display: inline-block;
    margin-top: -1px;
    background: url(//cdn.ixunke.cn/edu/lego_modules/edu-ui/0.0.1/img/bg/icon-refund.2883c72e.png) no-repeat;
    background-position: 0 -24px
}
.pay-policy .refund-icon2 {
    width: 19px;
    height: 19px;
    margin-right: 2px;
    display: inline-block;
    margin-top: -1px;
    background: url(//cdn.ixunke.cn/edu/lego_modules/edu-ui/0.0.1/img/bg/icon-refund.2883c72e.png) no-repeat;
    background-position: 0 -48px
}
.pay-policy .refund-icon3 {
    width: 19px;
    height: 19px;
    margin-right: 2px;
    display: inline-block;
    margin-top: -1px;
    background: url(//cdn.ixunke.cn/edu/lego_modules/edu-ui/0.0.1/img/bg/icon-refund.2883c72e.png) no-repeat;
    background-position: 0 -72px
}
.pay-policy .icon-replay {
    width: 19px;
    height: 19px;
    margin-right: 2px;
    display: inline-block;
    margin-top: -1px;
    background: url(//cdn.ixunke.cn/edu/lego_modules/edu-ui/0.0.1/img/bg/icon-refund.2883c72e.png) no-repeat;
    background-position: 0 -113px
}
.pay-policy li {
    float: left;
    margin-right: 20px
}
.pay-policy li a {
    color: #999
}
.pay-policy li a i {
    display: inline-block;
    vertical-align: middle
}
.pay-tips {
    font-size: 12px;
    color: #999;
    padding: 0 10px;
    line-height: 30px;
    display: inline-block;
    background-color: #f5f5f5;
    border-radius: 2px
}
.pay-tips span {
    color: #e85308;
    margin-right: 8px
}
.course-oper-list {
    position: absolute;
    width: 100%;
    bottom: 20px;
    text-align: center;
    line-height: 30px
}
.course-oper-list .oper-item {
    display: inline-block;
    cursor: pointer;
    margin: 0 12px
}
.course-oper-list .oper-item .icon-font {
    margin-right: 5px;
    vertical-align: 0
}
.course-oper-list .favorited .i-heart {
    color: #e80808
}
.main {
    margin-bottom: 30px
}
.content {
    background: #fff;
    box-sizing: border-box
}
.content.tabs {
    min-height: 400px;
}
.content {
    padding: 0 20px 30px
}
.content img {
    max-width: 100%
}
.tabs-tt-bar {
    height: 45px;
    margin-bottom: 20px;
    margin-left: -20px
}
.tabs-tt-bar .tabs-tt {
    border-top: 5px solid #fff;
    line-height: 50px;
    padding: 0 40px;
    font-size: 16px;
    float: left;
    cursor: pointer
}
.tabs-tt-bar .tabs-tt.active {
    color: #039ae3;
    border-top-color: #039ae3
}
.tabs-tt-bar .tabs-tt:hover {
    color: #039ae3
}
.tb-course {
    table-layout: fixed;
    width: 100%
}
.tb-course th {
    width: 80px;
    color: #999;
    padding-top: 20px;
    vertical-align: top
}
.tb-course td {
    padding: 20px 0;
    border-top: 1px dashed #e5e5e5
}
.tb-course tr:first-child td {
    border-top: 0
}
.intro-course {
    overflow: hidden
}
.intro-course div, .intro-course p, .intro-course span {
    max-width: 100%;
    box-sizing: border-box
}
.tags-list {
    overflow: hidden;
    margin-bottom: -15px
}
.tags-list li {
    float: left;
    border-radius: 14px;
    line-height: 28px;
    padding: 0 15px;
    background: #f3f3f3;
    margin-left: 15px;
    margin-bottom: 15px
}
.tags-list li:first-child {
    margin-left: 0
}
.teacher-list {
    overflow: hidden;
    margin-right: -20px;
    margin-left: -20px
}
.teacher-list .teacher-item {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 20px;
    margin-bottom: 40px
}
.teacher-list .teacher-item .img-left {
    float: left;
    margin-right: 20px
}
.teacher-list .teacher-item .img-left, .teacher-list .teacher-item .img-left img {
    width: 80px;
    height: 80px;
    border-radius: 50px
}
.teacher-list .teacher-item .text-tt {
    font-size: 16px;
    margin-bottom: 10px
}
.teacher-list .teacher-item .text-intro {
    max-height: 63px;
    overflow: hidden
}
.course-class-task {
    position: relative;
    margin-bottom: 20px;
    height: 50px;
    padding-top: 8px;
    padding-left: 168px;
    background: #f3f3f3
}
.course-class-task .drop-down--class {
    left: 0;
    font-size: 16px;
    padding-left: 10px;
    text-align: left;
    border-right: 1px solid #ddd;
    text-align: center
}
.course-class-task .drop-down--class .drop-down-tt {
    line-height: 58px;
    margin-right: 10px;
    display: block;
    max-width: 147px
}
.course-class-task .drop-down--class .drop-down-list {
    text-align: center;
    left: 0;
    width: 168px
}
.course-class-task .task-schedule {
    padding-top: 10px;
    overflow: hidden
}
.course-class-task .task-schedule .schedule-start, .course-class-task .task-schedule .schedule-end {
    margin-top: -23px
}
.course-class-task .task-schedule .schedule-progress, .course-class-task .task-schedule .percent {
    height: 8px
}
.course-class-task .task-schedule .percent {
    background: #5fb41b
}
.course-class-task .task-schedule .progress-course-plan {
    color: #666
}
.page-course .task-part-item .task-part-hd {
    margin-bottom: 10px
}
.aside-blocks {
    padding: 0 30px;
    background-color: #fff
}
.agency-course-card-list .course-card-list {
    margin-left: 20px
}
.aside-recommend {
    padding: 26px 15px;
    margin-bottom: 10px;
    background-color: #fff
}
.aside-recommend h4 {
    font-size: 16px;
    margin-bottom: 14px
}
.aside-recommend-tit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 1.2;
    color: #333
}
.aside-recommend-tit:hover {
    color: #62b4f7
}
.aside-recommend-link {
    display: inline-block;
    float: left
}
.aside-recommend-cover {
    width: 90px;
    height: 50px
}
.aside-recommend-cnt {
    height: 50px;
    margin-left: 100px;
    position: relative
}
.aside-recommend-price {
    position: absolute;
    left: 0;
    bottom: -4px;
    color: #5fb41b
}
.aside-recommend-num {
    position: absolute;
    right: 4px;
    bottom: -4px;
    color: #999
}
.aside-right {
    box-sizing: border-box
}
.block--agency .agency-tt {
    font-size: 16px;
    margin-bottom: 20px;
    position: relative
}
.block--agency .tt-link {
    color: #3672a2;
    line-height: 26px
}
.block--agency .icon-renzheng-l {
    margin-left: 3px
}
.block--agency .tt-cover-url {
    position: absolute;
    top: 0;
    left: 0
}
.block--agency .tt-cover-name {
    margin-left: 84px;
    min-height: 64px
}
.block--agency .tt-cover-name .tt-link {
    padding-bottom: 10px;
    display: block
}
.block--agency .tt-cover-name .icon-agency-level {
    position: relative;
    left: -7px
}
.tree-list {
    display: table;
    table-layout: fixed;
    width: 100%
}
.tree-list li {
    display: table-cell;
    border-left: 1px solid #e5e5e5;
    text-align: center
}
.tree-list li:first-child {
    border-left: 0
}
.tree-list li .item-num {
    color: #999
}
.agency-summary {
    margin-top: 20px
}
.block--course {
    padding: 40px 0
}
.block--contact {
    padding-bottom: 15px
}
.contact-list li {
    position: relative;
    padding-left: 28px;
    margin-right: 5px;
    margin-bottom: 20px
}
.contact-list .item-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    color: #3672a2
}
.contact-list .item-tt {
    color: #3672a2
}
.contact-list .i-group {
    font-size: 24px
}
.block--apply {
    padding-bottom: 20px
}
.apply-list {
    overflow: hidden;
    margin-right: -25px
}
.apply-list li {
    float: left;
    width: 40px;
    margin-right: 25px;
    margin-bottom: 15px
}
.apply-list .item-img {
    width: 40px;
    height: 40px
}
.guide-tt .tt-sub {
    font-size: 14px;
    color: #999;
    padding: 0 5px
}
.file-list .file-name {
    line-height: 36px;
    color: #666;
    display: inline-block;
    width: 245px;
    padding-right: 20px
}
.file-list .file-name .i-download {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-top: 6px;
    margin-left: 3px;
    color: #3672a2
}
.file-list .file-name .i-download.disabled {
    color: #999 !important
}
.file-list .file-name span {
    text-overflow: ellipsis;
    width: 200px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    float: left
}
.file-list a.file-name:hover .i-download {
    color: #039ae3
}
.file-list {
    max-height: 72px;
    overflow: hidden;
    margin-bottom: 30px
}
.file-list-more {
    border-bottom: 1px solid #e2e2e2;
    position: relative;
    height: 1px;
    margin-bottom: 30px
}
.file-list-more span {
    cursor: pointer;
    position: absolute;
    left: 50%;
    bottom: 0;
    line-height: 24px;
    height: 24px;
    width: 100px;
    display: inline-block;
    background-color: #fcfcfc;
    text-align: center;
    margin-left: -50px;
    margin-bottom: -12px
}
.file-list-more .icon-font {
    vertical-align: 0
}
.file-list-showmore .file-list {
    max-height: none
}
.file-list-showmore .file-list-more .ico-file-more-arrow {
    background: url(../../../img/bg/icon_close_up.png) no-repeat
}
.section--course-package {
    margin-bottom: 20px
}
.section--course-package .course-package-tab-wrap {
    font-size: 16px;
    height: 66px;
    background: #fff
}
.section--course-package .course-package-tab {
    height: 66px;
    line-height: 66px;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
    background: #fff;
    text-align: center;
    float: left;
    cursor: pointer
}
.section--course-package .course-package-tab-wrap .current {
    position: relative;
    background: #fff;
    color: #188eee
}
.section--course-package .course-package-tab-wrap .current .line {
    background: #188eee;
    height: 5px;
    position: absolute;
    top: -1px;
    left: 0;
    width: 220px
}
.section--course-package .course-package {
    padding: 15px 0 30px;
    background-color: #fff
}
.section--course-package .course-package h2 {
    font-size: 16px;
    margin: 0 0 20px 20px
}
.section--course-package .course-package h2 a {
    color: #333
}
.section--course-package .course-package h2 a:hover {
    color: #62b4f7
}
.section--course-package .course-package .package-list {
    margin-left: 20px;
    float: left
}
.section--course-package .course-package .package-list-add {
    color: #ddd;
    font-size: 25px;
    font-weight: 700;
    vertical-align: middle;
    margin-left: 15px
}
.section--course-package .course-package .package-list-item {
    width: 144px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 30px
}
.section--course-package .course-package .package-list-item:hover {
    border-color: #ccc
}
.section--course-package .course-package .package-list-item .course-info {
    font-size: 14px;
    padding: 2px 5px 7px
}
.section--course-package .course-package .package-list-item .course-info a, .section--course-package .course-package .package-list-item .course-info span {
    display: block
}
.section--course-package .course-package .package-list-item .course-info-title {
    color: #333;
    margin: 4px 0 -1px
}
.section--course-package .course-package .package-list-item .course-info-title:hover {
    color: #62b4f7
}
.section--course-package .course-package .package-list-item .course-info-class {
    color: #999;
    font-size: 12px;
    margin-top: 2px
}
.section--course-package .course-package .package-list-item .course-info-price {
    color: #e85308;
    margin-top: 4px
}
.section--course-package .course-package .package-list-item .course-info-price .crossline {
    display: inline
}
.section--course-package .course-package .package-list-item:first-child {
    margin-left: 0
}
.section--course-package .course-package .package-list-item--second {
    margin-left: 15px
}
.section--course-package .course-package .package-info {
    float: right;
    width: 270px;
    margin-top: -22px
}
.section--course-package .course-package .package-info span {
    display: block
}
.section--course-package .course-package .package-info .crossline {
    display: inline
}
.section--course-package .course-package .package-info a {
    vertical-align: middle
}
.section--course-package .course-package .package-info-price--old {
    font-size: 14px;
    margin: 5px 0 40px;
    color: #999;
    text-decoration: line-through
}
.section--course-package .course-package .package-info-price--new {
    font-size: 18px;
    color: #e85308
}
.section--course-package .course-package .package-info-show {
    width: 108px;
    height: 33px;
    line-height: 33px;
    font-size: 16px;
    display: block;
    margin: 9px 0 0
}
.section--course-package .course-package .package-info-buy {
    font-size: 16px;
    width: 110px;
    height: 35px;
    line-height: 35px;
    display: block
}
@media only screen and (max-width: 1199px) {
    .sticky-nav .btn-join {
        width: 300px
    }
    .sticky-nav .drop-down--class {
        right: 310px
    }
    .item--share .i-share {
        margin-right: 2px
    }
    .btn-favorite {
        margin-left: 8px
    }
    .btn-favorite .i-heart {
        margin-right: 2px
    }
    .agency-course-card-list .course-card-list {
        margin-left: 2px
    }
    .pay-policy {
        margin-top: 296px
    }
    .section--course-banner {
        min-height: 348px
    }
    .imgtext-course .activity-label-img {
        left: 380px
    }
    .imgtext-course {
        padding-left: 530px;
        min-height: 286px
    }
    .imgtext-course .img-left--wrap {
        width: 510px;
        height: 286px
    }
    .imgtext-course .oper-bar {
        margin-top: 25px;
        position: static
    }
    .file-list .file-name {
        width: 290px
    }
    .file-list .file-name span {
        width: 245px
    }
    .section--course-package .course-package h2 {
        margin-left: 35px
    }
    .section--course-package .course-package .package-list {
        margin-left: 35px
    }
    .section--course-package .course-package .package-list-item {
        margin-left: 10px;
        width: 130px
    }
    .section--course-package .course-package .package-list-item img {
        width: 130px !important;
        height: 74px !important
    }
    .section--course-package .course-package .package-list-item--second {
        margin-left: 15px
    }
    .section--course-package .course-package .package-info {
        width: 157px;
        margin-top: -5px
    }
    .section--course-package .course-package .package-info-show {
        margin-left: 0;
        margin-top: 10px
    }
    .section--course-package .course-package .package-info-price--new {
        font-size: 16px
    }
    .section--course-package .course-package .package-info-price--old {
        margin-bottom: 20px
    }
    .section--course-package .course-package .package-info--equal {
        margin-top: 7px
    }
    .section--course-banner .inner-center,.section-main .inner-center,.section--recommend .inner-center{
        max-width: 990px;
        margin: 0 auto;
    }
}
.count-down-ctn {
    padding-left: 50px
}
.count-down-ctn .count-down-count {
    color: #e85308;
    padding: 2px
}
.instalment-price-tips {
    font-size: 13px;
    position: relative;
    top: -4px;
    color: #999
}
.vc-line .input-text_short {
    width: 92px
}
.no-free-alert-tips .tips-bd .icon-msg-large {
    margin-top: -14px
}
.no-free-alert-tips .msg {
    line-height: 36px
}
.statistics-topo {
    width: 130px;
    height: 28px;
    margin-right: 10px;
    text-align: center;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    line-height: 28px;
    font-size: 13px;
    float: left;
    vertical-align: middle
}
.statistics-topo .icon-topo {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 28px;
    margin-right: 5px;
    background-image: url(//cdn.ixunke.cn/edu/modules/css/topo/hexa.f1925ed3.png);
    background-position: center;
    background-repeat: no-repeat
}
.statistics-topo:hover {
    border: 1px solid #ccc;
    background-color: #f4f4f4
}
.statistics-topo:active {
    border: 1px solid #ccc;
    background-color: #eee;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50)
}
.statistics-topo span {
    vertical-align: top;
    line-height: 27px
}
.imgtext-course .tt-below-line .line-item {
    line-height: 30px
}
.imgtext-course .tt-below-line .icon-sep {
    margin: 0 20px;
    margin-top: 8px
}
.tips-buy-course .mod-course-banner_row:before, .imgtext-course .tt-below-line:before, .tabs-tt-bar:before, .tips-buy-course .mod-course-banner_row:after, .imgtext-course .tt-below-line:after, .tabs-tt-bar:after {
    content: "";
    display: table
}
.tips-buy-course .mod-course-banner_row:after, .imgtext-course .tt-below-line:after, .tabs-tt-bar:after {
    clear: both
}
.task-task-list .task-task-item .task-tt-text, .course-class--three .class-tt-list .item-name, .mod-choose-time_v2 .mod-choose-time__time, .tips-buy-course .mod-course-banner__title, .teacher-list .teacher-item .text-tt, .course-class-task .drop-down--class .drop-down-tt, .aside-recommend h4, .section--course-package .course-package .package-list-item .course-info-title, .section--course-package .course-package .package-list-item .course-info-class, .package-dialog .package-list-item .course-info-title, .package-dialog .package-list-item .course-info-class, .section--relation .recommend-course-tit, .section--relation .recommend-benefit-des {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal
}
.teacher-list .teacher-item .text-intro, .agency-summary {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all
}
.comment-list .comment-item .comment-bd, .comment-reply .reply-item .reply-bd, .imgtext-course .page-tt, .tb-course td {
    word-wrap: break-word;
    white-space: pre-wrap
}
:root .imgtext-course .btn-expr, :root .imgtext-course .btn-expr-in {
    filter: progid: DXImageTransform.Microsoft.gradient(enabled='false')
}
.task-task-list .task-task-item .icon-playback:before {
    content: "";
    height: 0;
    width: 0;
    overflow: hidden
}
.tips-buy-course .mod-course-banner_row:before, .imgtext-course .tt-below-line:before, .tabs-tt-bar:before, .tips-buy-course .mod-course-banner_row:after, .imgtext-course .tt-below-line:after, .tabs-tt-bar:after {
    content: "";
    display: table
}
.tips-buy-course .mod-course-banner_row:after, .imgtext-course .tt-below-line:after, .tabs-tt-bar:after {
    clear: both
}
.task-task-list .task-task-item .task-tt-text, .course-class--three .class-tt-list .item-name, .mod-choose-time_v2 .mod-choose-time__time, .tips-buy-course .mod-course-banner__title, .teacher-list .teacher-item .text-tt, .course-class-task .drop-down--class .drop-down-tt, .aside-recommend h4, .section--course-package .course-package .package-list-item .course-info-title, .section--course-package .course-package .package-list-item .course-info-class, .package-dialog .package-list-item .course-info-title, .package-dialog .package-list-item .course-info-class, .section--relation .recommend-course-tit, .section--relation .recommend-benefit-des {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal
}
.teacher-list .teacher-item .text-intro, .agency-summary {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all
}
.comment-list .comment-item .comment-bd, .comment-reply .reply-item .reply-bd, .imgtext-course .page-tt, .tb-course td {
    word-wrap: break-word;
    white-space: pre-wrap
}
:root .imgtext-course .btn-expr, :root .imgtext-course .btn-expr-in {
    filter: progid: DXImageTransform.Microsoft.gradient(enabled='false')
}
.task-task-list .task-task-item .icon-playback:before {
    content: "";
    height: 0;
    width: 0;
    overflow: hidden
}
.topo {
    font-size: 0
}
.topo-col {
    font-size: 14px;
    width: 360px;
    display: inline-block;
    vertical-align: middle
}
.topo-card {
    width: 360px;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px
}
.topo-card .btn-default {
    font-size: 14px
}
.topo-card-info {
    padding: 8px 18px;
    border: 2px solid #d2e8fc;
    width: 270px;
    height: 170px
}
.topo-card-info-title {
    font-size: 20px
}
.topo-card-info-desc {
    margin-top: 4px;
    margin-bottom: 4px;
    max-height: 40px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.topo-card-info-desc span {
    display: block;
    margin-top: 8px
}
.topo-card-info-stu {
    color: #999;
    display: block;
    height: 21px;
    margin: 6px 0
}
.topo-card-info-look.active {
    color: #62b4f7
}
.topo-card-info-more {
    position: absolute;
    bottom: 15px
}
.topo-card-line {
    width: 50px;
    height: 2px;
    background-color: #d2e8fc;
    position: absolute;
    right: 0;
    top: 94px
}
.topo-card--arrow .topo-card-line:after {
    display: block;
    border: 6px solid transparent;
    border-left-width: 12px;
    border-right-width: 12px;
    border-left-color: #d2e8fc;
    content: ' ';
    width: 0;
    height: 0;
    position: absolute;
    right: -12px;
    top: -5px
}
.topo-card--disabled .topo-card-info {
    border-style: dashed;
    border-color: #eee
}
.topo-card--disabled .topo-card-info-title {
    color: #999
}
.topo-card--disabled .topo-card-info-look {
    display: none
}
.topo-card--disabled .topo-card-line {
    background-color: #eee
}
.topo-card--disabled .topo-card-line:after {
    border-left-color: #eee
}
.topo-card--disabled.topo-card--x-below:after, .topo-card--disabled.topo-card--x-above:after {
    background-color: #eee
}
.topo-card--disabled .btn-default {
    color: #999;
    background-color: #e3e3e3;
    cursor: default
}
.topo-card--end {
    padding-left: 50px
}
.topo-card--end .topo-card-line {
    right: auto;
    left: 0
}
.topo-card--x-above:after, .topo-card--x-below:after {
    position: absolute;
    content: ' ';
    height: 210px;
    width: 2px;
    background-color: #d2e8fc;
    left: 0
}
.topo-card--x-above:after {
    top: 94px
}
.topo-card--x-below:after {
    bottom: 94px
}
.topo-card .btn-default {
    width: 90px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px
}
.knowledge--dialog {
    display: none;
    width: 231px;
    padding: 16px 20px;
    border: 1px solid #d7d7d7;
    color: #999;
    line-height: 2;
    box-shadow: 0 0 6px #d7d7d7;
    border-radius: 2px;
    position: absolute;
    background-color: #fff;
    z-index: 10000;
    left: 0;
    top: 0
}
.knowledge--dialog h4 {
    color: #333;
    font-size: 16px
}
.knowledge--dialog ul {
    margin-bottom: 5px;
    max-height: 248px;
    overflow: hidden
}
.knowledge--dialog p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    max-height: 135px
}
.triangle-left {
    width: 0;
    height: 0;
    position: absolute;
    border-top: 10px solid transparent;
    border-right: 15px solid #ccc;
    border-bottom: 10px solid transparent;
    z-index: 10000;
    display: none
}
.triangle-left:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 2px;
    top: -10px;
    z-index: 10001;
    border-top: 10px solid transparent;
    border-right: 15px solid #fff;
    border-bottom: 10px solid transparent
}
.triangle-right {
    border-left: 15px solid #ccc;
    border-right: 0
}
.triangle-right:after {
    position: absolute;
    border-left: 15px solid #fff;
    border-right: 0;
    left: auto;
    right: 2px
}
.topo-dialog {
    display: none;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 958px;
    position: absolute;
    left: 50%;
    margin-left: -480px;
    top: 100px;
    z-index: 3000
}
.topo-dialog-status {
    text-align: center;
    padding: 60px 0;
    font-size: 20px
}
.topo-dialog-cover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 2999
}
.topo-dialog-close {
    position: absolute;
    text-indent: -9999px;
    right: 20px;
    top: 20px;
    width: 24px;
    height: 24px;
    opacity: .8;
    filter: alpha(opacity=80);
    transition: .3s;
    background: url(//cdn.ixunke.cn/edu/modules/css/topo/close.ae2ee79d.png) no-repeat;
    z-index: 1
}
.topo-dialog-close:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}
.topo-dialog .box-title {
    font-size: 28px;
    text-align: center;
    padding-top: 36px
}
.topo {
    padding: 0 10px 0 30px;
    max-height: 620px;
    overflow: auto;
    margin-right: 20px;
    margin-bottom: 40px
}
.topo-col {
    width: 300px
}
.topo-col.topo-col--short {
    width: 280px
}
.topo-card {
    width: 100%
}
.topo-card-info {
    width: 220px;
    height: 160px
}
.topo-card-info-title {
    line-height: 25px;
    font-size: 18px
}
.topo-card-line {
    width: 20px
}
.topo-card--arrow .topo-card-line {
    width: 40px
}
.topo-card--arrow .topo-card-line:after {
    border-left-width: 10px;
    border-right-width: 10px;
    right: -11px
}
.topo-card--end {
    padding-left: 20px;
    width: 260px
}
.topo-card--end .topo-card-line {
    width: 20px
}
.topo-card--x-above:after, .topo-card--x-below:after {
    height: 200px
}
.topo-card--x-below:after {
    bottom: 84px
}
.topo-card--active .topo-card-info {
    border: 2px solid #188eee
}
.topo-card--active .topo-card-info:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    left: 0;
    top: 0;
    border: 9px solid #188eee;
    border-bottom-color: transparent;
    border-right-color: transparent
}
.topo-card--active.topo-card--end .topo-card-info:after {
    left: 20px
}
.box--topo .related--tips {
    position: absolute;
    left: 30px;
    bottom: 30px;
    color: #999;
    font-size: 12px
}
.box--topo .related--tips i {
    display: inline-block;
    width: 0;
    height: 0;
    font-size: 0;
    vertical-align: middle;
    border: 6px solid #188eee;
    border-bottom-color: transparent;
    border-right-color: transparent
}
.package-dialog {}
.package-dialog .package-title {
    font-size: 16px;
    color: #5c5e63;
    margin-left: -25px
}
.package-dialog .package-agency {
    color: #999;
    font-size: 16px;
    margin: 10px auto 15px
}
.package-dialog .package-list {
    padding-top: 30px;
    border-top: 1px solid #ccc
}
.package-dialog .package-list-item {
    margin-bottom: 17px
}
.package-dialog .package-list-item .course-info {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    width: 380px;
    font-size: 14px
}
.package-dialog .package-list-item .course-info span, .package-dialog .package-list-item .course-info h3 {
    display: block;
    line-height: 17px
}
.package-dialog .package-list-item .course-info-title {
    color: #000
}
.package-dialog .package-list-item .course-info-class {
    color: #999
}
.package-dialog .package-list-item .course-info-price {
    color: #e85308
}
.package-dialog .package-list-item .course-info-price.free {
    color: #5fb41b
}
.package-dialog .package-price {
    padding: 5px 0
}
.package-dialog .package-price-new {
    color: #e85308;
    font-size: 18px
}
.package-dialog .package-price-old {
    color: #8f8f8f;
    font-size: 14px;
    margin-left: 15px
}
.package-dialog .package-price-old .crossline {
    text-decoration: line-through
}
.package-dialog .package-price .free {
    color: #5fb41b
}
.package-dialog .package-tips {
    color: #999
}
.section--relation {
    margin: 20px 0 10px
}
.section--relation .relation {
    background-color: #fff
}
.section--relation .relation-head {
    width: 100%;
    height: 50px;
    background-image: url(//cdn.ixunke.cn/edu/modules/css/recommend/title.bcdf8af1.png);
    background-size: 100% 100%;
    font-size: 16px
}
.section--relation .relation-head h4 {
    box-sizing: border-box;
    width: 50%;
    padding: 0 70px;
    line-height: 50px;
    float: left
}
.section--relation .relation-head-l {
    text-align: right;
    color: #666
}
.section--relation .relation-head-r {
    color: #fe9455
}
.section--relation .relation-main {
    background: url(//cdn.ixunke.cn/edu/modules/css/recommend/vs.a5260120.png) no-repeat 50% 50%
}
.section--relation .recommend {
    width: 50%;
    box-sizing: border-box
}
.section--relation .recommend-l {
    float: left;
    padding: 55px 50px 55px 100px
}
.section--relation .recommend-r {
    float: right;
    padding: 55px 100px 55px 50px
}
.section--relation .recommend-r .recommend-course-tit:hover {
    color: #62b4f7
}
.section--relation .recommend-r .recommend-course:hover .recommend-course-tit {
    color: #62b4f7
}
.section--relation .recommend-course {
    border: 1px solid #eee;
    width: 220px
}
.section--relation .recommend-course-cover {
    display: block
}
.section--relation .recommend-course-cover img {
    width: 100%;
    height: 124px
}
.section--relation .recommend-course-tit {
    color: #333;
    font-size: 14px;
    width: 200px;
    padding: 10px;
    display: inline-block;
    vertical-align: bottom
}
.section--relation .recommend-benefit-item {
    margin-top: 10px
}
.section--relation .recommend-benefit-des {
    display: inline-block;
    width: 160px
}
.section--relation .recommend-benefit-des.r {
    text-align: right
}
.section--relation .recommend-benefit-icon {
    font-size: 21px;
    margin: 0 17px
}
.section--relation .recommend-benefit-icon.i-cry {
    color: #999
}
.section--relation .recommend-benefit-icon.i-smile {
    color: #fe9455
}
@media only screen and (max-width: 1199px) {
    .section--relation .recommend-l {
        padding: 55px 20px 55px 40px
    }
    .section--relation .recommend-r {
        padding: 55px 40px 55px 20px
    }
    .section--relation .recommend-benefit-des {
        width: 140px
    }
}
.tips-buy-course .mod-course-banner_row:before, .imgtext-course .tt-below-line:before, .tabs-tt-bar:before, .tips-buy-course .mod-course-banner_row:after, .imgtext-course .tt-below-line:after, .tabs-tt-bar:after {
    content: "";
    display: table
}
.tips-buy-course .mod-course-banner_row:after, .imgtext-course .tt-below-line:after, .tabs-tt-bar:after {
    clear: both
}
.task-task-list .task-task-item .task-tt-text, .course-class--three .class-tt-list .item-name, .mod-choose-time_v2 .mod-choose-time__time, .tips-buy-course .mod-course-banner__title, .teacher-list .teacher-item .text-tt, .course-class-task .drop-down--class .drop-down-tt, .aside-recommend h4, .section--course-package .course-package .package-list-item .course-info-title, .section--course-package .course-package .package-list-item .course-info-class, .package-dialog .package-list-item .course-info-title, .package-dialog .package-list-item .course-info-class, .section--relation .recommend-course-tit, .section--relation .recommend-benefit-des {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal
}
.teacher-list .teacher-item .text-intro, .agency-summary {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all
}
.comment-list .comment-item .comment-bd, .comment-reply .reply-item .reply-bd, .imgtext-course .page-tt, .tb-course td {
    word-wrap: break-word;
    white-space: pre-wrap
}
:root .imgtext-course .btn-expr, :root .imgtext-course .btn-expr-in {
    filter: progid: DXImageTransform.Microsoft.gradient(enabled='false')
}
.task-task-list .task-task-item .icon-playback:before {
    content: "";
    height: 0;
    width: 0;
    overflow: hidden
}
.course-coupon {
    line-height: 30px;
    min-height: 33px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle
}
.course-coupon .coupon-item span, .course-coupon .coupon-item a {
    vertical-align: middle
}
.course-coupon .i-coupon-pc {
    font-size: 20px;
    color: #e85308;
    font-weight: 700;
    vertical-align: middle;
    margin-right: 5px
}
.course-coupon .coupon-list--single {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    border: 1px solid transparent;
    background-color: none;
    padding: 0 10px;
    margin-right: 5px
}
.course-coupon .coupon-multi--wrap {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid transparent;
    background-color: none;
    padding: 0 10px;
    max-height: 30px
}
.course-coupon .coupon-multi--wrap:hover {
    border-color: #e5e5e5;
    background-color: #fff;
    max-height: 300px;
    z-index: 100
}
.course-coupon .coupon-multi--wrap:hover .coupon-item {
    display: table-row
}
.course-coupon .coupon-multi--wrap:hover .arrow-down {
    display: none
}
.course-coupon .coupon-list--multi {
    display: table
}
.course-coupon .coupon-list--multi .coupon-item {
    display: table-row;
    display: none
}
.course-coupon .coupon-list--multi .coupon-item span, .course-coupon .coupon-list--multi .coupon-item a {
    display: table-cell
}
.course-coupon .coupon-list--multi .coupon-item--first {
    display: table-row
}
.course-coupon .coupon-list--multi .coupon-item-logo {
    background-color: #f6b04a
}
.course-coupon .coupon-list--multi .coupon-item-name {
    padding-right: 5px
}
.course-coupon .coupon-list--multi .coupon-item-link, .course-coupon .coupon-list--multi .coupon-item-name {
    line-height: 31px
}
.course-coupon .coupon-item-link {
    color: #666;
    text-decoration: underline
}
.course-coupon .coupon-item-link:hover {
    color: #188eee
}
.course-coupon .arrow-down {
    position: absolute;
    font-size: 0;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 5px solid #999;
    right: -15px;
    top: 15px
}
@media only screen and (max-width: 1199px) {
    .course-coupon--both {
        display: block;
        margin-left: 5px
    }
}
.coupon-succ-dialog h3 {
    font-size: 18px
}
.coupon-succ-dialog span {
    color: #666
}

/*评论输入框*/

.mod-comments-text {
    position: relative;
    margin-bottom: 80px;
}
.mod-comments-text textarea {
    display: block;
    width: 97%;
    min-height: 62px;
    padding: 8px;
    color: #555;
    font-size: 14px;
    resize: none;
    line-height: 18px;
    font-family: "Microsoft YaHei";
}
.mod-comments-text input {
    float: right;
    background-color: #00b33b;
    font: 14px/40px "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft Yahei", "微软雅黑", Tahoma, Arial, STHeiti, sans-serif;
    height: 40px;
    padding: 0 12px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-top: 20px;
    border-radius: 2px;
    margin-right: 24px;
}
.tips-buy-course .text-bm-success {
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
}

/*IPAD*/

@media only screen and (max-width: 992px) {
    body {
        min-width: 100%;
    }
    .mod-header_inner-1200 {
        width: 100%;
    }
    .l-media .inner-center {
        width: 100%;
    }
    .imgtext-course {
        padding: 360px 10px 10px 10px;
    }
    .imgtext-course .img-left--wrap {
        width: 600px;
        height: 338px;
    }
    .imgtext-course .img-left--wrap {
        left: 50%;
        margin-left: -300px;
    }
    .imgtext-course .page-tt {
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .imgtext-course .tt-below-line .icon-sep {
        margin: 0 10px;
        margin-top: 8px;
    }
    div#js_share {
        display: none;
    }
    .l-aside-right .main .content {
        margin-right: 0px;
    }
    .tabs-tt-bar .tabs-tt {
        width: 33%;
        text-align: center;
        padding: 0;
    }
    .l-aside-right .aside-right {
        width: 100%;
        margin-left: 0;
    }
    section{
        padding: 0!important;
    }
}
@media only screen and (max-width: 767px) {
    ul.mod-header__nav, div#js-mod-header-login {
        display: none;
    }
    .imgtext-course .btn-join {
        width: calc(50% - 12px);
    }
    .imgtext-course .btn-advice-wrap .btn-zixun {
        width: calc(50% - 15px);
    }
    .imgtext-course .btn-advice-wrap {
        margin-left: 20px;
    }
    section.section--recommend div.inner-center {
        padding: 0 10px;
    }
    .course-card-list-single-wrap .course-card-list, .course-card-list-single-wrap .course-card-list .course-card-item {
        margin-left: 0;
    }
    .course-card-item {
        width: calc(50% - 20px);
    }
    .course-card-item .item-img-link .item-img {
        width: 100%;
        height: auto;
    }
    .bm-tips {
        position: relative;
        width: 100%;
    }
    .bm-tips .tips-buy-course {
        width: 80%;
        margin-left: -45%;
    }
    .bm-tips .mod-course-banner_row {
        display: none;
    }
}
@media only screen and (max-width: 600px) {
    .imgtext-course .img-left--wrap {
        width: 100%;
        height: auto;
    }
    .imgtext-course .img-left--wrap {
        left: 0;
        margin-left: 0;
    }
}
@media only screen and (max-width: 415px) {
    .imgtext-course {
        padding: 250px 10px 10px 10px;
    }
}
@media only screen and (max-width: 376px) {
    .imgtext-course {
        padding: 220px 10px 10px 10px;
    }
    .mod-header_inner .mod-search {
        width: 220px;
    }
}
@media only screen and (max-width: 361px) {
    .imgtext-course {
        padding: 210px 10px 10px 10px;
    }
    .mod-header_inner .mod-search {
        width: 205px;
    }
}
@media only screen and (max-width: 321px) {
    .imgtext-course {
        padding: 185px 10px 10px 10px;
    }
    .mod-header_inner .mod-search {
        width: 165px;
    }
}

.comment-item .user-name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}