@charset "UTF-8";

.btn-default, .btn-primary, .btn-weak, .btn-card {
    display: inline-block;
    vertical-align: middle;
}

.market-list-mod .mlm-rt .btn-del {
    font: 0/0 a;
    text-shadow: none;
    border: 0 none;
    color: transparent;
}

.ellipsis, .mod-header_wrap-user .mod-header__user-name a, .course-card .course-title a, .course-card .course-agency, .mod-course-card__name, .mod-course-card__agency, .mod-course-card__group, .mod-user-card__name, .usercard .user-name, .unit-name, .unit-count {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
}

.bm-menu-bd .bm-menu-info .bm-menu-info-top {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

:root .mod-course-card__link-img:before {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}

.btn-default, .btn-primary, .btn-weak, .btn-card {
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-default {
    background-color: #04acf7;
    color: white;
}

    .btn-default:hover {
        background-color: #04bbf7;
    }

    .btn-default:active {
        background-color: #038dcc;
    }

.btn-primary {
    background-color: #ff9a00;
    color: white;
}

    .btn-primary:hover {
        background-color: #ffad2f;
    }

    .btn-primary:active {
        background-color: #ed7b00;
    }

.btn-weak {
    background-color: #f3f3f3;
    color: #202020;
}

    .btn-weak:hover {
        background-color: white;
    }

    .btn-weak:active {
        background-color: gainsboro;
    }

.disabled.btn-default, .dis-btn.btn-default, .disabled.btn-primary, .dis-btn.btn-primary, .disabled.btn-weak, .dis-btn.btn-weak, .btn-card.disabled, .btn-card.dis-btn, .btn-disabled, .btn-disabled:hover, .btn-disabled:active {
    background-color: #e3e3e3!important;
    color: #999!important;
    cursor: default!important;
    pointer-events: none!important;
}

html, button, select, textarea, input {
    font-family: "Hiragino Sans GB","Microsoft Yahei",arial,\5b8b\4f53,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;
}

h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {
    margin: 0;
}

html {
    height: 100%;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%;
}

body {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    min-height: 100%;
    box-sizing: border-box;
    min-width: 1200px;
    position: relative;
}

ol, ul {
    list-style: none outside none;
}

ul, ol, li, dl, dd {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

a {
    text-decoration: none;
    background: transparent;
    -webkit-tap-highlight-color: transparent;
}

    a:hover {
        text-decoration: none;
        color:#3696ed;
    }

    a:active, a:hover {
        outline: 0;
    }

img {
    border: 0;
    vertical-align: middle;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

    nav:active {
        outline: 0 none;
    }

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q, blockquote {
    quotes: none;
}

    q:before, q:after, blockquote:before, blockquote:after {
        content: none;
    }

i, em {
    font-style: normal;
}

address, caption, cite, code, dfn, th, var, i, s {
    font-style: normal;
    font-weight: normal;
}

div[contenteditable=true] {
    -webkit-line-break: after-white-space;
    -webkit-nbsp-mode: space;
    -webkit-user-modify: read-write;
    word-wrap: break-word;
}

fieldset {
    border: 0;
}

button {
    white-space: nowrap;
    overflow: visible;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input:focus {
        outline: 0 none;
    }

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
        vertical-align: middle;
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        box-sizing: border-box;
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

    input::-ms-clear, input::-ms-reveal {
        display: none;
    }

textarea, input {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-user-modify: read-write-plaintext-only;
    outline: none!important;
}

    input::-moz-placeholder, textarea::-moz-placeholder {
        color: #a6a6a6;
    }

    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #a6a6a6;
    }

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: #a6a6a6;
    }

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clear {
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    clear: both;
}

.hide {
    display: none;
}

.not-sel {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.l {
    float: left;
}

.r {
    float: right;
}

img[src^="http://www.google-analytics.com"], img[src^="http://google-analytics.com"] {
    display: none;
}

.btn-default, .btn-primary, .btn-weak, .btn-card {
    display: inline-block;
    vertical-align: middle;
}

.market-list-mod .mlm-rt .btn-del {
    font: 0/0 a;
    text-shadow: none;
    border: 0 none;
    color: transparent;
}

.ellipsis, .mod-header_wrap-user .mod-header__user-name a, .course-card .course-title a, .course-card .course-agency, .mod-course-card__name, .mod-course-card__agency, .mod-course-card__group, .mod-user-card__name, .usercard .user-name, .unit-name, .unit-count {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
}

.bm-menu-bd .bm-menu-info .bm-menu-info-top {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

:root .mod-course-card__link-img:before {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}

.btn-default, .btn-primary, .btn-weak, .btn-card {
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-default {
    background-color: #04acf7;
    color: white;
}

    .btn-default:hover {
        background-color: #04bbf7;
    }

    .btn-default:active {
        background-color: #038dcc;
    }

.btn-primary {
    background-color: #ff9a00;
    color: white;
}

    .btn-primary:hover {
        background-color: #ffad2f;
    }

    .btn-primary:active {
        background-color: #ed7b00;
    }

.btn-weak {
    background-color: #f3f3f3;
    color: #202020;
}

    .btn-weak:hover {
        background-color: white;
    }

    .btn-weak:active {
        background-color: gainsboro;
    }

.disabled.btn-default, .dis-btn.btn-default, .disabled.btn-primary, .dis-btn.btn-primary, .disabled.btn-weak, .dis-btn.btn-weak, .btn-card.disabled, .btn-card.dis-btn, .btn-disabled, .btn-disabled:hover, .btn-disabled:active {
    background-color: #e3e3e3!important;
    color: #999!important;
    cursor: default!important;
    pointer-events: none!important;
}

.btn-weak:hover {
    outline: 1px solid #dbdbdb;
}

.btn-card {
    color: #202020;
    background-color: #f3f3f3;
    position: relative;
}

    .btn-card > i {
        display: none;
        position: absolute;
        width: 0;
        height: 0;
        top: 0;
        left: -26px;
        overflow: hidden;
        border: 16px solid transparent;
        border-top-color: #68b30f;
    }

    .btn-card:hover {
        background-color: #fff;
        border-color: #68b30f;
    }

    .btn-card:active {
        background-color: #fff;
        border-color: #68b30f;
    }

    .btn-card.on {
        background-color: #fff;
        border-color: #68b30f;
    }

        .btn-card.on > i {
            display: block;
        }

.play-button.large, .play-button.normal, .play-button.small {
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    background: center center no-repeat;
}

.play-button.large {
    width: 98px;
    height: 98px;
    margin: -49px auto auto -49px;
    background: -216px 0;
}

.play-button.normal {
    width: 62px;
    height: 62px;
    margin: -31px auto auto -31px;
    background: 0 -131px;
}

.play-button.small {
    width: 26px;
    height: 26px;
    margin: -13px auto auto -13px;
    _width: 26px!important;
    background: -262px -131px;
}

.btn-2, .btn-3, .btn-7, .btn-8 {
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    border-radius: 2px;
}

.btn-2 {
    width: 52px;
    height: 20px;
    line-height: 20px;
    background-color: #039ae3;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btn-2:hover {
        background-color: #00acff;
    }

.btn-3 {
    width: 180px;
    height: 42px;
    line-height: 42px;
    background-color: #ff9b00;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btn-3:hover {
        background-color: #ffad2e;
    }

    .btn-3:active {
        background-color: #ed7b00;
    }

.btn-7 {
    padding: 0 26px;
    height: 36px;
    line-height: 36px;
    background-color: #039ae3;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btn-7:hover {
        background-color: #00acff;
    }

.btn-8 {
    padding: 0 26px;
    height: 34px;
    line-height: 34px;
    background-color: #f3f3f3;
    font-size: 16px;
    border: 1px solid #d9d9d9;
    color: #3a3a3a;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btn-8:hover {
        background-color: #ebebeb;
    }

.btn-disabled, .btn-disabled:hover, .btn-disabled:active {
    outline: 0;
}

button, input[type="submit"], input[type="button"] {
    border: 0 none;
}

.radio {
    height: 18px;
    line-height: 18px;
    padding-left: 28px;
    _padding-left: 38px;
    overflow: hidden;
    position: relative;
}

    .radio i {
        position: absolute;
        top: 0;
        left: 0;
        height: 18px;
        _height: 16px;
        width: 18px;
        background: -319px 0 no-repeat;
    }

    .radio:hover i {
        background: -319px -18px no-repeat;
    }

    .radio.disabled:hover i {
        background: -319px 0 no-repeat;
    }

    .radio.disabled.radio-check i {
        background: -319px -36px no-repeat;
    }

.radio-check i, .radio-check:hover i {
    background: -319px -36px no-repeat;
}

.radio-disabled i, .radio-disabled:hover i {
    background: -319px -54px no-repeat;
}

.radio-check-disabled i, .radio-check-disabled:hover i {
    background: -319px -157px no-repeat;
}

.checkbox {
    font-size: 14px;
    height: 13px;
    line-height: 13px;
    padding-left: 23px;
    _padding-left: 53px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

    .checkbox i {
        position: absolute;
        top: 0;
        left: 0;
        height: 13px;
        _height: 10px;
        width: 13px;
        background: -319px -77px no-repeat;
    }

    .checkbox:hover i {
        background: -319px -90px no-repeat;
    }

.checkbox-check i, .checkbox-check:hover i {
    background: -319px -103px no-repeat;
}

.checkbox-disabled i, .checkbox-disabled:hover i {
    background: -319px -116px no-repeat;
}

.checkbox-check-disabled {
    cursor: default;
}

    .checkbox-check-disabled i, .checkbox-check-disabled:hover i {
        background: -256px -198px no-repeat;
    }

input {
    font-size: 14px;
    border: 1px solid #dedede;
    padding: 10px 13px 7px;
    height: 20px;
    line-height: 20px;
    color: #545454;
    border-radius: 1px;
}

    input:hover, input:focus {
        border-color: #9a9a9a;
    }

.textarea {
    width: 530px;
    height: 120px;
    padding: 10px;
    border: 1px solid #dedede;
    overflow: auto;
    resize: none;
}

    .textarea:hover {
        border-color: #9a9a9a;
    }

textarea {
    border: 1px solid #dedede;
}

.field input {
    vertical-align: middle;
}

.field .field-help {
    vertical-align: middle;
    position: relative;
}

.field-help, .warning-tips {
    display: none;
    margin-left: 10px;
}

    .field-help i, .warning-tips i {
        display: block;
        height: 14px;
        width: 14px;
        float: left;
    }

    .field-help p, .warning-tips p {
        font-size: 14px;
        line-height: 14px;
        margin-left: 5px;
        float: left;
    }

.g-err .field-help {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .g-err .field-help i {
        background: -237px -198px no-repeat;
    }

    .g-err .field-help p {
        color: #ea6533;
    }

.g-err input {
    border-color: #e80808;
}

.g-err textarea {
    border-color: #e80808;
}

.g-warn .field-help, .g-warn .warning-tips, .g-info .field-help, .g-info .warning-tips {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .g-warn .field-help i, .g-warn .warning-tips i, .g-info .field-help i, .g-info .warning-tips i {
        background: -290px -164px no-repeat;
    }

.g-succ .field-help {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .g-succ .field-help i {
        background: -218px -198px no-repeat;
    }

    .g-succ .field-help p {
        display: none;
    }

.ico-warn-large {
    width: 36px;
    height: 36px;
    display: block;
    float: left;
    margin-top: 4px;
    background: -116px 0 no-repeat;
}

.ico-help-large {
    width: 36px;
    height: 36px;
    display: block;
    float: left;
    margin-top: 4px;
    background: 0 -276px no-repeat;
}

.ico-info-large {
    width: 36px;
    height: 36px;
    display: block;
    float: left;
    margin-top: 4px;
    background: -41px -276px no-repeat;
}

.ico-succ-large {
    width: 36px;
    height: 36px;
    display: block;
    float: left;
    margin-top: 4px;
    background: 0 -169px no-repeat;
}

.ico-warn-normal {
    width: 24px;
    height: 24px;
    display: block;
    float: left;
    margin-top: 4px;
    background: -131px -198px no-repeat;
}

.ico-help-normal {
    width: 24px;
    height: 24px;
    display: block;
    float: left;
    margin-top: 4px;
    background: -73px -198px no-repeat;
}

.ico-info-normal {
    width: 24px;
    height: 24px;
    display: block;
    float: left;
    margin-top: 4px;
    background: -160px -198px no-repeat;
}

.ico-succ-normal {
    width: 24px;
    height: 24px;
    display: block;
    float: left;
    margin-top: 4px;
    background: -189px -198px no-repeat;
}

.ico-warn-small {
    width: 14px;
    height: 14px;
    display: block;
    float: left;
    margin-top: 4px;
    background: -237px -198px no-repeat;
}

.ico-help-small {
    width: 14px;
    height: 14px;
    display: block;
    float: left;
    margin-top: 4px;
    background: -271px -164px no-repeat;
}

.ico-info-small {
    width: 14px;
    height: 14px;
    display: block;
    float: left;
    margin-top: 4px;
    background: -290px -164px no-repeat;
}

.ico-succ-small {
    width: 14px;
    height: 14px;
    display: block;
    float: left;
    margin-top: 4px;
    background: -218px -198px no-repeat;
}

.icon {
    background-image: url('http://9.url.cn/edu/img/icon_2.13eff.png');
    background-repeat: no-repeat;
}

.icon-star {
    display: inline-block;
    vertical-align: middle;
    _background: url('http://9.url.cn/edu/img/icon-star_ie6.3c7fd.png') no-repeat;
    width: 12px;
    height: 12px;
    background: -186px -276px no-repeat;
}

    .icon-star.icon-star_gray {
        _background: url('http://9.url.cn/edu/img/icon-star_gray_ie6.08991.png') no-repeat;
        background: -169px -276px no-repeat;
    }

    .icon-star.icon-star_half {
        _background: url('http://9.url.cn/edu/img/icon-star_half_ie6.541e9.png') no-repeat;
        background: -152px -276px no-repeat;
    }

.icon-triangle {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 10px;
    background: -274px -198px no-repeat;
}

.icon-green-flag {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background: -102px -198px no-repeat;
}

.icon-flag-calender {
    display: inline-block;
    vertical-align: middle;
    width: 31px;
    height: 31px;
    background: -272px -231px no-repeat;
}

.icon-qq {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 18px;
    background: -319px -180px no-repeat;
}

.icon-qun {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 20px;
    background: -177px -164px no-repeat;
}

.icon-phone {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: -319px -245px no-repeat;
}

.icon-add-blue {
    display: inline-block;
    vertical-align: -3px;
    width: 18px;
    height: 18px;
    background: -319px -134px no-repeat;
}

.icon-calender {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 14px;
    background: -248px -164px no-repeat;
}

.icon-sep {
    display: inline-block;
    vertical-align: middle;
    _background: url('http://9.url.cn/edu/img/index/icon-sep_ie6.d41ff.png') no-repeat;
    width: 2px;
    height: 14px;
    background: -309px -164px no-repeat;
}

.icon-level {
    display: inline-block;
    vertical-align: middle;
}

.icon-level_new {
    width: 58px;
    height: 20px;
    background: -114px -164px no-repeat;
}

.icon-level_3 {
    width: 68px;
    height: 28px;
    background: -189px -131px no-repeat;
}

.icon-level_4 {
    width: 68px;
    height: 28px;
    background: 0 -198px no-repeat;
}

.icon-level_5 {
    width: 70px;
    height: 28px;
    background: -114px -131px no-repeat;
}

::-webkit-scrollbar {
    height: 11px;
    width: 10px;
    background-color: #fff;
}

::-webkit-scrollbar-button {
    height: 0;
    width: 0;
}

    ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
        display: block;
    }

    ::-webkit-scrollbar-button:vertical:start:increment, ::-webkit-scrollbar-button:vertical:end:decrement {
        display: none;
    }

::-webkit-scrollbar-track:vertical, ::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar-track:vertical, ::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
    border-style: solid;
    border-color: transparent;
}

    ::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal {
        background-clip: padding-box;
        background-color: #fff;
    }

::-webkit-scrollbar-thumb {
    padding-top: 100px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1),inset -1px -1px 0 rgba(0,0,0,0.07);
    background-clip: padding-box;
    background-color: #dadada;
    min-height: 28px;
    border-radius: 4px;
}

    ::-webkit-scrollbar-thumb:hover {
        -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25);
        background-color: rgba(0,0,0,0.4);
    }

    ::-webkit-scrollbar-thumb:active {
        -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
        background-color: rgba(0,0,0,0.5);
    }

    ::-webkit-scrollbar-track:vertical, ::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
        border-width: 0;
    }

::-webkit-scrollbar-track:hover {
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
}

::-webkit-scrollbar-track:active {
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0),inset -1px -1px 0 rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
}

.meta-mt-medium {
    margin-top: 20px;
}

.mt10 {
    margin-top: 10px!important;
}

.mt20 {
    margin-top: 20px!important;
}

.mt30 {
    margin-top: 30px!important;
}

.mb10 {
    margin-bottom: 10px!important;
}

.mb20 {
    margin-bottom: 20px!important;
}

.mb30 {
    margin-bottom: 30px!important;
}

.pt10 {
    padding-top: 10px!important;
}

.pt20 {
    padding-top: 20px!important;
}

.pt30 {
    padding-top: 30px!important;
}

.pb10 {
    padding-bottom: 10px!important;
}

.pb20 {
    padding-bottom: 20px!important;
}

.pb30 {
    padding-bottom: 30px!important;
}

.mrl15 {
    margin-left: 15px;
    margin-right: 15px;
}

.mrl25 {
    margin-left: 25px;
    margin-right: 25px;
}

.nor-link {
    color: #039ae3;
}

    .nor-link:hover {
        color: #039ae3;
    }

.nor-link-stress {
    color: #039ae3;
}

.tb {
    border-top: 1px solid #dcdcdc;
}

.rb {
    border-right: 1px solid #dcdcdc;
}

.bb {
    border-bottom: 1px solid #dcdcdc;
}

.lb {
    border-left: 1px solid #dcdcdc;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.tac {
    text-align: center;
}

.autoM {
    margin: 0 auto;
    width: 1200px;
}

.autoM-2 {
    margin: 0 auto;
    width: 1110px;
}

.meta-c-strong {
    color: #e85308;
}

.red {
    color: #e13c1e;
}

.blue {
    color: #039ae3;
}

.c999 {
    color: #999;
}

.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.fs22 {
    font-size: 22px;
}

.fs24 {
    font-size: 24px;
}

.icon-xl {
    padding-left: 16px;
    background-position: -4px -62px;
    overflow: hidden;
    background-position-x: -4px;
    background-position-y: -62px;
}

.icon-cl {
    padding-left: 16px;
    background-position: -4px -21px;
    overflow: hidden;
    background-position-x: -4px;
    background-position-y: -21px;
}

.icon-sy {
    padding-left: 16px;
    background-position: -4px -41px;
    overflow: hidden;
    background-position-x: -4px;
    background-position-y: -41px;
}

.nodata-info {
    padding: 0 10px;
}

    .nodata-info .ico-wording {
        margin-left: 10px;
        display: block;
        float: left;
        font-size: 14px;
    }

.meta-link {
    color: #1a96e1;
}

    .meta-link:hover {
        color: #1b88da;
    }

    .meta-link:active {
        color: #1076b5;
    }

.meta-f-l {
    float: left;
}

.meta-c-dark {
    color: #333!important;
}

.mod-search__input::-ms-clear {
    display: none;
}

.mod-header__wrap {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px;
    background-color: #fff;
}

    .mod-header__wrap a {
        color: #333;
    }

        .mod-header__wrap a:hover {
            color: #188eee;
        }

.mod-header {
    width: 1200px;
    height: 100px;
    margin: 0 auto;
    *zoom: 1;
}

.mod-header__link-logo {
    width: 297px;
    height: 81px;
    float: left;
    zoom: 1;
    background: url('http://9.url.cn/edu/img/index/bg-logo-rainbow.cd56e.png') center 18px no-repeat;
}

.mod-header__wrap-search {
    position: relative;
    float: right;
    padding-top: 10px;
    margin-right: 38px;
    zoom: 1;
}

.mod-header__wrap-login {
    zoom: 1;
    width: 146px;
    height: 40px;
    position: relative;
    padding-top: 10px;
    float: right;
    line-height: 40px;
    text-align: right;
    margin-left: 20px;
}

    .mod-header__wrap-login .mod-header__wrap-common-operation {
        display: inline-block;
        vertical-align: middle;
        line-height: 30px;
    }

    .mod-header__wrap-login .mod-header__link-user, .mod-header__wrap-login .mod-header__wrap-agency, .mod-header__wrap-login .mod-header__link-logout {
        display: none;
    }

    .mod-header__wrap-login .mod-header__link-login, .mod-header__wrap-login .mod-header__link-help {
        font-size: 12px;
        color: #333;
        padding: 0 5px;
        display: inline-block;
    }

    .mod-header__wrap-login .mod-header__link-help {
        margin-left: 5px;
    }

    .mod-header__wrap-login .icon-sep {
        display: inline-block;
        vertical-align: baseline;
        width: 2px;
        height: 14px;
        margin: 0 6px -3px;
        background: -309px -164px no-repeat;
    }

    .mod-header__wrap-login .mod-header__my-course, .mod-header__wrap-login .mod-header__user-operation, .mod-header__wrap-login .mod-header__link-logout {
        font-size: 12px;
        color: #333;
    }

.mod-header_wrap-user {
    display: none;
    position: relative;
    float: left;
    text-align: left;
    padding-bottom: 10px;
}

    .mod-header_wrap-user .icon-red-circle {
        width: 8px;
        height: 8px;
        position: absolute;
        top: 0;
        left: 35px;
    }

        .mod-header_wrap-user .icon-red-circle:after {
            content: "●";
            color: #f94d4d;
            font-size: 16px;
            line-height: 1;
            position: absolute;
            top: -6px;
            left: 0;
        }

    .mod-header_wrap-user .indicate-remind {
        position: relative;
    }

        .mod-header_wrap-user .indicate-remind:after {
            content: "●";
            color: #f94d4d;
            font-size: 14px;
            line-height: 1;
            display: inline-block;
            vertical-align: 0;
            position: absolute;
            top: 2px;
        }

    .mod-header_wrap-user .mod-header__user-operations {
        width: 84px;
        position: absolute;
        top: 50px;
        left: 20px;
        border: 1px solid #ddd;
        z-index: 5;
        display: none;
    }

        .mod-header_wrap-user .mod-header__user-operations a {
            background: #fff;
            display: block;
            line-height: 30px;
            text-align: center;
        }

            .mod-header_wrap-user .mod-header__user-operations a:hover {
                background: #eee;
            }

    .mod-header_wrap-user .mod-header__user-img {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        float: left;
    }

    .mod-header_wrap-user .mod-header__user-name {
        margin-left: 45px;
        width: 60px;
        font-size: 12px;
    }

        .mod-header_wrap-user .mod-header__user-name b {
            font-weight: normal;
        }

        .mod-header_wrap-user .mod-header__user-name a {
            display: block;
            position: relative;
            max-width: 64px;
            padding-right: 10px;
            color: #333;
        }

            .mod-header_wrap-user .mod-header__user-name a:after {
                content: "";
                width: 0;
                height: 0;
                position: absolute;
                right: 0;
                top: 50%;
                margin-top: -2px;
                border-top: 4px solid;
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                -webkit-transition: -webkit-transform .3s;
                transition: transform .3s;
                overflow: hidden;
            }

    .mod-header_wrap-user:hover .mod-header__user-operations {
        display: block;
    }

    .mod-header_wrap-user:hover .mod-header__user-name a {
        color: #188eee;
    }

        .mod-header_wrap-user:hover .mod-header__user-name a:after {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

.mod-header__wrap-logined .mod-header__link-login {
    display: none;
}

.mod-header__wrap-logined .mod-header__link-user, .mod-header__wrap-logined .mod-header__wrap-agency, .mod-header__wrap-logined .mod-header__link-logout {
    display: inline-block;
    vertical-align: baseline;
}

.mod-header__wrap-logined .mod-header__my-course {
    display: inline-block;
    vertical-align: baseline;
    height: 40px;
    line-height: 45px;
    margin-right: 10px;
    margin-top: -6px;
    *margin-top: -3px;
}

.mod-header_inner {
    width: 960px;
    height: 50px;
    position: relative;
    z-index: 900;
}

    .mod-header_inner .mod-header__wrap-login {
        width: 136px;
        height: 30px;
        line-height: 30px;
    }

    .mod-header_inner .mod-header-logo {
        float: left;
    }

    .mod-header_inner .mod-header__link-logo {
        width: 142px;
        height: 50px;
        background: url('http://9.url.cn/edu/img/bg-logo-inner-rainbow.10ce6.png') center no-repeat;
    }

    .mod-header_inner .mod-header__nav {
        float: left;
        margin-left: 18px;
        height: 50px;
    }

    .mod-header_inner .mod-header__nav-item, .mod-header_inner .mod-header__link-nav {
        float: left;
    }

    .mod-header_inner .mod-header__link-nav-hot {
        background: url('http://9.url.cn/edu/img/banner-tag-hot.3eb16.png') right 4px no-repeat;
    }

    .mod-header_inner .mod-header__link-nav-new {
        background: url('http://9.url.cn/edu/img/banner-tag-new1.105d5.png') right 4px no-repeat;
    }

    .mod-header_inner .mod-header__nav-item_current .mod-header__link-nav {
        color: #188eee;
    }

        .mod-header_inner .mod-header__nav-item_current .mod-header__link-nav:hover {
            color: #188eee;
        }

    .mod-header_inner .mod-header__link-nav {
        position: relative;
        padding: 0 15px;
        line-height: 50px;
        font-size: 16px;
        z-index: 9;
    }

    .mod-header_inner .mod-header__nav-item-more {
        position: relative;
        margin-left: 5px;
    }

        .mod-header_inner .mod-header__nav-item-more .mod-header__link-nav {
            margin-top: 7px;
            padding-right: 21px;
            padding-left: 10px;
            *padding-right: 15px;
            height: 44px;
            line-height: 31px;
            border: 1px solid #fff;
            border-bottom: 0;
        }

    .mod-header_inner .mod-header__nav-item-selected .mod-header__activity-list {
        display: block;
    }

    .mod-header_inner .mod-header__nav-item-selected .mod-header__link-nav {
        color: #333;
        border-color: #d9d9d9;
    }

    .mod-header_inner .mod-header__nav-item-selected .mod-header__nav-item-arrow-outer {
        top: -7px;
        border-color: transparent transparent #000 transparent;
        border-style: dashed dashed solid dashed;
    }

    .mod-header_inner .mod-header__nav-item-selected .mod-header__nav-item-arrow-inner {
        top: -6px;
        border-color: transparent transparent #fff transparent;
        border-style: dashed dashed solid dashed;
    }

    .mod-header_inner .mod-header__nav-item-arrow {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin-top: 2px;
        margin-left: 6px;
        width: 14px;
        height: 14px;
    }

    .mod-header_inner .mod-header__nav-item-arrow-outer, .mod-header_inner .mod-header__nav-item-arrow-inner {
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 7px;
        border-style: solid dashed dashed dashed;
    }

    .mod-header_inner .mod-header__nav-item-arrow-outer {
        top: 1px;
        border-color: #000 transparent transparent transparent;
    }

    .mod-header_inner .mod-header__nav-item-arrow-inner {
        border-color: #fff transparent transparent transparent;
    }

    .mod-header_inner .mod-header__activity-list {
        position: absolute;
        top: 51px;
        left: 0;
        border: 1px solid #d9d9d9;
        display: none;
        box-shadow: 3px 2px 5px #eee;
    }

    .mod-header_inner .mod-header__activity-item {
        background: #fff;
    }

    .mod-header_inner .mod-header__activity-item-content {
        display: inline-block;
        vertical-align: middle;
        width: 140px;
        height: 40px;
        line-height: 40px;
        color: #333;
        font-size: 16px;
    }

        .mod-header_inner .mod-header__activity-item-content:hover {
            color: #188eee;
            background: #eee;
        }

    .mod-header_inner .mod-header__activity-item-text {
        display: inline-block;
        vertical-align: middle;
        padding-left: 10px;
        padding-right: 18px;
    }

    .mod-header_inner .mod-header__activity-item-hot {
        background: url('http://9.url.cn/edu/img/banner-tag-hot-cn.e2ae8.png') right 8px no-repeat;
    }

    .mod-header_inner .mod-header__activity-item-new {
        background: url('http://9.url.cn/edu/img/banner-tag-new-cn.91329.png') right 8px no-repeat;
    }

    .mod-header_inner .mod-header__wrap-search {
        margin-right: 0;
    }

    .mod-header_inner .mod-search {
        border: 1px solid #188eee;
        height: 28px;
        line-height: 28px;
        width: 240px;
    }

    .mod-header_inner .mod-search__input {
        margin: 4px 10px 4px 64px;
        width: 125px;
        height: 20px;
        line-height: 20px;
        vertical-align: top;
    }

        .mod-header_inner .mod-search__input:-ms-input-placeholder {
            color: #a6a6a6;
        }

    .mod-header_inner .mod-search__btn-search {
        width: 40px;
        height: 30px;
        margin-top: -1px;
    }

    .mod-header_inner .mod-search-dropdown-item {
        height: 26px;
        line-height: 26px;
    }

        .mod-header_inner .mod-search-dropdown-item i {
            top: 10px;
        }

    .mod-header_inner .icon-search-white {
        margin-top: -8px;
    }

    .mod-header_inner .mod-header_wrap-user .icon-red-circle {
        left: 25px;
    }

    .mod-header_inner .mod-header__user-img {
        width: 30px;
        height: 30px;
        border-radius: 15px;
    }

    .mod-header_inner .mod-header__user-name {
        margin-left: 35px;
    }

    .mod-header_inner .mod-header__user-operations {
        top: 40px;
        left: 15px;
    }

.mod-header_inner-1200 {
    width: 1200px;
}

.mod-header_inner-990 {
    width: 990px;
}

.mod-header_inner-no-nav .mod-header__nav {
    display: none;
}

.mod-header_hide-tab .mod-header__nav-item {
    display: none;
}

.placeholder {
    color: #a6a6a6!important;
}

.mod-search {
    width: 450px;
    height: 36px;
    border: 2px solid #188eee;
    background: white;
    position: relative;
}

.mod-search__input {
    margin: 6px 10px 6px 64px;
    _margin-left: 51px;
    padding: 0;
    width: 315px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    text-indent: 12px;
    border: 0;
    border-left: 1px solid #ececec;
    vertical-align: top;
}

    .mod-search__input:hover, .mod-search__input:focus {
        border-color: #ececec;
    }

.mod-search__btn-search {
    position: absolute;
    right: 0;
    top: 0;
    height: 36px;
    _height: 40px;
    width: 58px;
    background: #188eee;
    line-height: 36px;
    text-align: center;
}

.icon-search-white {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: -3px;
    margin-top: -3px;
    *margin-top: 10px;
    _margin-top: 10px;
    background: -293px -131px no-repeat;
}

.mod-search-dropdown {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #fff;
    cursor: pointer;
}

    .mod-search-dropdown:hover {
        border: 1px solid #ddd;
    }

.mod-search-dropdown-hover {
    border: 1px solid #ddd;
}

.mod-search-dropdown-item {
    display: block;
    position: relative;
    height: 34px;
    width: 62px;
    color: #333;
    font-size: 12px;
    text-indent: 10px;
    line-height: 34px;
    background: #fff;
}

    .mod-search-dropdown-item i {
        display: none;
        position: absolute;
        top: 15px;
        right: 10px;
        *zoom: 1;
        width: 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 5px;
        border-style: solid dashed dashed dashed;
        border-color: #666 transparent transparent transparent;
    }

.mod-search-dropdown-item-hover {
    background: #eee;
}

.mod-search-dropdown-item-selected i {
    display: inline-block;
}

.mod-search-word-list {
    height: 32px;
    width: 450px;
    overflow: hidden;
}

    .mod-search-word-list .mod-search-word {
        display: inline-block;
        vertical-align: middle;
        margin-right: 24px;
        line-height: 32px;
        font-size: 12px;
        color: #999;
    }

    .mod-search-word-list .mod-search-word-hot {
        color: #e85308;
    }

.mod-footer {
    padding-top: 77px;
    height: 180px;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    font-size: 12px;
}

    .mod-footer p, .mod-footer a {
        color: #777;
        line-height: 24px;
    }

        .mod-footer a:hover {
            text-decoration: underline;
        }

.mod-footer_dark {
    padding-top: 40px;
    background: #444547;
}

    .mod-footer_dark .icon-logo-gray {
        display: inline-block;
        vertical-align: middle;
        width: 42px;
        height: 32px;
        margin-bottom: 5px;
        background: -225px -231px;
    }

.mod-dialog__bg {
    zoom: 1;
    position: fixed;
    _position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    z-index: 999;
    opacity: .6;
    filter: alpha(opacity=60);
    background-color: black;
}

.mod-dialog__pop {
    position: fixed;
    _position: absolute;
    top: 50%;
    left: 50%;
    width: 490px;
    margin-left: -245px;
    z-index: 999;
    background: #fff;
    font-size: 14px;
    border-radius: 4px;
    overflow: hidden;
}

.mod-dialog__hd {
    height: 30px;
    line-height: 30px;
    text-indent: 12px;
    background: #039ae3;
    color: #fff;
}

.mod-dialog__close {
    font-size: 20px;
    font-style: normal;
    position: absolute;
    right: 12px;
    top: 0;
    color: #b4e8e8;
}

    .mod-dialog__close:hover {
        color: #fdfdfd;
    }

    .mod-dialog__close:active {
        color: #125d80;
    }

.mod-dialog__bd {
    position: relative;
    line-height: 24px;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.mod-dialog__content {
    padding: 20px;
    font-size: 14px;
}

.mod-dialog__ft {
    margin: 20px;
    text-align: right;
    *zoom: 1;
}

    .mod-dialog__ft a {
        margin-left: 10px;
    }

    .mod-dialog__ft .btn-primary {
        width: 100px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
    }

    .mod-dialog__ft .btn-weak {
        width: 100px;
        height: 32px;
        line-height: 30px;
        font-size: 14px;
        border: 1px solid #d9d9d9;
        background: #f3f3f3;
    }

        .mod-dialog__ft .btn-weak:hover {
            background: #fdfdfd;
        }

        .mod-dialog__ft .btn-weak:active {
            background: #ebebeb;
        }

.modal-bg {
    zoom: 1;
    position: fixed;
    _position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    z-index: 999;
    opacity: .4;
    filter: alpha(opacity=40);
    background-color: #808080;
}

.tips {
    position: fixed;
    _position: absolute;
    top: 50%;
    left: 50%;
    width: 490px;
    margin-left: -245px;
    z-index: 999;
    background: #fff;
    font-size: 14px;
    border-radius: 4px;
    overflow: hidden;
}

    .tips .tips-hd {
        height: 30px;
        line-height: 30px;
        text-indent: 12px;
        background: #039ae3;
        color: #fff;
    }

    .tips .tips-tool {
        margin: 20px;
        text-align: right;
        *zoom: 1;
    }

        .tips .tips-tool a {
            margin-left: 10px;
        }

        .tips .tips-tool .btn-7, .tips .tips-tool .btn-8 {
            width: auto;
            height: 36px;
            line-height: 36px;
            border-radius: 2px;
        }

    .tips .btn-close {
        font-size: 20px;
        font-style: normal;
        position: absolute;
        right: 12px;
        top: 0;
        color: #b4e8e8;
    }

        .tips .btn-close:hover {
            color: #fdfdfd;
        }

        .tips .btn-close:active {
            color: #125d80;
        }

    .tips .tips-bd {
        position: relative;
        line-height: 24px;
        max-height: 500px;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .tips .tips-bd .add-uins {
            margin-left: 20px;
            margin-top: 15px;
        }

    .tips .msg {
        margin-left: 66px;
        position: relative;
        top: 10px;
        word-break: break-all;
    }

    .tips .mrl22 {
        margin-left: 22px;
        margin-right: 22px;
    }

.alert-tips {
    width: 450px;
    margin-left: -260px;
}

    .alert-tips .tips-bd {
        padding: 30px 40px;
    }

.diy-select-area {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    position: relative;
    width: 191px;
    font-size: 14px;
}

    .diy-select-area .diy-select {
        position: relative;
        padding-left: 10px;
        height: 37px;
        color: #202020;
        line-height: 37px;
        border: 1px solid #dedede;
        display: block;
        overflow: hidden;
        cursor: pointer;
        border-radius: 1px;
    }

        .diy-select-area .diy-select span, .diy-select-area .diy-select .diy-select-toggle {
            background: #fff;
            position: absolute;
            top: 0;
            right: 0;
            width: 22px;
            height: 37px;
            overflow: hidden;
        }

        .diy-select-area .diy-select b {
            position: absolute;
            top: 18px;
            right: 7px;
            width: 0;
            height: 0;
            display: block;
            overflow: hidden;
            border-top: 4px solid #dedede;
            border-right: 4px solid #fff;
            border-left: 4px solid #fff;
            border-bottom: 4px solid #fff;
        }

        .diy-select-area .diy-select.disabled {
            background: #ebebe4;
            border-color: #dedede;
            color: #545454;
        }

            .diy-select-area .diy-select.disabled b {
                border-top: 4px solid #dedede;
                border-right: 4px solid #ebebe4;
                border-left: 4px solid #ebebe4;
                border-bottom: 4px solid #ebebe4;
            }

            .diy-select-area .diy-select.disabled span {
                background: #ebebe4;
            }

            .diy-select-area .diy-select.disabled:hover {
                background: #ebebe4;
                border-color: #dedede;
            }

                .diy-select-area .diy-select.disabled:hover b {
                    border-top: 4px solid #dedede;
                    border-right: 4px solid #ebebe4;
                    border-left: 4px solid #ebebe4;
                    border-bottom: 4px solid #ebebe4;
                }

    .diy-select-area .text-tip {
        color: #999;
    }

    .diy-select-area .diy-optgroud {
        position: absolute;
        top: 38px;
        left: 0;
        width: 189px;
        background: #fff;
        border: 1px solid #9a9a9a;
        display: none;
        z-index: 3;
    }

        .diy-select-area .diy-optgroud .diy-option {
            position: relative;
            line-height: 40px;
            color: #202020;
            background: #fff;
            height: 40px;
            border-bottom: 1px solid #dedede;
        }

            .diy-select-area .diy-optgroud .diy-option a, .diy-select-area .diy-optgroud .diy-option span, .diy-select-area .diy-optgroud .diy-option i {
                color: #202020;
                display: block;
                text-indent: 10px;
                cursor: pointer;
            }

            .diy-select-area .diy-optgroud .diy-option i {
                text-indent: 5px;
            }

            .diy-select-area .diy-optgroud .diy-option:hover, .diy-select-area .diy-optgroud .diy-option a:hover {
                background: #eee;
            }

    .diy-select-area:hover .diy-select {
        background: #fff;
        border-color: #9a9a9a;
    }

        .diy-select-area:hover .diy-select b {
            border-color: #fff;
            border-top-color: #666;
        }

    .diy-select-area .diy-select-ipt {
        width: 80px;
        border: 0;
        height: 19px;
        line-height: 19px;
        padding: 10px 0 10px 10px;
        margin-left: -10px;
    }

.diy-select-on {
    position: relative;
    z-index: 10;
}

    .diy-select-on .diy-select {
        border-color: #9a9a9a;
    }

        .diy-select-on .diy-select span {
            border-color: #666;
        }

.g-err .diy-select {
    border: 1px solid #e80808;
}

.diy-select-checkbox {
    position: relative;
}

    .diy-select-checkbox .diy-option a {
        padding-left: 21px;
    }

    .diy-select-checkbox .check-box {
        position: absolute;
        left: 10px;
        top: 14px;
        width: 13px;
        height: 13px;
        background: -319px -77px no-repeat;
    }

    .diy-select-checkbox .opt-checked .check-box {
        background: -319px -103px no-repeat;
    }

    .diy-select-checkbox .diy-option-save {
        position: absolute;
        display: none;
        left: 0;
        top: 100px;
        z-index: 5;
        width: 189px;
        height: 47px;
        background: #FFF;
        border: 1px solid #9a9a9a;
    }

        .diy-select-checkbox .diy-option-save .btn-opt-save {
            width: 109px;
            height: 36px;
            line-height: 36px;
            margin: 4px 0 0 40px;
        }

.diy-optgroud {
    overflow-y: auto;
    height: 81px;
}

.dropdown {
    padding-right: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    height: 20px;
    line-height: 20px;
}

    .dropdown .dropdown-title {
        z-index: 0;
    }

    .dropdown .dropdown-arrow {
        position: absolute;
        top: 6px;
        right: 2px;
        width: 0;
        height: 0;
        display: block;
        overflow: hidden;
        border-width: 7px;
        border-style: solid dashed dashed dashed;
        border-color: #999 transparent transparent transparent;
        z-index: 0;
    }

        .dropdown .dropdown-arrow:hover {
            border-color: #666 transparent transparent transparent;
        }

    .dropdown .dropdown-panel {
        display: none;
        position: absolute;
        top: 28px;
        right: 0;
        padding-top: 6px;
        padding-bottom: 6px;
        min-width: 80px;
        _width: 80px;
        background: #fff;
        border: 1px solid #dadada;
        border-radius: 5px;
        box-shadow: 3px 3px 3px #d3d3d3;
        z-index: 9;
    }

        .dropdown .dropdown-panel ul li {
            height: 30px;
            line-height: 30px;
            padding-left: 10px;
            padding-right: 10px;
        }

            .dropdown .dropdown-panel ul li:hover {
                background-color: #eee;
            }

.dropdown-selected .dropdown-panel {
    display: block;
}

.dropdown-selected .dropdown-arrow {
    border-color: #666 transparent transparent transparent;
}

.grid-wrap .grid-header-bg {
    border: 1px solid #EEE;
    font-size: 14px;
    color: #999;
    background: #f8f8f8;
}

    .grid-wrap .grid-header-bg th {
        height: 40px;
    }

.grid-wrap .grid-data-wrap {
    position: relative;
    _overflow: hidden;
}

    .grid-wrap .grid-data-wrap .grid-data tr.no-border {
        border-bottom: 0;
    }

    .grid-wrap .grid-data-wrap .grid-data tr.grid-row-hover {
        background: #EEE;
    }

    .grid-wrap .grid-data-wrap .grid-data td {
        height: 51px;
        border-bottom: 1px solid #e6e6e6;
    }

.grid-wrap .loading-wrap {
    position: absolute;
    height: 100%;
    _height: 9999px;
    width: 100%;
    top: 0;
    left: 0;
    background: 0;
    display: none;
}

.grid-wrap .grid-page-wrap {
    margin: 30px 0;
}

.mod-change-page {
    text-align: center;
    _padding-bottom: 2px;
}

.mod-change-page__btn {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    background: #fff;
    font-size: 16px;
    border: 1px solid #d9d9d9;
    color: #333;
    text-align: center;
    border-radius: 2px;
    padding: 0 24px;
    margin: 0 3px;
}

    .mod-change-page__btn:hover {
        background-color: #f1f1f1;
    }

.mod-change-page__btn_current {
    background: #049ee4;
    border-color: #049ee4;
    color: #fff;
}

    .mod-change-page__btn_current:hover {
        background: #049ee4;
    }

.mod-change-page__btn_pre, .mod-change-page__btn_next {
    margin: 0;
    *margin: 0 6px;
    _margin: 0 6px;
    padding: 0;
    width: 78px;
    position: relative;
}

    .mod-change-page__btn_pre i, .mod-change-page__btn_next i {
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -3px;
        width: 7px;
        height: 12px;
    }

    .mod-change-page__btn_pre i {
        background: -215px -276px no-repeat;
    }

    .mod-change-page__btn_pre.mod-change-page__btn_disabled {
        border-color: #ededed;
        color: #bcbcbc;
        cursor: default!important;
        background-color: #e3e3e3!important;
    }

        .mod-change-page__btn_pre.mod-change-page__btn_disabled:hover {
            background-color: #e3e3e3!important;
        }

        .mod-change-page__btn_pre.mod-change-page__btn_disabled i {
            background: -227px -276px no-repeat;
        }

    .mod-change-page__btn_next i {
        background: -239px -276px no-repeat;
    }

    .mod-change-page__btn_next.mod-change-page__btn_disabled {
        border-color: #ededed;
        color: #bcbcbc;
        cursor: default!important;
        background-color: #e3e3e3!important;
    }

        .mod-change-page__btn_next.mod-change-page__btn_disabled:hover {
            background-color: #e3e3e3!important;
        }

        .mod-change-page__btn_next.mod-change-page__btn_disabled i {
            background: -203px -276px no-repeat;
        }

.page-pre-btn, .page-next-btn {
    height: 38px;
    line-height: 38px;
    width: 78px;
    background: #fff;
    font-size: 16px;
    border: 1px solid #d9d9d9;
    color: #333;
    text-align: center;
    position: relative;
    border-radius: 2px;
}

    .page-pre-btn:hover, .page-next-btn:hover {
        background-color: #f1f1f1;
    }

    .page-pre-btn i, .page-next-btn i {
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -3px;
        width: 7px;
        height: 12px;
    }

    .page-pre-btn i {
        background: transparent -215px -276px no-repeat;
    }

    .page-next-btn i {
        background: transparent -239px -276px no-repeat;
    }

a.page-btn-dis {
    border-color: #ededed;
    color: #bcbcbc;
    cursor: default!important;
    background-color: #e3e3e3!important;
}

    a.page-btn-dis:hover {
        background-color: #e3e3e3!important;
    }

.page-pre-btn i.page-btn-dis {
    background: transparent -227px -276px no-repeat;
}

.page-next-btn i.page-btn-dis {
    background: transparent -203px -276px no-repeat;
}

.page-btn {
    height: 38px;
    line-height: 38px;
    width: 64px;
    background: #fff;
    border: 1px solid #d9d9d9;
    margin: 0 3px;
    color: #333;
    font-size: 16px;
    border-radius: 2px;
}

    .page-btn:hover {
        background: #f1f1f1;
    }

.page-btn-cur {
    background: #049ee4;
    border-color: #049ee4;
    color: #fff;
}

    .page-btn-cur:hover {
        background: #049ee4;
    }

.sort-page {
    text-align: center;
    _padding-bottom: 2px;
}

    .sort-page .page-box {
        font-size: 0;
        margin-bottom: 97px;
    }

        .sort-page .page-box span {
            font-size: 12px;
        }

    .sort-page .page-pre-btn {
        margin-right: 3px;
    }

    .sort-page .page-next-btn {
        margin-left: 3px;
    }

    .sort-page a {
        display: inline-block;
        vertical-align: middle;
    }

.upload {
    overflow: hidden;
    position: relative;
    border: 1px solid #dadada;
}

    .upload .mask {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        display: none;
    }

        .upload .mask .mask-bg, .upload .mask .mask-cont {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            font-size: 14px;
        }

        .upload .mask .mask-bg {
            background: #000;
            opacity: .4;
            filter: alpha(opacity=40);
        }

    .upload:hover .mask {
        display: block;
    }

    .upload .mask-cont {
        text-align: center;
        color: #fff;
    }

    .upload img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }

    .upload input {
        padding: 0;
        height: auto;
        font-size: 200px;
        position: absolute;
        right: -1px;
        top: -1px;
        z-index: 997;
        cursor: pointer;
        opacity: .01;
        filter: alpha(opacity=1);
    }

    .upload.disabled .mask, .upload.disabled:hover .mask, .upload.disabled input {
        display: none;
    }

.ie6-upload-disabled .mask, .ie6-upload-disabled:hover .mask, .ie6-upload-disabled input {
    _display: none;
}

.mod-tips {
    padding: 20px;
}

.mod-tips__content {
    padding-left: 11px;
    height: 30px;
    line-height: 30px;
    background-color: #fffbe5;
    border: 1px solid #f7dcb1;
    color: #f09e3c;
    font-size: 12px;
    display: block;
    border-radius: 2px;
}

    .mod-tips__content a {
        color: #1d93f7;
    }

.mod-tips_whole {
    padding: 0;
}

    .mod-tips_whole .mod-tips__content {
        padding-left: 0;
        color: #666;
        font-size: 14px;
    }

    .mod-tips_whole .mod-tips__main {
        text-align: center;
        position: relative;
        width: 1200px;
        margin: 0 auto;
    }

    .mod-tips_whole .mod-tips__close {
        position: absolute;
        width: 16px;
        height: 16px;
        top: 6px;
        right: 0;
        background: -319px -203px no-repeat;
    }

        .mod-tips_whole .mod-tips__close:hover {
            background: -319px -224px no-repeat;
        }

        .mod-tips_whole .mod-tips__close:active {
            background: -298px -103px no-repeat;
        }

.yel-tip {
    padding-left: 11px;
    height: 30px;
    line-height: 30px;
    background-color: #fffbe5;
    border: 1px solid #f7dcb1;
    color: #f09e3c;
    font-size: 12px;
    display: block;
    border-radius: 2px;
}

    .yel-tip a {
        color: #1d93f7;
    }

.banner {
    width: 758px;
    height: 280px;
    overflow: hidden;
    position: relative;
}

    .banner .slider {
        width: 5000px;
        height: 280px;
    }

        .banner .slider li {
            float: left;
            width: 758px;
            height: 280px;
            overflow: hidden;
        }

    .banner .sliderbox {
        float: left;
        position: relative;
    }

    .banner .b-pre-btn {
        position: absolute;
        left: 0;
        top: 85px;
    }

    .banner .b-next-btn {
        position: absolute;
        right: 0;
        top: 85px;
    }

    .banner .slidernav {
        position: absolute;
        bottom: 7px;
        width: 100%;
        height: 10px;
        line-height: 0;
        text-align: center;
    }

        .banner .slidernav li {
            width: 8px;
            height: 8px;
            margin-right: 1px;
            background-color: white;
            cursor: pointer;
            overflow: hidden;
            border-radius: 4px;
            opacity: .4;
            filter: alpha(opacity=40);
            display: inline-block;
            vertical-align: middle;
        }

            .banner .slidernav li.current {
                opacity: 1;
                filter: alpha(opacity=100);
            }

.course-card {
    cursor: pointer;
    position: relative;
    padding: 6px;
    width: 222px;
    line-height: 20px;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s;
}

    .course-card:hover {
        background-color: rgba(0,0,0,0.1);
    }

    .course-card .course-face {
        position: relative;
        width: 222px;
        height: 125px;
    }

        .course-card .course-face a, .course-card .course-face img {
            width: 222px;
            height: 125px;
            display: inline-block;
            vertical-align: middle;
        }

        .course-card .course-face .border {
            position: absolute;
            top: 0;
            left: 0;
            width: 220px;
            height: 123px;
            border: 1px solid #000;
            border-radius: 0;
            opacity: .1;
            filter: alpha(opacity=10);
        }

        .course-card .course-face .course-time {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 222px;
            height: 20px;
            line-height: 20px;
            text-indent: 3px;
            color: white;
            background-color: rgba(0,0,0,0.55);
        }

    .course-card .course-title {
        margin-top: 7px;
        height: 20px;
        overflow: hidden;
        white-space: nowrap;
    }

        .course-card .course-title a {
            color: #333;
            font-size: 14px;
            max-width: 222px;
            width: auto!important;
            display: inline-block;
            vertical-align: middle;
            -webkit-transition: .3s;
            transition: .3s;
        }

            .course-card .course-title a:hover {
                color: #62b4f7;
            }

        .course-card .course-title .icon_label + a {
            max-width: 207px;
            width: auto!important;
        }

    .course-card .course-emphasis {
        margin-top: 8px;
        height: 20px;
    }

        .course-card .course-emphasis .course-price {
            color: #e85308;
            font-size: 14px;
            height: 20px;
            line-height: 18px;
            float: left;
        }

        .course-card .course-emphasis .course-price-free {
            color: #5fb41b;
        }

        .course-card .course-emphasis .course-num {
            margin-left: 7px;
            height: 20px;
            line-height: 20px;
            color: #999;
            display: inline-block;
            vertical-align: middle;
        }

            .course-card .course-emphasis .course-num:first-child {
                margin-left: 0;
            }

        .course-card .course-emphasis .course-agency {
            display: block;
        }

    .course-card .course-agency {
        color: #999;
        -webkit-transition: .3s;
        transition: .3s;
        display: inline-block;
        vertical-align: middle;
    }

        .course-card .course-agency:hover {
            color: #62b4f7;
        }

        .course-card .course-agency .course-agency-name {
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .course-card > .course-agency {
        margin-top: 3px;
        position: relative;
        height: 26px;
        width: 108px;
        padding-left: 25px;
    }

        .course-card > .course-agency .course-agency-icon {
            position: absolute;
            top: 3px;
            left: 0;
            width: 20px;
            height: 20px;
            border-radius: 2px;
        }

        .course-card > .course-agency img {
            width: 20px;
            height: 20px;
        }

        .course-card > .course-agency .course-agency-name {
            height: 26px;
            line-height: 26px;
        }

        .course-card > .course-agency .border {
            position: absolute;
            top: 0;
            left: 0;
            width: 18px;
            height: 18px;
            border: 1px solid #000;
            border-radius: 2px;
            opacity: .1;
            filter: alpha(opacity=10);
        }

    .course-card .course-btn {
        width: 76px;
        height: 26px;
        line-height: 26px;
        font-size: 12px;
        position: absolute;
        right: 6px;
        bottom: 6px;
    }

        .course-card .course-btn .loading-dot {
            position: absolute;
        }

    .course-card > .course-btn {
        bottom: 0;
    }

    .course-card .icon-card-lu {
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        height: 30px;
        position: absolute;
        bottom: 10px;
        left: 10px;
        background: -82px -276px;
    }

    .course-card .mod-support-listen {
        position: absolute;
        color: #fff;
        top: 0;
        left: 0;
        font-size: 14px;
        width: 77px;
        height: 21px;
        padding-left: 5px;
        background: -216px -103px no-repeat;
    }

.course-card-for-agency .course-agency {
    display: none;
}

.course-card-for-agency .course-emphasis {
    height: 26px;
}

.course-card-nobtn > .course-agency {
    max-width: 197px;
    width: auto!important;
}

.course-card-nobtn .course-btn {
    display: none;
}

.mod-course-card {
    width: 220px;
    height: 180px;
    padding: 10px 11px 8px 11px;
    border: 1px solid transparent;
    -webkit-transition: .3s;
    transition: .3s;
}

    .mod-course-card .icon-card-play {
        display: none;
    }

    .mod-course-card:hover {
        border-radius: 1px;
        box-shadow: #ececec 0 1px 1px;
        background: white;
        border: 1px solid #ddd;
    }

.mod-course-card__link-img, .mod-course-card__img {
    display: inline-block;
    vertical-align: middle;
    width: 220px;
    height: 124px;
}

.mod-support-listen {
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    font-size: 14px;
    width: 77px;
    height: 21px;
    padding-left: 5px;
    background: -216px -103px no-repeat;
}

.mod-cur-lesson {
    position: absolute;
    color: #fff;
    bottom: 1px;
    right: 4px;
    font-size: 14px;
    height: 21px;
    padding-left: 5px;
}

.mod-course-card__name {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    max-width: 220px;
    width: auto!important;
    padding-top: 8px;
    color: #333;
    -webkit-transition: .3s;
    transition: .3s;
}

    .mod-course-card__name:hover {
        color: #62b4f7;
    }

.mod-course-card__line {
    margin-right: -2px;
    width: 220px;
    font-size: 14px;
}

    .mod-course-card__line .icon-sep {
        margin: 0 7px;
    }

.mod-course-card__teacher {
    color: #999;
    display: inline-block;
    vertical-align: middle;
}

.v-flag {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: -2px 0 0 10px;
    background: transparent -227px -164px no-repeat;
}

.mod-course-card__price {
    display: inline-block;
    vertical-align: middle;
    color: #e85308;
    margin-top: -1px;
}

.mod-course-card__price_free {
    color: #5fb41b;
}

.mod-course-card__agency {
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    color: #999;
    -webkit-transition: .3s;
    transition: .3s;
    max-width: 128px;
    width: auto!important;
}

    .mod-course-card__agency:hover {
        color: #62b4f7;
    }

.mod-course-card__group {
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    color: #365d82;
    -webkit-transition: .3s;
    transition: .3s;
    max-width: 128px;
    width: auto!important;
}

    .mod-course-card__group:hover {
        color: #62b4f7;
    }

    .mod-course-card__group .mod-course-card__gn {
        margin-left: 5px;
    }

.mod-course-card__apply-num {
    display: inline-block;
    vertical-align: middle;
    color: #999;
    font-size: 12px;
    margin-left: 5px;
    margin-bottom: -2px;
}

.mod-course-card__extra-info {
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    color: #999;
    margin-left: 10px;
}

.mod-course-card__link-img {
    position: relative;
}

    .mod-course-card__link-img:before {
        content: "";
        position: absolute;
        height: 40px;
        bottom: 0;
        left: 0;
        width: 100%;
        background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.6),rgba(0,0,0,0));
        background: linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0));
        filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#00000000');
    }

.mod-course-card_lu .icon-card-play {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: -117px -276px no-repeat;
}

.mod-course-card_lu .icon-card-lu {
    display: inline-block;
    vertical-align: middle;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/play_icon_normal_index.png',sizingMethod='crop');
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: -82px -276px no-repeat;
}

.mod-course-card_list {
    font-size: 0;
    line-height: 0;
    width: 976px;
}

.mod-course-card__item {
    display: inline-block;
    vertical-align: middle;
    width: 244px;
    line-height: 1.5;
}

.mod-user-area {
    height: 190px;
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
}

.mod-user-area__wrap {
    position: relative;
    height: 120px;
    padding: 29px 23px 12px 23px;
}

.mod-user-area__op {
    position: absolute;
    left: 23px;
    bottom: 0;
}

.mod-user-area__btn {
    width: 171px;
    height: 36px;
    line-height: 36px;
}

.user-area {
    height: 190px;
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
}

    .user-area .user {
        position: relative;
        height: 120px;
        margin: 29px 23px 0 23px;
        padding-bottom: 20px;
    }

    .user-area .user-tool {
        position: absolute;
        margin: 20px 0 0;
        bottom: 9px;
    }

.user-tool .btn-2 {
    font-size: 14px;
}

.user-tool .btn-3 {
    width: 170px;
}

.people-card-star .people-face {
    float: left;
    margin-right: 20px;
}

    .people-card-star .people-face img {
        border-radius: 67px;
        width: 125px;
        height: 125px;
        border: 1px solid #cdcdcd;
    }

.people-card-star .people-name {
    font-size: 16px;
    font-weight: 700;
}

.people-card-star .people-des {
    margin-top: 8px;
    color: #989898;
}

.people-card-star .btn {
    margin-top: 12px;
    width: 113px;
    height: 38px;
    line-height: 38px;
}

.mod-user-card {
    position: relative;
    height: 62px;
    overflow: hidden;
    padding-left: 71px;
}

.mod-user-card__img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
}

.mod-user-card__img {
    width: 60px;
    height: 60px;
    border-radius: 2px;
}

.mod-user-card__name {
    display: inline-block;
    vertical-align: middle;
    max-width: 7em;
    width: auto!important;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin: 2px 0 5px 0;
    color: #333;
}

    .mod-user-card__name:hover {
        color: #039ae3;
    }

.mod-user-card__addition-text {
    color: #999;
}

.usercard {
    position: relative;
    height: 62px;
    overflow: hidden;
    padding-left: 71px;
}

    .usercard .user-head {
        position: absolute;
        top: 0;
        left: 0;
        width: 60px;
        height: 60px;
        overflow: hidden;
    }

        .usercard .user-head img {
            width: 60px;
            height: 60px;
            border-radius: 2px;
        }

    .usercard .user-name {
        height: 20px;
        line-height: 20px;
        font-size: 14px;
        margin: 2px 0 5px 0;
    }

        .usercard .user-name a {
            color: #333;
        }

            .usercard .user-name a:hover {
                color: #039ae3;
            }

    .usercard .user-welcome {
        color: #999;
    }

    .usercard .border {
        position: absolute;
        top: 0;
        left: 0;
        width: 58px;
        height: 58px;
        border: 1px solid #000;
        border-radius: 2px;
        opacity: .1;
        filter: alpha(opacity=10);
    }

.live-guide-tips {
    width: 575px;
}

.modal-live-guide {
    width: 495px;
    margin: 0 40px 0 0;
}

    .modal-live-guide .module-live-t {
        padding-bottom: 35px;
    }

        .modal-live-guide .module-live-t .live-guide-title {
            float: left;
            font-size: 18px;
            padding-left: 20px;
            padding-top: 10px;
        }

    .modal-live-guide .guide-hint {
        clear: left;
        float: left;
        width: 300px;
    }

        .modal-live-guide .guide-hint .guide-hint-p {
            font-size: 14px;
            line-height: 18px;
            padding-bottom: 30px;
        }

    .modal-live-guide .guide-pic {
        float: right;
        width: 185px;
        height: 205px;
        background-image: url('http://9.url.cn/edu/img/client-open-hint-bg.37594.png');
    }

.treeres {
    height: 68px;
    overflow: hidden;
}

    .treeres .rb {
        border-right: 1px solid #dcdcdc;
    }

    .treeres .treeres-item {
        float: left;
        width: 80px;
        height: 68px;
        font-size: 18px;
    }

        .treeres .treeres-item .treeres-num {
            font-size: 28px;
            line-height: 36px;
            color: #e85308;
            text-align: center;
        }

        .treeres .treeres-item .treeres-cat {
            line-height: 32px;
            text-align: center;
        }

.treeres-active {
    height: 68px;
    overflow: hidden;
}

    .treeres-active .rb {
        border-right: 1px solid #dcdcdc;
    }

    .treeres-active .treeres-item {
        float: left;
        width: 59px;
        height: 68px;
        font-size: 18px;
        cursor: pointer;
    }

        .treeres-active .treeres-item .treeres-num {
            font-size: 28px;
            line-height: 36px;
            color: #e85308;
            text-align: center;
        }

        .treeres-active .treeres-item .treeres-cat {
            text-align: center;
            line-height: 32px;
        }

            .treeres-active .treeres-item .treeres-cat:hover {
                -webkit-transition: .3s;
                transition: .3s;
                color: #62b4f7;
            }

        .treeres-active .treeres-item:hover {
            background-color: #e5e5e5;
        }

.user-area {
    height: 190px;
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
}

    .user-area .user {
        position: relative;
        height: 120px;
        margin: 29px 23px 0 23px;
        padding-bottom: 20px;
    }

    .user-area .user-tool {
        position: absolute;
        margin: 20px 0 0;
        bottom: 9px;
    }

.user-tool .btn-2 {
    font-size: 14px;
}

.user-tool .btn-3 {
    width: 170px;
}

.l-nav-area {
    background: #FFF;
}

.l-nav {
    padding-top: 13px;
}

    .l-nav .l-nav-item {
        width: 219px;
        height: 45px;
        overflow: hidden;
    }

        .l-nav .l-nav-item a {
            position: relative;
            height: 45px;
            line-height: 45px;
            color: #333;
            display: block;
            font-size: 14px;
            text-indent: 20px;
            border-left: 4px solid #fff;
        }

            .l-nav .l-nav-item a:hover {
                background: #f2f2f2;
                font-size: 14px;
                color: #049ee4;
                border-left: 4px solid #e5e5e5;
            }

            .l-nav .l-nav-item a .red-point {
                color: #f94d4d;
                position: relative;
                top: -6px;
            }

            .l-nav .l-nav-item a b {
                position: absolute;
                top: 18px;
                left: 38px;
                width: 3px;
                height: 3px;
                display: none;
                overflow: hidden;
                background: #7f7f7f;
                border-radius: 2px;
            }

            .l-nav .l-nav-item a i {
                margin-left: 8px;
                padding: 0 5px;
                font-size: 12px;
                line-height: 15px;
                background-color: #d7605c;
                color: #fff;
                font-family: Tahoma;
                display: none;
                border-radius: 7px;
            }

    .l-nav .l-nav-item-child {
        width: 189px;
        height: 30px;
        overflow: hidden;
    }

        .l-nav .l-nav-item-child a {
            position: relative;
            height: 30px;
            line-height: 30px;
            color: #666;
            display: block;
            font-size: 14px;
            text-indent: 20px;
            padding-left: 15px;
        }

            .l-nav .l-nav-item-child a:hover {
                background: #f2f2f2;
                font-size: 14px;
                color: #039ae3;
                padding-left: 15px;
            }

    .l-nav .l-nav-cur a {
        color: #039ae3;
        border-left: 4px solid #039ae1;
    }

        .l-nav .l-nav-cur a:hover {
            background: #fff;
            border-left: 4px solid #039ae1;
        }

    .l-nav .l-nav-selected.l-nav-item a {
        color: #039ae3;
    }

        .l-nav .l-nav-selected.l-nav-item a:hover {
            background: #fff;
            border-left: 4px solid #fff;
        }

.l-nav-block {
    border-top: 1px solid #eee;
}

    .l-nav-block h3 {
        position: relative;
        padding-top: 5px;
        line-height: 40px;
        color: #333;
        display: block;
        font-size: 16px;
        text-indent: 20px;
        border-left: 4px solid #FFF;
        cursor: pointer;
    }

        .l-nav-block h3 .icon-arrow {
            position: absolute;
            width: 10px;
            height: 5px;
            right: 20px;
            top: 25px;
            background: -294px -198px;
        }

        .l-nav-block h3.l-nav-cur {
            color: #039ae3;
            border-left: 4px solid #039ae1;
            position: relative;
        }

.l-nav-block_close h3 .icon-arrow {
    background: -319px -266px;
}

.l-nav-block_close .l-nav {
    display: none;
}

.expand-mod .expand-mod-name {
    float: left;
    width: 112px;
    height: 40px;
    line-height: 40px;
    text-align: right;
}

.expand-mod .expand-mod-cont .expand-del {
    margin-left: 12px;
    color: #fb4d4d;
    line-height: 40px;
}

    .expand-mod .expand-mod-cont .expand-del:hover {
        text-decoration: underline;
    }

.expand-mod .expand-add {
    width: 285px;
    height: 35px;
    line-height: 35px;
    background: #fff;
    border: 2px dashed #cdcdcd;
    color: #929292;
    display: block;
    text-align: center;
    overflow: hidden;
}

    .expand-mod .expand-add:hover {
        border-color: #05a1e5;
        color: #05a1e5;
    }

.js-agency-role .js-agency-manage {
    display: block!important;
}

.js-agency-role .js-agency-join {
    display: none!important;
}

.js-normal-role .js-agency-manage, .js-unknown-role .js-agency-manage {
    display: none!important;
}

.js-normal-role .js-agency-join, .js-unknown-role .js-agency-join {
    display: block!important;
}

.js-teacher-role .js-agency-manage {
    display: none!important;
}

.js-teacher-role .js-agency-join {
    display: none!important;
}

.js-teacher-role .js-agency-manage {
    display: none!important;
}

.js-teacher-role .js-agency-join {
    display: none!important;
}

.js-teacher-role.js-admin-role .js-agency-manage {
    display: block!important;
}

.js_cdn_switch_detector {
    visibility: hidden;
}

.blackBg {
    width: 100%;
    height: 100%;
    background-color: black;
    position: fixed;
    _position: absolute;
    z-index: 999;
    opacity: .6;
    filter: alpha(opacity=60);
    left: 0;
    top: 0;
}

.s-main {
    width: 1198px!important;
}

    .s-main .sm-main, .s-main .sm-side {
        float: left;
    }

    .s-main .sm-main {
        width: 978px;
    }

    .s-main .sm-side {
        width: 219px;
    }

.sm-main-big .sm-main {
    width: 896px!important;
}

.sm-main-big .sm-side {
    width: 300px!important;
    _overflow: hidden;
}

.sm-main-big .sm-main-content {
    border-top: 1px solid #dcdcdc;
}

.market-mod {
    _position: relative;
}

    .market-mod .market-cnt {
        position: relative;
        _zoom: 1;
    }

.market-hd {
    margin-bottom: 7px;
}

    .market-hd .title {
        padding-right: 20px;
        font-size: 22px;
    }

    .market-hd .count {
        color: #e85308;
    }

    .market-hd .now {
        padding-right: 6px;
        color: #e85308;
    }

    .market-hd .time {
        color: #999;
    }

    .market-hd .more {
        color: #039ae3;
        font-size: 14px;
    }

        .market-hd .more:hover {
            color: #039ae3;
        }

.market-bd-6 .market-list-mod {
    width: 1210px!important;
}

.market-bd-6 .mlm-item {
    margin: 0 8px 28px 0!important;
    border: none!important;
}

.market-list-mod {
    _zoom: 1;
}

    .market-list-mod .mlm-item {
        cursor: default;
        position: relative;
        float: left;
        margin: 0 6px 8px 0;
    }

    .market-list-mod .mlm-rt {
        position: absolute;
        top: -6px;
        right: -6px;
        display: none;
    }

        .market-list-mod .mlm-rt .btn-del {
            width: 20px;
            height: 20px;
            background-position: 0 -200px;
            display: block;
            overflow: hidden;
            background-position-x: 0;
            background-position-y: -200px;
        }

            .market-list-mod .mlm-rt .btn-del:hover {
                background-position: 0 -240px;
                background-position-x: 0;
                background-position-y: -240px;
            }

    .market-list-mod .hover .mlm-rt {
        display: block!important;
    }

.bm-menu-hd {
    padding: 0 0 7px 0;
    margin-left: 14px;
    font-size: 18px;
}

.bm-menu-bd .mod {
    margin-bottom: 6px;
    padding: 6px 6px 13px 16px;
    *vertical-align: bottom;
    overflow: hidden;
}

    .bm-menu-bd .mod:hover {
        background-color: rgba(0,0,0,0.1);
    }

.bm-menu-bd .mod-8 {
    margin-bottom: 15px;
}

.bm-menu-bd .bm-menu-name {
    color: #545454;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
}

    .bm-menu-bd .bm-menu-name .name {
        float: left;
        display: inline-block;
        width: 91px;
    }

.bm-menu-bd .bm-menu-time {
    float: left;
    margin-left: 12px;
    color: #999;
}

.bm-menu-bd .bm-menu-img {
    position: relative;
    float: left;
    width: 91px;
    height: 51px;
    display: block;
    overflow: hidden;
    border-radius: 2px;
}

    .bm-menu-bd .bm-menu-img .a-parent {
        position: absolute;
        top: 0;
        left: 0;
        width: 89px;
        height: 49px;
    }

    .bm-menu-bd .bm-menu-img img {
        width: 90px;
        height: 50px;
        display: block;
        overflow: hidden;
    }

    .bm-menu-bd .bm-menu-img .border {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 89px;
        height: 49px;
        border: 1px solid #000;
        opacity: .1;
        filter: alpha(opacity=10);
    }

    .bm-menu-bd .bm-menu-img span {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 91px;
        height: 16px;
        line-height: 16px;
        color: #fff;
        font-size: 12px;
        text-indent: 3px;
        background: rgba(0,0,0,0.4);
    }

.bm-menu-bd .bm-menu-info {
    padding-left: 102px;
    color: #999;
}

    .bm-menu-bd .bm-menu-info .bm-menu-info-top {
        color: #999;
        margin-top: -4px;
        line-height: 20px;
        max-height: 36px;
        height: auto;
        _height: 36px;
        overflow: hidden;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .bm-menu-bd .bm-menu-info .bm-menu-info-top:hover {
            color: #04abf7;
            text-decoration: none;
        }

        .bm-menu-bd .bm-menu-info .bm-menu-info-top a {
            color: black;
            white-space: normal;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            word-break: break-all;
            -webkit-transition: .3s;
            transition: .3s;
        }

            .bm-menu-bd .bm-menu-info .bm-menu-info-top a:hover {
                color: #04abf7;
                text-decoration: none;
            }

            .bm-menu-bd .bm-menu-info .bm-menu-info-top a:hover {
                color: #3c99c4;
            }

    .bm-menu-bd .bm-menu-info .bm-menu-info-bottom {
        margin-top: 4px;
        text-align: left;
    }

    .bm-menu-bd .bm-menu-info .bm-menu-price {
        margin-right: 5px;
        color: #e85308;
    }

.bm-menu-bd .bm-menu-more {
    clear: left;
    height: 51px;
    overflow: hidden;
}

.sm-bm-style .bm-menu-hd {
    margin: 25px 0 0 0;
    padding-bottom: 9px;
    font-size: 18px;
}

.sm-bm-style .mrl15 .bm-menu-hd {
    margin-left: 10px;
}

.sm-bm-style .bm-menu-bd .mod {
    margin-bottom: -1px;
    padding: 6px 6px 13px 9px;
}

.unit .unit-img {
    float: left;
}

.unit .unit-info {
    padding-left: 101px;
}

.unit .unit-tool {
    margin: 18px 0 0 0;
}

.unit .unit-more {
    margin: 18px 0 0 0;
}

.unit .unit-name, .unit .unit-count {
    width: 162px;
}

.unit .unit-detail {
    max-height: 52px;
    _height: 52px;
    overflow: hidden;
}

.unit-img img {
    width: 90px;
    height: 90px;
    display: block;
    overflow: hidden;
    border-radius: 2px;
}

.unit-name {
    height: 24px;
    font-size: 16px;
    margin-bottom: 14px;
}

    .unit-name a {
        color: #202020;
    }

        .unit-name a:hover {
            color: #039ae3;
        }

.unit-count {
    color: #999;
}

.unit-title {
    font-size: 14px;
}

.unit-cont {
    color: #545454;
}

.placeholder {
    color: #a6a6a6!important;
}

.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    z-index: 995;
}

.mask, .ptlogin-mask, .modal-bg {
    background-color: #000!important;
    filter: alpha(opacity=60)!important;
    opacity: .6!important;
}

.pay-succ {
    width: 570px;
    margin-left: -285px;
}

    .pay-succ .tips-bd .part {
        text-indent: 26px;
    }

    .pay-succ .form-item {
        margin-top: 12px;
    }

    .pay-succ .ipt {
        width: 200px;
        padding-left: 4px;
    }

.back-info .modal-cancel {
    display: none;
}

.add-uins {
    margin: 0;
    padding: 5px;
    width: 436px;
    min-height: 64px;
    max-height: 300px;
    _height: 34px;
    overflow: auto;
    overflow-x: hidden;
    border: 1px solid #e8e8e8;
    resize: none;
    border-radius: 2px;
}

.error-textarea {
    padding: 3px 0;
}

.error-tip {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

    .error-tip p {
        padding: 6px 0 8px 30px;
        line-height: 20px;
        color: #e85308;
        position: relative;
        *zoom: 1;
    }

        .error-tip p i {
            position: absolute;
            top: 10px;
            left: 9px;
            width: 16px;
            height: 16px;
            background: -206px -164px no-repeat;
        }

    .error-tip span {
        display: inline-block;
        padding: 6px 0 8px 30px;
        line-height: 20px;
        color: #e85308;
        position: relative;
    }

        .error-tip span i {
            position: absolute;
            top: 10px;
            left: 9px;
            width: 16px;
            height: 16px;
            background: -206px -164px no-repeat;
        }

.mod-zoomdetect {
    width: 100%;
    height: 40px;
    background: #feffe5;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #e7cf7b;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}

    .mod-zoomdetect .wzd-btnclose {
        float: right;
        margin: 12px 10px 0 0;
        line-height: 20px;
        font-size: 14px;
        text-decoration: none;
        display: block;
        height: 17px;
        width: 18px;
        text-indent: -999em;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFEMkI2NjcyMUU1MDExRTI5QTNDQzVGRjA5RkNFOEJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFEMkI2NjczMUU1MDExRTI5QTNDQzVGRjA5RkNFOEJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUQyQjY2NzAxRTUwMTFFMjlBM0NDNUZGMDlGQ0U4QkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUQyQjY2NzExRTUwMTFFMjlBM0NDNUZGMDlGQ0U4QkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4KQ9vHAAAAaVBMVEX36KDmsDj79MX25pvx1mj25KvpvBvotwv35q/quk746rb14aTqvR7nsTr03oP466j14Ijy1mv8+dLrwi703YD9/eDpuxj47K3txzv79sr46qX898379cj688DuzEvotgjntAPkqCb+/+VdDoOaAAAAeklEQVR42nzQSQ7DMAgFUMhQZ+yQNkObtGDuf8jaimSbRfJX1rP0QUBT2zR1A9hKmhbBio49kPzu3/MrysKFCJAZg7w7LoAIkp6tY94hNF+Zf2pWTjT5rjjLdWQXfkR5mo+IozVI9vW/w+1sZy19qaDsoUJ1H6z+AgwA3sohMj+lmyUAAAAASUVORK5CYII=') center center no-repeat;
    }

    .mod-zoomdetect q {
        font-weight: bold;
        color: #f00;
    }

    .mod-zoomdetect .wzd-nevertip {
        text-decoration: underline;
        color: #2383c2;
        font-size: 14px;
    }

.headerv1 {
    height: 58px;
    min-width: 960px;
}

    .headerv1 .autoM {
        width: 960px;
    }

    .headerv1 .h-inner {
        height: 58px;
    }

    .headerv1 .nav-area {
        left: 157px;
    }

    .headerv1 .nav {
        border-right: 0;
    }

        .headerv1 .nav .nav-item {
            width: auto;
            _width: 5em;
            margin-left: 16px;
            *margin-left: 8px;
            border: 0;
        }

            .headerv1 .nav .nav-item .nav-a {
                height: 58px;
                line-height: 58px;
                border-top: 0;
                font-size: 14px;
                color: #666;
            }

                .headerv1 .nav .nav-item .nav-a:hover {
                    color: #19b0f4;
                }

    .headerv1 .search-area {
        margin-top: 13px;
        float: right;
        margin-right: 20px;
        position: relative;
        top: 0;
        *margin-right: 10px;
    }

    .headerv1 .login-area {
        top: 19px;
    }

    .headerv1 .login-area {
        float: right;
        position: relative;
        _width: 230px;
        max-width: 230px;
    }

        .headerv1 .login-area .split-line {
            margin: -1px 8px 0 8px;
        }

        .headerv1 .login-area .logout {
            margin-left: 8px;
        }

        .headerv1 .login-area .nick {
            *width: 130px;
            max-width: 130px;
            width: auto;
        }

.mod-breadcrumbs {
    font-size: 0;
    width: 960px;
    margin: 0 auto 20px;
}

.mod-breadcrumbs__nav {
    font-size: 14px;
    color: #333;
}

    .mod-breadcrumbs__nav:hover {
        color: #188eee;
    }

.mod-breadcrumbs__arrow {
    color: #999;
    font-size: 14px;
}

.mod-breadcrumbs__current {
    font-size: 14px;
    color: #666;
    cursor: default;
}

.mod-tab {
    width: 700px;
}

.mod-tab__ul {
    font-size: 0;
    _margin-bottom: -1px;
}

.mod-tab__li {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    height: 40px;
    padding-top: 5px;
}

    .mod-tab__li a {
        display: inline-block;
        vertical-align: middle;
        width: 148px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-bottom: 1px solid #dfdfdf;
        color: #666;
        font-size: 16px;
    }

    .mod-tab__li:hover a {
        color: #178eee;
    }

.mod-tab__li_current {
    background: #178eee;
}

    .mod-tab__li_current a {
        color: #178eee;
        border-left: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;
        border-bottom: 1px solid transparent;
        background: #fff;
    }

.mod-tab__content {
    border-top: 1px solid #dfdfdf;
    overflow: hidden;
}

.mod-form__line {
    position: relative;
    _z-index: 1;
    margin-bottom: 20px;
    font-size: 14px;
    clear: both;
}

.mod-form__label {
    position: absolute;
    left: 0;
    top: 0;
    width: 113px;
    line-height: 39px;
    _height: 39px;
    zoom: 1;
    text-align: right;
}

    .mod-form__label.mod-form__label_top {
        top: -13px;
    }

    .mod-form__label b {
        color: #e80808;
        margin-right: 3px;
    }

    .mod-form__label span {
        color: #999;
    }

.mod-form__content {
    font-size: 0;
    padding-left: 143px;
    width: 775px;
    display: inline-block;
    vertical-align: top;
}

    .mod-form__content .input-text {
        width: 375px;
        vertical-align: middle;
    }

    .mod-form__content .unit {
        font-size: 14px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 3px;
    }

.mod-form__upload-img-wrap {
    height: 127px;
    overflow: hidden;
    zoom: 1;
}

    .mod-form__upload-img-wrap .field-help {
        margin-left: 0;
    }

.mod-form__upload-img {
    float: left;
    width: 222px;
    height: 125px;
    line-height: 125px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    background: #eff1f3;
}

    .mod-form__upload-img:hover .mask {
        display: none;
    }

    .mod-form__upload-img:hover .mod-form__upload-img-text span {
        color: #68b30f;
    }

.mod-form__upload-img-text span, .mod-form__upload-img-text i {
    position: absolute;
    left: 0;
    top: 0;
    width: 220px;
    text-align: center;
    font-size: 80px;
    line-height: 80px;
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.mod-form__upload-img-text i {
    top: 90px;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
}

.mod-form__upload-img_redo .mod-form__upload-img-text {
    display: none;
    font-size: 14px;
}

.mod-form__upload-img_redo:hover .mask {
    display: block;
    font-size: 14px;
}

.mod-form__upload-tips {
    font-size: 14px;
    float: left;
    margin: -5px 0 0 20px;
    line-height: 25px;
    color: #b1b1b1;
}

.mod-form__upload-img_covered:hover .mask {
    display: block;
}

.mod-form__select-wrap {
    _z-index: 2;
    height: 39px;
}

    .mod-form__select-wrap .mod-form__content {
        float: left;
        height: 39px;
    }

    .mod-form__select-wrap .diy-select-area {
        font-size: 14px;
        float: left;
        width: 127px;
        margin-right: 10px;
    }

        .mod-form__select-wrap .diy-select-area .diy-optgroud {
            width: 125px;
        }

    .mod-form__select-wrap .field-help {
        margin-top: 12px;
        margin-left: 0;
    }

.mod-form__radios-wrap .radios {
    font-size: 14px;
    float: left;
    height: 18px;
    padding: 10px 0 11px;
    _margin-left: 15px;
}

    .mod-form__radios-wrap .radios .radio {
        float: left;
        cursor: pointer;
        margin-right: 20px;
    }

        .mod-form__radios-wrap .radios .radio a, .mod-form__radios-wrap .radios .radio a:hover {
            color: #202020;
        }

    .mod-form__radios-wrap .radios .radio-disabled a, .mod-form__radios-wrap .radios .radio-disabled a:hover, .mod-form__radios-wrap .radios .disabled a, .mod-form__radios-wrap .radios .disabled a:hover {
        color: #999;
    }

        .mod-form__radios-wrap .radios .radio-disabled a:active, .mod-form__radios-wrap .radios .disabled a:active {
            text-decoration: none;
        }

    .mod-form__radios-wrap .radios .checkbox {
        float: left;
        height: 16px;
    }

.mod-form__radios-wrap .radios_line {
    float: none;
    height: auto;
    padding-top: 0;
}

    .mod-form__radios-wrap .radios_line .radio {
        float: none;
        margin-bottom: 20px;
        height: auto;
        overflow: visible;
    }

        .mod-form__radios-wrap .radios_line .radio i {
            _left: -26px;
        }

    .mod-form__radios-wrap .radios_line .radio_last {
        margin-bottom: 0;
    }

    .mod-form__radios-wrap .radios_line .radio-input-wrap {
        position: absolute;
        top: -13px;
        left: 130px;
        display: inline-block;
        vertical-align: middle;
    }

    .mod-form__radios-wrap .radios_line .radio-text-wrap {
        position: absolute;
        top: 0;
        left: 130px;
        display: inline-block;
        vertical-align: middle;
    }

    .mod-form__radios-wrap .radios_line a {
        display: inline-block;
        vertical-align: top;
    }

.mod-form__checkboxes-wrap .checkbox {
    height: auto;
    overflow: visible;
}

    .mod-form__checkboxes-wrap .checkbox i {
        *top: 6px;
        _left: -23px;
    }

.mod-form__checkboxes-wrap .checkbox-input-wrap {
    position: absolute;
    top: -15px;
    left: 130px;
    display: inline-block;
    vertical-align: middle;
}

.mod-form__choose-card .btn-card {
    width: 225px;
    height: 158px;
    padding: 0 18px;
    margin-right: 20px;
}

.mod-form__choose-card h3 {
    padding: 14px 0 6px;
    line-height: 18px;
    text-align: left;
    font-size: 18px;
    color: #202020;
}

    .mod-form__choose-card h3 span {
        color: #999;
    }

.mod-form__choose-card p {
    line-height: 22px;
    text-align: left;
    font-size: 14px;
    color: #999;
}

.mod-form__pick-date-wrap .diy-select-area {
    width: 125px;
    _margin-left: 31px;
}

    .mod-form__pick-date-wrap .diy-select-area .diy-select .icon-calender {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: 8px;
        margin-bottom: 2px;
        margin-left: 5px;
        _vertical-align: -3px;
    }

.mod-form__duration-wrap .mod-form__duration {
    font-size: 14px;
    margin-bottom: 20px;
    _margin-left: 31px;
}

    .mod-form__duration-wrap .mod-form__duration.mod-form__duration_last {
        margin-bottom: 0;
    }

    .mod-form__duration-wrap .mod-form__duration .diy-select-ipt {
        width: 60px;
    }

.mod-form__duration-wrap .diy-select-area {
    display: inline-block;
    vertical-align: middle;
    width: 95px;
}

    .mod-form__duration-wrap .diy-select-area .diy-optgroud {
        width: 93px;
    }

.mod-form__duration-wrap .datetime-end {
    width: 137px;
}

    .mod-form__duration-wrap .datetime-end .diy-select-ipt {
        width: 102px;
    }

    .mod-form__duration-wrap .datetime-end .diy-optgroud {
        width: 135px;
    }

    .mod-form__duration-wrap .datetime-end .diy-option {
        position: relative;
    }

        .mod-form__duration-wrap .datetime-end .diy-option i {
            position: absolute;
            left: 50px;
            top: 0;
            color: #999;
        }

.mod-form__duration-wrap .time-bridge {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    position: relative;
}

.mod-form__duration-wrap .mod-form__duration-op {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.mod-form__calender-wrap .radios {
    float: none;
    margin-bottom: 10px;
}

.mod-form__textarea-wrap textarea {
    float: left;
    font-size: 14px;
}

.mod-form__textarea-wrap .field-help {
    float: left;
    margin-top: 5px;
}

.mod-form__content-long .diy-select-area {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    width: 550px;
    _margin-left: 30px;
}

.mod-form__content-long .input-text {
    width: 522px;
}

.mod-form__content-long .textarea {
    width: 530px;
}

.mod-form__content-long .field-help i {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.mod-form__content-long .field-help p {
    display: inline-block;
    vertical-align: middle;
    max-width: 13em;
    width: auto!important;
    _width: 10em;
    float: none;
}

.mod-form__content-long.g-succ .field-help p {
    display: none;
}

.input-text_short {
    width: 34px;
    text-align: center;
    vertical-align: middle;
}

.mod-form__normal-text {
    font-size: 14px;
    text-indent: 40px;
}

.mod-form_tight .mod-form__content .input-text, .mod-form_tight .mod-form__content .input-text_short {
    padding: 5px 13px 3px;
}

.mod-form_tight .mod-form__content .diy-select-area .diy-select {
    height: 28px;
    line-height: 28px;
}

    .mod-form_tight .mod-form__content .diy-select-area .diy-select span {
        height: 28px;
    }

    .mod-form_tight .mod-form__content .diy-select-area .diy-select b {
        top: 13px;
    }

.mod-form_tight .mod-form__content .diy-select-area .diy-optgroud {
    top: 29px;
}

    .mod-form_tight .mod-form__content .diy-select-area .diy-optgroud .diy-option {
        height: 30px;
        line-height: 30px;
    }

.mod-form_tight .mod-form__content .diy-select-area .diy-select-ipt {
    padding: 5px 0 5px 10px;
}

.mod-form_tight .mod-form__content .select-qun .diy-picker-icon, .mod-form_tight .mod-form__content .select-person .diy-picker-icon, .mod-form_tight .mod-form__content .select-video .diy-picker-icon {
    margin-top: -4px;
    *margin-top: 6px;
}

.mod-form_tight .mod-form__duration-wrap {
    margin-bottom: 10px;
}

.mod-form_tight .mod-form__radios-wrap .radios {
    padding: 6px 0;
}

.mod-form_tight .mod-form__radios-wrap .radios_line {
    padding-top: 0;
}

    .mod-form_tight .mod-form__radios-wrap .radios_line .radio-input-wrap {
        top: -8px;
    }

.mod-form_tight .mod-form__checkboxes-wrap .checkbox-input-wrap {
    top: -8px;
}

.mod-form_tight .mod-form__label {
    line-height: 29px;
}

    .mod-form_tight .mod-form__label.mod-form__label_top {
        top: -8px;
    }

.mod-form_tight .mod-form__select-wrap .field-help {
    margin-top: 8px;
}

.mod-form__block-name {
    font-weight: normal;
    font-size: 18px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
}

.mod-form__block-content {
    padding: 20px 0 60px;
}

.mod-form__main-text, .mod-form__link {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
}

.mod-form__link {
    color: #3672a2;
    margin-left: 15px;
}

    .mod-form__link:hover {
        color: #62b4f7;
    }

.mod-side-bar-left {
    background: #FFF;
}

.mod-side-bar-left__ul {
    padding-top: 15px;
}

.mod-side-bar-left__li {
    width: 219px;
    overflow: hidden;
}

.mod-side-bar-left__a {
    position: relative;
    height: 45px;
    line-height: 45px;
    color: #333;
    display: block;
    font-size: 14px;
    text-indent: 20px;
    border-left: 4px solid #fff;
}

    .mod-side-bar-left__a:hover {
        background: #f2f2f2;
        font-size: 14px;
        color: #049ee4;
        border-left: 4px solid #e5e5e5;
    }

    .mod-side-bar-left__a .red-point {
        color: #f94d4d;
        margin-left: 5px;
    }

    .mod-side-bar-left__a b {
        position: absolute;
        top: 18px;
        left: 38px;
        width: 3px;
        height: 3px;
        display: none;
        overflow: hidden;
        background: #7f7f7f;
        border-radius: 2px;
    }

    .mod-side-bar-left__a i {
        margin-left: 8px;
        padding: 0 5px;
        font-size: 12px;
        line-height: 15px;
        background-color: #d7605c;
        color: #fff;
        font-family: Tahoma;
        display: none;
        border-radius: 7px;
    }

.mod-side-bar-left__li_current .mod-side-bar-left__a {
    color: #039ae3;
    border-left: 4px solid #039ae1;
}

    .mod-side-bar-left__li_current .mod-side-bar-left__a:hover {
        background: #fff;
        border-left: 4px solid #039ae1;
    }

.mod-side-bar-left__li_sub {
    width: 219px;
    height: 30px;
    overflow: hidden;
}

    .mod-side-bar-left__li_sub .mod-side-bar-left__sub_a {
        position: relative;
        height: 30px;
        line-height: 30px;
        color: #666;
        display: block;
        font-size: 14px;
        text-indent: 20px;
        padding-left: 15px;
    }

        .mod-side-bar-left__li_sub .mod-side-bar-left__sub_a:hover {
            background: #f2f2f2;
            font-size: 14px;
            color: #039ae3;
            padding-left: 15px;
        }

    .mod-side-bar-left__li_sub.mod-side-bar-left__li_sub_current .mod-side-bar-left__sub_a {
        color: #039ae3;
    }

        .mod-side-bar-left__li_sub.mod-side-bar-left__li_sub_current .mod-side-bar-left__sub_a:hover {
            background: #fff;
        }

.mod-side-bar-left__li_block {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    height: auto;
}

    .mod-side-bar-left__li_block .mod-side-bar-left__ul {
        padding-top: 0;
    }

.mod-side-bar-left__block-title {
    height: 50px;
    color: #666;
    font-size: 22px;
    line-height: 50px;
    text-indent: 24px;
}

.mod-side-bar-left_toggle {
    padding-top: 0;
}

    .mod-side-bar-left_toggle .mod-side-bar-left__li_block {
        padding-bottom: 0;
    }

    .mod-side-bar-left_toggle .mod-side-bar-left__a {
        line-height: 55px;
        font-size: 16px;
        position: relative;
    }

    .mod-side-bar-left_toggle .mod-side-bar-left__ul_sub {
        padding-bottom: 15px;
    }

    .mod-side-bar-left_toggle .mod-side-bar-left__li_sub .mod-side-bar-left__sub_a {
        font-size: 14px;
    }

    .mod-side-bar-left_toggle .icon-arrow {
        position: absolute;
        width: 10px;
        height: 5px;
        right: 20px;
        top: 25px;
        background: -294px -198px;
    }

    .mod-side-bar-left_toggle .mod-side-bar-left__li_close .icon-arrow {
        background: -319px -266px;
    }

    .mod-side-bar-left_toggle .mod-side-bar-left__li_close .mod-side-bar-left__ul_sub {
        display: none;
    }

.l-nav-area {
    background: #FFF;
}

.l-nav {
    padding-top: 13px;
}

    .l-nav .l-nav-item {
        width: 217px;
        height: 45px;
        overflow: hidden;
    }

        .l-nav .l-nav-item a {
            position: relative;
            height: 45px;
            line-height: 45px;
            color: #333;
            display: block;
            font-size: 14px;
            text-indent: 30px;
            border-left: 4px solid #fff;
        }

            .l-nav .l-nav-item a:hover {
                background: #f2f2f2;
                font-size: 14px;
                color: #049ee4;
                border-left: 4px solid #e5e5e5;
            }

            .l-nav .l-nav-item a .red-point {
                color: #f94d4d;
                position: relative;
                top: -6px;
            }

            .l-nav .l-nav-item a b {
                position: absolute;
                top: 18px;
                left: 38px;
                width: 3px;
                height: 3px;
                display: none;
                overflow: hidden;
                background: #7f7f7f;
                border-radius: 2px;
            }

            .l-nav .l-nav-item a i {
                margin-left: 8px;
                padding: 0 5px;
                font-size: 12px;
                line-height: 15px;
                background-color: #d7605c;
                color: #fff;
                font-family: Tahoma;
                display: none;
                border-radius: 7px;
            }

    .l-nav .l-nav-item-child {
        width: 189px;
        height: 30px;
        overflow: hidden;
    }

        .l-nav .l-nav-item-child a {
            position: relative;
            height: 30px;
            line-height: 30px;
            color: #666;
            display: block;
            font-size: 14px;
            text-indent: 20px;
            padding-left: 15px;
        }

            .l-nav .l-nav-item-child a:hover {
                background: #f2f2f2;
                font-size: 14px;
                color: #039ae3;
                padding-left: 15px;
            }

    .l-nav .l-nav-cur a {
        color: #039ae3;
        border-left: 4px solid #039ae1;
    }

        .l-nav .l-nav-cur a:hover {
            background: #fff;
            border-left: 4px solid #039ae1;
        }

.mod-side-operation__jump-to-top, .side-service-item, .side-service-item .item-icon, .side-service-item .item-link-block {
    display: block;
    width: 40px;
    height: 40px;
}

.wrap-side-operation {
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 999;
    font-size: 14px;
    display: none;
}

    .wrap-side-operation .js-jump-container {
        display: none;
        position: relative;
        cursor: pointer;
        width: 40px;
        height: 40px;
        display: none;
    }

    .wrap-side-operation .js-jump-plan-container {
        position: absolute;
        top: -7px;
        left: -1px;
        width: 42px;
        height: 56px;
        overflow: hidden;
    }

        .wrap-side-operation .js-jump-plan-container .js-jump-plane {
            display: none;
            position: absolute;
            width: 42px;
            height: 56px;
            left: 0;
            top: 56px;
            background: -67px -131px no-repeat;
        }

.mod-side-operation__jump-to-top {
    background: -45px -231px no-repeat;
}

.mod-side-operation {
    width: 40px;
    text-align: center;
}

    .mod-side-operation .mod-side-operation__jump-to-top-hover {
        background: #188eee;
    }

.icon-side-qr-code {
    background: -135px -231px no-repeat;
}

.icon-side-feedback {
    background: 0 -231px no-repeat;
}

.icon-side-qq {
    background: -180px -231px no-repeat;
}

.icon-side-weixin {
    background: -90px -231px no-repeat;
}

.side-service-item {
    text-align: center;
    position: relative;
    margin-top: 10px;
}

    .side-service-item .item-hover-text {
        display: none;
        width: 40px;
        padding-top: 4px;
        line-height: 16px;
    }

    .side-service-item .item-hover-tips {
        display: none;
    }

    .side-service-item .item-link-block:hover {
        color: white;
    }

    .side-service-item:hover {
        background: #188eee;
        color: white;
    }

        .side-service-item:hover .item-icon {
            display: none;
        }

        .side-service-item:hover .item-hover-text {
            display: block;
        }

.side-service-qq, .side-service-weixin {
    display: none;
}

    .side-service-weixin:hover .item-hover-tips {
        display: block;
        width: 111px;
        height: 126px;
        position: absolute;
        z-index: 999;
        left: -121px;
        top: -34px;
        background: -145px 0 no-repeat;
    }

.side-service-qr-code:hover .item-hover-tips {
    display: block;
    width: 211px;
    height: 126px;
    position: absolute;
    z-index: 999;
    left: -221px;
    top: -34px;
    background: 0 0 no-repeat;
}

.ico-warn-large {
    background-image: url('http://9.url.cn/edu/img/sprite/apply.03f47.png');
}

.ico-succ-large {
    background-image: url('http://9.url.cn/edu/img/sprite/acceptCoupon.99a36.png');
}

.side-service-weixin:hover .item-hover-tips {
    background-image: url('http://9.url.cn/edu/img/sprite/applyLecture.89e3d.png');
}

.side-service-qr-code:hover .item-hover-tips, .play-button.large, .play-button.normal, .wrap-side-operation .js-jump-plan-container .js-jump-plane, .icon-level_5, .icon-level_3, .icon-level_4, .course-card .mod-support-listen, .mod-support-listen, .icon-side-feedback, .mod-side-operation__jump-to-top, .icon-side-weixin, .icon-side-qr-code, .icon-side-qq, .radio i, .radio:hover i, .radio.disabled:hover i, .radio.disabled.radio-check i, .radio-check i, .radio-check:hover i, .radio-disabled i, .radio-disabled:hover i, .mod-footer_dark .icon-logo-gray, .ico-help-large, .ico-info-large, .icon-level_new, .icon-flag-calender, .course-card .icon-card-lu, .mod-course-card_lu .icon-card-lu, .mod-course-card_lu .icon-card-play, .checkbox i, .checkbox:hover i, .checkbox-check i, .checkbox-check:hover i, .checkbox-disabled i, .checkbox-disabled:hover i, .diy-select-checkbox .check-box, .diy-select-checkbox .opt-checked .check-box, .play-button.small, .ico-help-normal, .icon-green-flag, .ico-warn-normal, .ico-info-normal, .ico-succ-normal, .icon-qun, .icon-search-white, .icon-add-blue, .radio-check-disabled i, .radio-check-disabled:hover i, .icon-qq, .mod-tips_whole .mod-tips__close, .mod-tips_whole .mod-tips__close:hover, .icon-phone, .mod-tips_whole .mod-tips__close:active, .error-tip p i, .error-tip span i, .v-flag, .icon-calender, .ico-help-small, .g-warn .field-help i, .g-warn .warning-tips i, .g-info .field-help i, .g-info .warning-tips i, .ico-info-small, .g-succ .field-help i, .ico-succ-small, .g-err .field-help i, .ico-warn-small, .checkbox-check-disabled i, .checkbox-check-disabled:hover i, .icon-triangle, .icon-star.icon-star_half, .icon-star.icon-star_gray, .icon-star, .mod-change-page__btn_next.mod-change-page__btn_disabled i, .page-next-btn i.page-btn-dis, .mod-change-page__btn_pre i, .page-pre-btn i, .mod-change-page__btn_pre.mod-change-page__btn_disabled i, .page-pre-btn i.page-btn-dis, .mod-change-page__btn_next i, .page-next-btn i, .l-nav-block_close h3 .icon-arrow, .mod-side-bar-left_toggle .mod-side-bar-left__li_close .icon-arrow, .l-nav-block h3 .icon-arrow, .mod-side-bar-left_toggle .icon-arrow, .icon-sep, .mod-header__wrap-login .icon-sep {
    background-image: url('http://9.url.cn/edu/img/sprite/common.dcabb.png');
}