.audition, .page-coursedetail .block-left .tagblock-course .lesson-list .lesson:hover .button, .page-coursedetail .block-left .tagblock-course .lesson-list .lesson.active .button { border: 1px solid transparent !important; background: #ff464d; color: #fff; } .course_tab, .page-coursedetail .block-left .tag-group .tag.active, .page-coursedetail .block-left .tag-group .tag[data-active] { color: #ff464d; } .header2018 .header2018-content .header2018-link:hover { color: #649cf0; border-bottom: 3px solid #649cf0; } .header2018 .header2018-content .header2018-link-active { color: #649cf0; border-bottom: 3px solid #649cf0; } .header2018 .header2018-content .header2018-unlogin .header2018-unloginlink1:hover { background: #ff464d; border: 1px solid #ff464d; } .header2018 .header2018-content .header2018-unlogin .header2018-unloginlink { color: #ff464d; border: 1px solid #649cf0; } .header2018 .header2018-content .header2018-unlogin .header2018-unloginlink2:hover { background: #649cf0; color: #fff; } .header2018 .header2018-content .header2018-unlogin .header2018-unloginlink1 { background: #649cf0; border: 1px solid #649cf0; color: #fff; } .footer2018 .footer2018-content .footer2018-part2 p a:hover { color: #649cf0; } .header2018 .header2018-content .header2018-search .header-btn-s { background: #ff464d; } body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .clearfix, .eui.nav-crumbs, .eui.fold.fold-short { /* If supporting IE 6/7 */ *zoom: 1; } .clearfix:before, .eui.nav-crumbs:before, .eui.fold.fold-short:before, .clearfix:after, .eui.nav-crumbs:after, .eui.fold.fold-short:after { content: ""; display: table; } .clearfix:after, .eui.nav-crumbs:after, .eui.fold.fold-short:after { clear: both; } .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; } .left { float: left; } .right { float: right; } .price, .price-old { font-family: "Arial"; } .price, .price-new { color: #f44130; } .price span, .price-new span { font-family: "microsoft yahei"; } .price-old { color: #CCCCCC; text-decoration: line-through; } .ornament-arrow { display: inline-block; *display: inline; width: 0px; } .ornament-arrow.up { border-top: 0 solid transparent !important; border-left: 7px solid transparent !important; border-right: 7px solid transparent !important; border-bottom: 7px solid; } .ornament-arrow.down { border-bottom: 0 solid transparent !important; border-left: 7px solid transparent !important; border-right: 7px solid transparent !important; border-top: 7px solid; } .ornament-arrow.gray { border-color: #cfd1d6; } .ornament-arrow.blue { border-color: #649cf0; } .ornament-arrow.blue2 { border-color: #b6bdd1; } .ornament-dot1 { width: 15px; height: 15px; background: #ff464d; border: 2px solid #ffffff; border-radius: 50%; } .ornament-dot2 { width: 10px; height: 10px; background: #649cf0; border: 2px solid #ffffff; border-radius: 50%; } .container { width: 1180px; margin: auto; margin-top: 20px; margin-bottom: 20px; } .container-left { float: left; width: 880px; background: #ffffff; } .container-left .block { *width: 880px; width: 880px\0; } .container-right { float: right; width: 280px; background: #ffffff; } .container-right .block { *width: 280px; width: 280px\0; } .block { width: 100%; *width: 1200px; width: 1200px\0; margin-bottom: 20px; } .block .block-title { margin: 0 20px; height: 55px; line-height: 55px; font-size: 16px; border-bottom: 1px solid #f0f0f0; } .block .block-body { padding: 0; } .col-1 { width: 1140px; padding: 0 20px; } body { background: #f5f7f9; } .page-coursedetail .block-top { padding-top: 35px; padding-left: 29px; padding-right: 31px; padding-bottom: 40px; background: #ffffff; margin-top: 18px; background: #ffffff; margin-bottom: 20px; min-height: 300px; } .page-coursedetail .block-top.huabeifq { min-height: 470px; } .page-coursedetail .block-top .media-domain { float: left; position: relative; width: 493px; margin-right: 25px; } .page-coursedetail .block-top .media-domain .media { width: 493px; height: 277px; margin-bottom: 21px; } .page-coursedetail .block-top .media-domain .media-img { width: 493px; height: 277px; background: rgba(0, 0, 0, 0.6); display: block; } .page-coursedetail .block-top .media-domain .pay-type p { float: left; margin-right: 17px; font-size: 14px; color: #686A71; height: 16px; line-height: 16px; } .page-coursedetail .block-top .media-domain .pay-type p .icon { float: left; margin-right: 6px; } .page-coursedetail .block-top .course-domain { float: left; width: 602px; font-size: 14px; } .page-coursedetail .block-top .course-domain .label { margin-right: 10px; width: 56px; display: inline-block; text-align: justify; text-align-last: justify; -moz-text-align-last: justify; *text-align: right; margin-left: 12px; color: #797A7D; line-height: 14px; } .page-coursedetail .block-top .course-domain .title { line-height: 34px; margin-bottom: 8px; margin-top: -5px; } .page-coursedetail .block-top .course-domain .subtitle { color: #797A7D; margin-bottom: 13px; } .page-coursedetail .block-top .course-domain .card-sale { background-color: #F5F5F5; color: #797A7D; padding-bottom: 24px; margin-bottom: 26px; padding-top: 1px; min-height: 75px; } .page-coursedetail .block-top .course-domain .card-sale .label { margin-left: 0; margin-right: 21px; } .page-coursedetail .block-top .course-domain .card-sale .count-down-block { height: 25px; line-height: 26px; color: #ffffff; font-weight: bold; *background: #EC6A6E; background: linear-gradient(75deg, #EC6A6E, #F3886D); } .page-coursedetail .block-top .course-domain .card-sale .count-down-block .icon { margin: 0 5px 0 13px; float: left; margin-top: 5px; } .page-coursedetail .block-top .course-domain .card-sale .count-down-block .count-down { float: right; font-weight: 200; margin-right: 3px; font-size: 12px; *margin-top: -26px; } .page-coursedetail .block-top .course-domain .card-sale .count-down-block .count-down .count-down-time-box { display: inline-block; height: 18px; background: #F7F7F7; color: #f44130; font-weight: bold; line-height: 20px; padding: 0 2px; border-radius: 2px; margin-right: 2px; font-size: 12px; min-width: 15px; text-align: center; vertical-align: middle; margin-top: -2px; } .page-coursedetail .block-top .course-domain .card-sale .price-block, .page-coursedetail .block-top .course-domain .card-sale .ticket-block, .page-coursedetail .block-top .course-domain .card-sale .free-block { margin-left: 12px; margin-right: 15px; height: 14px; *height: auto; line-height: 14px; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block { height: 26px; line-height: 26px; margin-top: 19px; position: relative; *z-index: 3; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block .p1 { display: inline-block; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAAAaCAYAAABM1ImiAAABuElEQVRoQ+2Zv0tCURTHP1eHBCexoSHQ+gMMImirOSEcBIcGH07Rf2Fj/0GLwaWWiNrC1TZBLN7UJohDSzSWgb4bEv0QtCz0vcvz3D/gnO85n8M999yjkGNFBpQVKkQEAsKSIvgEYU5OckSjx8CSJdrCLKMHXNPt7qn9/edBoF8gtH4gm11icTHMCbAjNs+Dmxtotw9UqTQo/iEQhmLRDqHzoMJ1wXXLynEOBUSQwAVEkNn/5vtHEDs7kExCJGKJ2pDKeHmBZhNarZFX0yWwTCy2weZmhFQqpFkIMKzXV6jXB036EagDZ8pxzod6xIc8c3q6Tr9/wfb2Kul0gKpD5rrfh2oVnp6O8LyyKpW63yMcOdCZSmWNePyWQiGCkplvKiVxfw+NxpVynPwoe2OzbLR22d3NkEhMRcfcG6nVoNPJq2LxSkAEWQ3/AWG0zrCwcCdX0xTJ/fVq+mzWW1urrKxMUcmcm5q0WRut5fk661qZ5PlqtDbIQDdrFO/2fxno5NPPHwzvXuSvyc9s/+BLQNgPQhZDfjH6ZTGUA2RV6gcMpXoYM3pV6od/8TE+A/KjZ0l1CAhLQLwBjqLUG2WbdwMAAAAASUVORK5CYII=); height: 26px; width: 98px; display: inline-block; line-height: 26px; text-align: center; color: #f54030; cursor: pointer; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block .fold { display: none; float: right; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket-list { display: none; width: 351px; height: 355px; padding-bottom: 20px; background: white; border: 1px solid #ebebeb; box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.12); border-radius: 10px; position: absolute; top: 100%; left: 0; z-index: 4; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket-list ul { display: block; overflow: hidden; overflow-y: auto; height: 300px; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket-list .ticket-list-title { font-size: 20px; text-align: center; color: #f44130; margin-top: 18px; margin-bottom: 12px; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket-list .ticket-big { background-image: url(data:image/png;base64,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); width: 316px; height: 94px; display: block; margin: auto; margin-bottom: 4px; position: relative; color: #ffffff; padding-top: 1px; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket-list .ticket-big .ticket-title { height: 27px; text-align: left; width: 156px; line-height: 27px; margin-top: 20px; margin-left: 22px; position: relative; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket-list .ticket-big .ticket-title .txt-1 { font-size: 14px; position: relative; top: -2px; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket-list .ticket-big .ticket-title .txt-2 { font-size: 38px; font-weight: bold; color: white; text-shadow: 0px 1px 0px rgba(1, 75, 166, 0.5); display: inline-block; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket-list .ticket-big .ticket-title .txt-3 { font-size: 12px; margin-left: 10px; position: absolute; top: 6px; right: -15px; height: 14px; line-height: 14px; font-weight: 700; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket-list .ticket-big .ticket-title .txt-4 { font-size: 14px; margin-left: 10px; position: absolute; bottom: -2px; right: 0; height: 14px; line-height: 14px; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket-list .ticket-big .ticket-subtitle { margin-left: 21px; width: 190px; text-align: left; font-size: 12px; line-height: 16px; margin-top: 5px; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket-list .ticket-big .button { width: 76px; height: 32px; line-height: 32px; position: absolute; right: 20px; top: 29px; border-radius: 50px; text-align: center; background: #ffffff; color: #F2836B; font-weight: bold; box-shadow: 0px 2px 8px 0px #f35c42; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket-list .ticket-big .button-1 { display: inline-block; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket-list .ticket-big .button-2 { display: none; background: rgba(255, 255, 255, 0.35); color: #FFFFFF; font-weight: normal; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket-list .ticket-big.disabled .button, .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket-list .ticket-big[data-disabled] .button { background: #F7AEA0; color: #FFE2DB; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket-list .ticket-big.disabled .button-1, .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket-list .ticket-big[data-disabled] .button-1 { display: none; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket-list .ticket-big.disabled .button-2, .page-coursedetail .block-top .course-domain .card-sale .ticket-block .ticket-list .ticket-big[data-disabled] .button-2 { display: inline-block; } .page-coursedetail .block-top .course-domain .card-sale .ticket-block[data-active] .ticket-list, .page-coursedetail .block-top .course-domain .card-sale .ticket-block.active .ticket-list { display: block; } .page-coursedetail .block-top .course-domain .card-sale .price-block { margin-top: 27px; } .page-coursedetail .block-top .course-domain .card-sale .price-block .price-new { font-size: 36px; margin-right: 8px; line-height: 0; } .page-coursedetail .block-top .course-domain .card-sale .price-block .price-new .i-1 { font-size: 24px; } .page-coursedetail .block-top .course-domain .card-sale .price-block .price-new .i-2 { margin-left: 8px; } .page-coursedetail .block-top .course-domain .card-sale .price-block .price-old { color: #AEAEAE; display: none; } .page-coursedetail .block-top .course-domain .card-sale .price-block .price-old[data-active], .page-coursedetail .block-top .course-domain .card-sale .price-block .price-old.active { display: inline-block; } .page-coursedetail .block-top .course-domain .card-sale .price-block .right { font-size: 12px; color: #9598A2; } .page-coursedetail .block-top .course-domain .card-sale .free-block { color: #525254; margin-top: 19px; position: relative; cursor: pointer; z-index: 3; *z-index: 3; } .page-coursedetail .block-top .course-domain .card-sale .free-block .ellipsis { width: 400px; display: inline-block; } .page-coursedetail .block-top .course-domain .card-sale .free-block .label { color: #797A7D; } .page-coursedetail .block-top .course-domain .card-sale .free-block .right { color: #9598A2; font-size: 12px; } .page-coursedetail .block-top .course-domain .card-sale .free-block .right[data-active] .eui.icon.icon-arrow-bottom, .page-coursedetail .block-top .course-domain .card-sale .free-block .right.active .eui.icon.icon-arrow-bottom { display: none; } .page-coursedetail .block-top .course-domain .card-sale .free-block .right[data-active] .eui.icon.icon-arrow-top, .page-coursedetail .block-top .course-domain .card-sale .free-block .right.active .eui.icon.icon-arrow-top { display: block; } .page-coursedetail .block-top .course-domain .card-sale .free-block .right .red { color: #f44130; } .page-coursedetail .block-top .course-domain .card-sale .free-block .free-list { display: none; position: absolute; right: -15px; top: 100%; background: #ffffff; width: 510px; z-index: 2; padding: 11px 12px; padding-top: 24px; padding-bottom: 0; border: 1px solid #ebebeb; box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.12); border-radius: 3px; max-height: 400px; overflow: hidden; overflow-y: auto; } .page-coursedetail .block-top .course-domain .card-sale .free-block .free-list .free-item { min-height: 34px; border-bottom: 1px solid #E6E6E6; margin-bottom: 14px; line-height: 20px; } .page-coursedetail .block-top .course-domain .card-sale .free-block .free-list .free-item .free-item-tag { display: inline-block; *display: inline; width: 45px; height: 17px; background: #F0F0F0; border-radius: 8px; line-height: 17px; text-align: center; position: relative; font-size: 12px; } .page-coursedetail .block-top .course-domain .card-sale .free-block .free-list .free-item .free-item-tag:after { content: ''; display: block; width: 0; height: 0; border-top: 0; border-bottom: 5px solid #f0f0f0; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; right: -4px; bottom: 0; } .page-coursedetail .block-top .course-domain .card-sale .free-block .free-list .free-item .free-item-tag-blue { color: #649cf0; } .page-coursedetail .block-top .course-domain .card-sale .free-block .free-list .free-item .free-item-title { display: inline-block; *display: inline; font-size: 14px; margin-left: 6px; } .page-coursedetail .block-top .course-domain .card-sale .free-block .free-list .free-item .free-item-img-group { margin-bottom: 15px; margin-left: 54px; margin-top: 9px; } .page-coursedetail .block-top .course-domain .card-sale .free-block .free-list .free-item .free-item-img { width: 56px; height: 43px; display: inline-block; *display: inline; background: #dddddd; border: 1px solid #C5D8F0; } .page-coursedetail .block-top .course-domain .card-sale .free-block .free-list .free-item:last-child { margin-bottom: 0; border-bottom: 0; } .page-coursedetail .block-top .course-domain .card-sale .free-block[data-active] .free-list, .page-coursedetail .block-top .course-domain .card-sale .free-block.active .free-list { display: block; } .page-coursedetail .block-top .course-domain .pay-huabei { display: none; width: 528px; height: 130px; margin: 20px 6px 10px; } .page-coursedetail .block-top .course-domain .pay-huabei .huabei-label { color: #797A7D; line-height: 14px; margin-bottom: 14px; margin-left: 4px; } .page-coursedetail .block-top .course-domain .pay-huabei .huabei-fenqi { display: inline-block; float: left; margin: 5px 4px; width: 153px; height: 66px; color: #171920; background: #F5F5F5; border: 1px solid #F5F5F5; border-radius: 4px; font-size: 12px; position: relative; } .page-coursedetail .block-top .course-domain .pay-huabei .huabei-fenqi.active { color: #F95757; background: #FFF1F1; border: 1px solid #F95757; } .page-coursedetail .block-top .course-domain .pay-huabei .huabei-fenqi .mx-tag { display: none; background: #9597A1; color: #FFFFFF; font-size: 12px; border-radius: 0px 4px 0px 4px; float: right; height: 16px; width: 30px; text-align: center; top: -1px; right: -1px; position: absolute; } .page-coursedetail .block-top .course-domain .pay-huabei .huabei-fenqi.mianxi .mx-tag { display: inline-block; } .page-coursedetail .block-top .course-domain .pay-huabei .huabei-fenqi .fenqi-content { padding: 15px 10px 0; margin: 0 auto; text-align: CENTER; line-height: 18px; } .page-coursedetail .block-top .course-domain .classify-block, .page-coursedetail .block-top .course-domain .area-block { height: 14px; line-height: 14px; position: relative; margin-bottom: 10px; z-index: 2; cursor: pointer; } .page-coursedetail .block-top .course-domain .classify-block .fold, .page-coursedetail .block-top .course-domain .area-block .fold { float: right; margin-right: 15px; margin-top: 2px; } .page-coursedetail .block-top .course-domain .classify-block .classify-group, .page-coursedetail .block-top .course-domain .classify-block .area-group, .page-coursedetail .block-top .course-domain .area-block .classify-group, .page-coursedetail .block-top .course-domain .area-block .area-group { /* float: right; width: 445px; margin-right: 34px; position: absolute; top: -19px; left: 77px; padding: 12px; padding-bottom: 4px; height: auto; overflow: hidden; border: 1px solid transparent; */ position: relative; top: -7px; } .page-coursedetail .block-top .course-domain .classify-block[data-status-1] .classify-group, .page-coursedetail .block-top .course-domain .classify-block[data-status-1] .area-group, .page-coursedetail .block-top .course-domain .area-block[data-status-1] .classify-group, .page-coursedetail .block-top .course-domain .area-block[data-status-1] .area-group { height: 30px; } .page-coursedetail .block-top .course-domain .classify-block[data-status-2] .classify-group, .page-coursedetail .block-top .course-domain .classify-block[data-status-2] .area-group, .page-coursedetail .block-top .course-domain .area-block[data-status-2] .classify-group, .page-coursedetail .block-top .course-domain .area-block[data-status-2] .area-group { height: 30px; overflow: hidden; border: 1px solid transparent; box-shadow: none; } .page-coursedetail .block-top .course-domain .classify-block[data-status-2] [data-interactive="classify-list"], .page-coursedetail .block-top .course-domain .classify-block[data-status-2] [data-interactive="area-list"], .page-coursedetail .block-top .course-domain .area-block[data-status-2] [data-interactive="classify-list"], .page-coursedetail .block-top .course-domain .area-block[data-status-2] [data-interactive="area-list"] { display: none; } .page-coursedetail .block-top .course-domain .classify-block.active.status-1 .classify-group, .page-coursedetail .block-top .course-domain .classify-block.active.status-1 .area-group, .page-coursedetail .block-top .course-domain .classify-block[data-active][data-status-1] .classify-group, .page-coursedetail .block-top .course-domain .classify-block[data-active][data-status-1] .area-group, .page-coursedetail .block-top .course-domain .area-block.active.status-1 .classify-group, .page-coursedetail .block-top .course-domain .area-block.active.status-1 .area-group, .page-coursedetail .block-top .course-domain .area-block[data-active][data-status-1] .classify-group, .page-coursedetail .block-top .course-domain .area-block[data-active][data-status-1] .area-group { border: 1px solid #EBEBEB; box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.12); border-radius: 3px; height: auto; background: #ffffff; border: 1px solid #ffffff; } .page-coursedetail .block-top .course-domain .classify-block.active, .page-coursedetail .block-top .course-domain .classify-block[data-active], .page-coursedetail .block-top .course-domain .area-block.active, .page-coursedetail .block-top .course-domain .area-block[data-active] { z-index: 3; } .page-coursedetail .block-top .course-domain .classify-block .classify, .page-coursedetail .block-top .course-domain .classify-block .area, .page-coursedetail .block-top .course-domain .area-block .classify, .page-coursedetail .block-top .course-domain .area-block .area { float: left; border-radius: 3px; height: 24px; border: 1px solid #DFDFDF; text-align: center; line-height: 24px; font-size: 14px; padding: 0 12px; margin-right: 8px; margin-bottom: 8px; color: #525253; cursor: pointer; min-width: 58px; } .page-coursedetail .block-top .course-domain .classify-block .classify.active, .page-coursedetail .block-top .course-domain .classify-block .area.active, .page-coursedetail .block-top .course-domain .classify-block .classify[data-active], .page-coursedetail .block-top .course-domain .classify-block .area[data-active], .page-coursedetail .block-top .course-domain .area-block .classify.active, .page-coursedetail .block-top .course-domain .area-block .area.active, .page-coursedetail .block-top .course-domain .area-block .classify[data-active], .page-coursedetail .block-top .course-domain .area-block .area[data-active] { color: #ff464d; border: 1px solid #ff464d; background-image: url(../../../../public/images/icon-jb.png); background-repeat: no-repeat; background-position: 100% 11px; } .page-coursedetail .block-top .course-domain .classify-block .classify[data-disabled], .page-coursedetail .block-top .course-domain .classify-block .classify.disabled, .page-coursedetail .block-top .course-domain .classify-block .area-disabled, .page-coursedetail .block-top .course-domain .area-block .classify[data-disabled], .page-coursedetail .block-top .course-domain .area-block .classify.disabled, .page-coursedetail .block-top .course-domain .area-block .area-disabled { color: #dddddd; } .page-coursedetail .block-top .course-domain .server-block { min-height: 25px; line-height: 14px; position: relative; margin-bottom: 15px; } .page-coursedetail .block-top .course-domain .server-block .server-group { float: right; width: 511px; } .page-coursedetail .block-top .course-domain .server-block .server { float: left; margin-right: 20px; position: relative; z-index: 1; margin-bottom: 10px; cursor: pointer; } .page-coursedetail .block-top .course-domain .server-block .icon { margin-right: 8px; float: left; margin-top: -1px; } .page-coursedetail .block-top .course-domain .server-block .eui.prompt-box[data-agreement-box] { width: 560px; height: 260px; right: -90px; top: 30px; padding: 0 40px 40px 40px; display: none; } .page-coursedetail .block-top .course-domain .server-block .eui.prompt-box[data-agreement-box] .prompt-box-title { text-align: center; font-size: 16px; padding: 30px 0 16px 0; border-bottom: 1px solid #E5E5E5; font-weight: bold; } .page-coursedetail .block-top .course-domain .server-block .eui.prompt-box[data-agreement-box] .prompt-box-body { height: 200px; } .page-coursedetail .block-top .course-domain .server-block .eui.prompt-box[data-normal-box] { width: 195px; height: 110px; left: -90px; top: 30px; padding: 0 40px 23px 40px; display: none; } .page-coursedetail .block-top .course-domain .server-block .eui.prompt-box[data-normal-box] .prompt-box-title { text-align: center; font-size: 16px; padding: 30px 0 16px 0; font-weight: bold; } .page-coursedetail .block-top .course-domain .server-block .active, .page-coursedetail .block-top .course-domain .server-block [data-active] { z-index: 2; } .page-coursedetail .block-top .course-domain .server-block .active .eui.prompt-box, .page-coursedetail .block-top .course-domain .server-block [data-active] .eui.prompt-box { display: block; } .page-coursedetail .block-top .course-domain .teacher-block { display: none; margin-top: 46px; height: 14px; line-height: 14px; position: relative; } .page-coursedetail .block-top .course-domain .teacher-block .teacher-group { position: absolute; left: 90px; top: -15px; } .page-coursedetail .block-top .course-domain .teacher-block .teacher { float: left; margin-right: 20px; } .page-coursedetail .block-top .course-domain .pay-block .button { font-size: 20px; } .page-coursedetail .block-top .course-domain .pay-block .button.active, .page-coursedetail .block-top .course-domain .pay-block .button[data-active] { display: inline-block; } .page-coursedetail .block-top .course-domain .pay-block .button1 { width: 148px; height: 42px; min-width: 148px; margin-right: 16px; line-height: 42px; display: none; } .page-coursedetail .block-top .course-domain .pay-block .button2 { width: 96px; height: 42px; min-width: 98px; line-height: 42px; } .page-coursedetail .block-top .course-domain .pay-block .pay-type { display: none; } .page-coursedetail .block-top .course-domain .pay-block .pay-type p { float: left; margin-right: 7px; font-size: 12px; color: #686A71; height: 16px; line-height: 16px; margin-top: 20px; } .page-coursedetail .block-top .course-domain .pay-block .pay-type p .icon { float: left; margin-right: 3px; } .page-coursedetail .block-no-media { min-height: 300px; position: relative; } .page-coursedetail .block-no-media .media-domain { display: none; } .page-coursedetail .block-no-media .course-domain { width: 100%; } .page-coursedetail .block-no-media .course-domain .title { width: 850px; } .page-coursedetail .block-no-media .course-domain .subtitle, .page-coursedetail .block-no-media .course-domain .classify-block, .page-coursedetail .block-no-media .course-domain .area-block { width: 861px; } .page-coursedetail .block-no-media .course-domain .subtitle { margin-bottom: 41px; } .page-coursedetail .block-no-media .course-domain .classify-block .label, .page-coursedetail .block-no-media .course-domain .server-block .label, .page-coursedetail .block-no-media .course-domain .teacher-block .label, .page-coursedetail .block-no-media .course-domain .area-block .label { margin-left: 0; } .page-coursedetail .block-no-media .course-domain .classify-block { display: flex; height: auto; } .page-coursedetail .block-no-media .course-domain .classify-block .fold, .page-coursedetail .block-no-media .course-domain .classify-block .fold-short { margin-right: 58px; width: auto; } .page-coursedetail .block-no-media .course-domain .classify-block .fold [data-status="1"], .page-coursedetail .block-no-media .course-domain .classify-block .fold-short [data-status="1"] { display: inline-block; } .page-coursedetail .block-no-media .course-domain .classify-block .fold [data-status="2"], .page-coursedetail .block-no-media .course-domain .classify-block .fold-short [data-status="2"] { display: none; } .page-coursedetail .block-no-media .course-domain .classify-block .fold.active [data-status="2"], .page-coursedetail .block-no-media .course-domain .classify-block .fold-short.active [data-status="2"], .page-coursedetail .block-no-media .course-domain .classify-block .fold[data-active] [data-status="2"], .page-coursedetail .block-no-media .course-domain .classify-block .fold-short[data-active] [data-status="2"] { display: inline-block; } .page-coursedetail .block-no-media .course-domain .classify-block .fold.active [data-status="1"], .page-coursedetail .block-no-media .course-domain .classify-block .fold-short.active [data-status="1"], .page-coursedetail .block-no-media .course-domain .classify-block .fold[data-active] [data-status="1"], .page-coursedetail .block-no-media .course-domain .classify-block .fold-short[data-active] [data-status="1"] { display: none; } .page-coursedetail .block-no-media .course-domain .classify-block .classify { padding: 0 10px; } .page-coursedetail .block-no-media .course-domain .classify-block .classify-group { width: 620px; min-height: auto; } .page-coursedetail .block-no-media .course-domain .area-block .fold, .page-coursedetail .block-no-media .course-domain .area-block .fold-short { margin-right: 58px; width: auto; } .page-coursedetail .block-no-media .course-domain .area-block .fold [data-status="1"], .page-coursedetail .block-no-media .course-domain .area-block .fold-short [data-status="1"] { display: inline-block; } .page-coursedetail .block-no-media .course-domain .area-block .fold [data-status="2"], .page-coursedetail .block-no-media .course-domain .area-block .fold-short [data-status="2"] { display: none; } .page-coursedetail .block-no-media .course-domain .area-block .area-group { width: 620px; } .page-coursedetail .block-no-media .course-domain .area-block .fold.active [data-status="2"], .page-coursedetail .block-no-media .course-domain .area-block .fold-short.active [data-status="2"], .page-coursedetail .block-no-media .course-domain .area-block .fold[data-active] [data-status="2"], .page-coursedetail .block-no-media .course-domain .area-block .fold-short[data-active] [data-status="2"] { display: inline-block; } .page-coursedetail .block-no-media .course-domain .area-block .fold.active [data-status="1"], .page-coursedetail .block-no-media .course-domain .area-block .fold-short.active [data-status="1"], .page-coursedetail .block-no-media .course-domain .area-block .fold[data-active] [data-status="1"], .page-coursedetail .block-no-media .course-domain .area-block .fold-short[data-active] [data-status="1"] { display: none; } .page-coursedetail .block-no-media .course-domain .card.card-sale { position: absolute; right: 0; top: 0; width: 340px; padding: 0; height: 100%; background: #ffffff; border-left: 1px solid #E0E6ED; } .page-coursedetail .block-no-media .course-domain .card.card-sale .price-block { margin-top: 35px; } .page-coursedetail .block-no-media .course-domain .card.card-sale .price-block .label { display: none; } .page-coursedetail .block-no-media .course-domain .card.card-sale .price-block .right { position: absolute; bottom: 132px; left: 14px; font-size: 20px; } .page-coursedetail .block-no-media .course-domain .card.card-sale .price-block .right b{ color: #ff464d; } .page-coursedetail .block-no-media .course-domain .card.card-sale .ticket-block .label, .page-coursedetail .block-no-media .course-domain .card.card-sale .free-block .label { margin-right: 5px; } .page-coursedetail .block-no-media .course-domain .card.card-sale .ticket-block { margin-top: 30px; } .page-coursedetail .block-no-media .course-domain .card.card-sale .ticket-block .p1 { display: inline-block; width: 196px; overflow: hidden; height: 26px; float: right; position: relative; top: -2px; } .page-coursedetail .block-no-media .course-domain .card.card-sale .ticket-block .ticket { font-size: 14px; background-size: cover; background-position: -2px -1px; line-height: 24px; font-size: 12px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAAaCAYAAACn4zKhAAABrElEQVRoQ+2ZsW7CMBCG/xMDAxsglG59he7MpQLRDlXFFrO1j1QWFLOhqkMrhJSdva/QrREiZWJguiqqoAKBAyUOEVzGKLk7/599Z58J8hxdATp6BBIABEIGJsEKBPa8WwAdEDkZiO00Q2AOADxSu/2+GOA6hC80Gg7K5dMUIAujmkyA4TAgpS42Q9Ca4bpZCPW0Y+j1QEotF8DqShAI6cAXCOnobPQSC6FeB0olgGTjlDguZiAMo5pgTEevYL5EoXCFapXgyCYpMRBBAIxGjNnsA0SfpNT9xsK8eMlaV0H0glrNQaWSWBxna2g8Bnw/APMDKTVa12FrzmHPu0ax6KPZPFvtEhv4YABMpzfkuv4mm8bEz1qHaLWKyOcTi+fsDM3nQL//TUqVto1dINieFb8QQlJq6wlY0pFtCJH9/6QjKcwJk9mnMLPWskVNWP+luV23qBy1LeSwZgsDsONhTRp49hD8WY5tW0gX1T4GgWBf41gPRgieJ5c6sQoe+EHspU63e4dc7hmAdO4O1Nrwe3S9+URKvRkbePb8i+W9e0ciWToKyM1NOjobvfwAJw6yG8MDHE8AAAAASUVORK5CYII=); height: 26px; width: 95px; } .page-coursedetail .block-no-media .course-domain .card.card-sale .free-block { margin-top: 28px; } .page-coursedetail .block-no-media .course-domain .card.card-sale .free-block label { position: relative; top: -2px; } .page-coursedetail .block-no-media .course-domain .card.card-sale .free-block .ellipsis { display: inline-block; width: 110px; } .page-coursedetail .block-no-media .course-domain .pay-huabei { position: absolute; right: 1px; bottom: 150px; width: 326px; height: 170px; } .page-coursedetail .block-no-media .course-domain .server-block .label { float: left; } .page-coursedetail .block-no-media .course-domain .server-block .server-group { float: left; margin-left: 26px; width: 715px; } .page-coursedetail .block-no-media .course-domain .server-block .eui.prompt-box[data-agreement-box] { left: -90px; } .page-coursedetail .block-no-media .course-domain .server-block .eui.prompt-box[data-agreement-box]:after { left: 134px; } .page-coursedetail .block-no-media .course-domain .teacher-block { display: block; height: 70px; } .page-coursedetail .block-no-media .course-domain .pay-block { position: absolute; bottom: 30px; right: 22px; width: 300px; text-align: center; } .page-coursedetail .block-no-media .course-domain .pay-block .button1 { min-width: 50px; margin: 0; height: 46px; line-height: 46px; font-size: 20px; width: 114px; margin-right: 11px; } .page-coursedetail .block-no-media .course-domain .pay-block .button2 { min-width: 60px; width: 140px; font-size: 20px; padding: 0; height: 46px; line-height: 46px; } .page-coursedetail .block-no-media .course-domain .pay-block .pay-type { display: block; } .page-coursedetail .block-no-countdown .count-down-block { display: none; } .page-coursedetail .unite-course-domain { height: 286px; background-color: #ffffff; margin-bottom: 20px; display: none; } .page-coursedetail .unite-course-domain .title { height: 54px; line-height: 60px; font-size: 18px; text-indent: 55px; position: relative; border-bottom: 1px solid #F2F6F9; } .page-coursedetail .unite-course-domain .title span { font-size: 14px; color: #649cf0; font-weight: 200; margin-left: 9px; } .page-coursedetail .unite-course-domain .title:after { content: ''; width: 4px; height: 16px; background: #649cf0; display: block; border-radius: 3px; position: absolute; top: 22px; left: 38px; } .page-coursedetail .unite-course-domain .tag-group { height: 43px; background-color: #F2F6F9; } .page-coursedetail .unite-course-domain .tag-group .tag { float: left; padding: 0 45px; height: 43px; line-height: 43px; font-size: 14px; text-align: center; color: #AEAEAE; cursor: pointer; } .page-coursedetail .unite-course-domain .tag-group .tag.active, .page-coursedetail .unite-course-domain .tag-group .tag[data-active] { color: #649cf0; background-color: #ffffff; } .page-coursedetail .unite-course-domain .course-group { position: relative; display: none; } .page-coursedetail .unite-course-domain .course-group a { color: #171920; } .page-coursedetail .unite-course-domain .course-group .course-card { padding: 24px 25px 23px 25px; width: 254px; height: 96px; border-radius: 8px; background: radial-gradient(#ffffff, #ffffff, #eff5fb); *background: #ffffff; margin-top: 17px; margin-left: 48px; margin-right: 65px; float: left; } .page-coursedetail .unite-course-domain .course-group .course-card .course-title { font-size: 16px; line-height: 22px; margin-top: -3px; margin-bottom: 7px; min-height: 44px; } .page-coursedetail .unite-course-domain .course-group .course-card .course-subtitle { color: #686A71; font-size: 12px; height: 12px; line-height: 12px; margin-bottom: 15px; } .page-coursedetail .unite-course-domain .course-group .course-card .price-block { height: 20px; } .page-coursedetail .unite-course-domain .course-group .course-card .price-block .price-new { font-size: 26px; height: 20px; line-height: 20px; margin-right: 10px; display: inline-block; } .page-coursedetail .unite-course-domain .course-group .course-card .price-block .price-new .i-1 { font-size: 20px; margin-right: 5px; } .page-coursedetail .unite-course-domain .course-group .course-card .price-block .price-old { font-size: 14px; } .page-coursedetail .unite-course-domain .course-group .course-card .price-block .price-old .i-1 { margin-right: 5px; } .page-coursedetail .unite-course-domain .course-group .course-card .price-block .i-2 { font-size: 14px; } .page-coursedetail .unite-course-domain .course-group .icon-plus-gray { margin-right: 17px; position: relative; top: 79px; float: left; } .page-coursedetail .unite-course-domain .course-group .price-card { width: 346px; text-align: center; position: absolute; right: 0; top: 0; } .page-coursedetail .unite-course-domain .course-group .price-card .price-new, .page-coursedetail .unite-course-domain .course-group .price-card .price-old { display: block; } .page-coursedetail .unite-course-domain .course-group .price-card .price-new { height: 23px; line-height: 25px; font-size: 28px; margin-top: 19px; } .page-coursedetail .unite-course-domain .course-group .price-card .price-new .i-1 { font-size: 22px; margin-right: 8px; } .page-coursedetail .unite-course-domain .course-group .price-card .price-new .i-2 { font-size: 14px; } .page-coursedetail .unite-course-domain .course-group .price-card .price-old { color: #686A71; font-size: 12px; height: 12px; line-height: 12px; margin-top: 42px; } .page-coursedetail .unite-course-domain .course-group .price-card .button { height: 46px; line-height: 46px; margin-top: 13px; font-size: 20px; } .page-coursedetail .unite-course-domain .course-group.active, .page-coursedetail .unite-course-domain .course-group[data-active] { display: block; } .page-coursedetail .unite-course-domain.active, .page-coursedetail .unite-course-domain[data-active] { display: block; } .page-coursedetail .block-left { float: left; width: 770px; background: #ffffff; padding: 0 15px; padding-bottom: 75px; } .page-coursedetail .block-left .tag-group { height: 64px; border-bottom: 1px solid #E1E4E9; line-height: 64px; } .page-coursedetail .block-left .tag-group .fixed-tag { display: none; } .page-coursedetail .block-left .tag-group .free-tag { min-width: 48px !important; width: 48px; padding: 0; height: 18px; line-height: 18px; font-size: 12px; display: block; text-indent: 0; text-align: center; border-radius: 12px 9px 9px 0px; position: absolute; top: 50%; left: 50%; margin-top: -18px; margin-left: 32px; } .page-coursedetail .block-left .tag-group .tag { float: left; font-size: 16px; width: 25%; *width: 20%; text-align: center; cursor: pointer; position: relative; } .page-coursedetail .block-left .tag-group .tag.active:after, .page-coursedetail .block-left .tag-group .tag[data-active]:after { content: ""; width: 28px; height: 3px; display: block; border-radius: 3px; background: #ff464d; position: absolute; left: 50%; margin-left: -14px; bottom: 0; } .page-coursedetail .block-left .tag-group[data-fixed] { position: fixed; top: 0; margin-left: -15px; background: #ffffff; width: 1160px; border-left: 20px solid #ffffff; width: 860px; z-index: 9; } .page-coursedetail .block-left .tag-group[data-fixed] .tag { width: 21%; } .page-coursedetail .block-left .tag-group[data-fixed] .fixed-tag { display: block; position: absolute; right: -300px; background: #ffffff; width: 410px; border-bottom: 1px solid #E1E4E9; padding-right: 16px; text-align: right; } .page-coursedetail .block-left .tag-group[data-fixed] .fixed-tag .price-new { font-size: 26px; height: 26px; display: inline-block; line-height: 26px; position: relative; top: 4px; margin-right: 10px; } .page-coursedetail .block-left .tag-group[data-fixed] .fixed-tag .price-new i { font-size: 20px; } .page-coursedetail .block-left .tag-group[data-fixed] .fixed-tag .price-old { margin-right: 10px; display: none; } .page-coursedetail .block-left .tag-group[data-fixed] .fixed-tag .price-old[data-active] { display: inline-block; } .page-coursedetail .block-left .tagblock { display: none; } .page-coursedetail .block-left .tagblock.active, .page-coursedetail .block-left .tagblock[data-active] { display: block; } .page-coursedetail .block-left .tagblock-content p { margin: auto; } .page-coursedetail .block-left .tagblock-content img { margin: auto; display: block; } .page-coursedetail .block-left .tagblock-course .course .course-title { height: 18px; line-height: 18px; font-size: 18px; text-indent: 37px; position: relative; margin-top: 40px; margin-bottom: 37px; } .page-coursedetail .block-left .tagblock-course .course .course-title:after { content: ''; width: 4px; height: 16px; background: #ff464d; display: block; border-radius: 3px; position: absolute; top: 1px; left: 20px; } .page-coursedetail .block-left .tagblock-course .product { border-bottom: 1px solid #e0e6ee; padding: 25px 0; margin: 0 20px; cursor: pointer; } .page-coursedetail .block-left .tagblock-course .product .product-title { height: 16px; line-height: 16px; font-size: 16px; text-indent: 17px; } .page-coursedetail .block-left .tagblock-course .product .product-title .fold { float: right; margin-right: 39px; } .page-coursedetail .block-left .tagblock-course .product .product-title .title-txt { display: block; float: left; } .page-coursedetail .block-left .tagblock-course .product .product-title .free-tag { min-width: 48px !important; padding: 0; height: 18px; line-height: 18px; font-size: 12px; display: block; float: left; text-indent: 0; text-align: center; border-radius: 12px 9px 9px 0px; position: relative; top: -12px; left: 10px; } .page-coursedetail .block-left .tagblock-course .product.active .lesson-list, .page-coursedetail .block-left .tagblock-course .product[data-active] .lesson-list { display: block; } .page-coursedetail .block-left .tagblock-course .lesson-list { clear: both; display: none; padding-top: 24px; } .page-coursedetail .block-left .tagblock-course .lesson-list .lesson { height: 68px; line-height: 68px; text-indent: 42px; font-size: 14px; cursor: pointer; position: relative; } .page-coursedetail .block-left .tagblock-course .lesson-list .lesson .button { float: right; height: 22px; width: 28px !important; min-width: 28px !important; text-indent: 0; font-size: 14px; line-height: 24px; position: relative; top: 22px; right: 15px; border: 1px solid #ff464d; color: #ffffff !important; background: #ff464d;} .page-coursedetail .block-left .tagblock-course .lesson-list .lesson:after { content: ''; width: 5px; height: 5px; display: block; background: #B8B8B8; position: absolute; top: 21px; left: 12px; border-radius: 50%; border: 11px solid #ffffff; } .page-coursedetail .block-left .tagblock-course .lesson-list .lesson:before { content: ''; width: 1px; height: 68px; display: block; background: #cdcdcd; position: absolute; top: 0; left: 25px; } .page-coursedetail .block-left .tagblock-course .lesson-list .lesson:first-child:before { height: 40px; top: 28px; } .page-coursedetail .block-left .tagblock-course .lesson-list .lesson:last-child:before { height: 40px; } .page-coursedetail .block-left .tagblock-course .lesson-list .lesson:hover, .page-coursedetail .block-left .tagblock-course .lesson-list .lesson.active { background: #E9F3FF; color: #686A71; } .page-coursedetail .block-left .tagblock-course .lesson-list .lesson:hover:after, .page-coursedetail .block-left .tagblock-course .lesson-list .lesson.active:after { background: #ff464d; border: 11px solid #E9F3FF; } .page-coursedetail .block-left .tagblock-teacher { color: #9598a2; } .page-coursedetail .block-left .tagblock-teacher .face { height: 38px; width: 38px; background: #fafafa; border-radius: 50%; border: 1px solid #f0f0f0; display: inline-block; *display: inline; } .page-coursedetail .block-left .tagblock-teacher .teacher-list { margin-top: 28px; } .page-coursedetail .block-left .tagblock-teacher .teacher-item { border-bottom: 1px solid #f0f0f0; position: relative; margin-bottom: 38px; } .page-coursedetail .block-left .tagblock-teacher .teacher-item:last-child { border: 0; } .page-coursedetail .block-left .tagblock-teacher .teacher-name { font-size: 16px; display: inline-block; *display: inline; margin-left: 7px; color: #9598a2; } .page-coursedetail .block-left .tagblock-teacher .teacher-description { font-size: 14px; margin-bottom: 28px; margin-top: 15px; line-height: 24px; padding-left: 52px; color: #686a71; } .page-coursedetail .block-left .tagblock-comment { color: #9598a2; } .page-coursedetail .block-left .tagblock-comment img { height: 38px; width: 38px; background: #fafafa; display: block; position: absolute; top: -2px; left: -45px; border: 1px solid #f0f0f0; border-radius: 50%; } .page-coursedetail .block-left .tagblock-comment .comment-list { margin-top: 42px; } .page-coursedetail .block-left .tagblock-comment .comment-item { margin-left: 50px; border-bottom: 1px solid #f0f0f0; position: relative; margin-bottom: 28px; } .page-coursedetail .block-left .tagblock-comment .comment-item:last-child { border: 0; margin-bottom: 30px; } .page-coursedetail .block-left .tagblock-comment .star-block { position: absolute; right: 0; top: 0; } .page-coursedetail .block-left .tagblock-comment .star-block .star { width: 12px; height: 12px; display: inline-block; *display: inline; margin-right: 3px; } .page-coursedetail .block-left .tagblock-comment .star-block .star-full { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZWIzM2Q4YS00MzczLWFmNDQtOWMzNi1iNGE0MTFiZDIxYTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjIzREY4ODk2MUI1MTFFOEFFRUNBNDRFM0FCOTFDMTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjIzREY4ODg2MUI1MTFFOEFFRUNBNDRFM0FCOTFDMTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmUwMjhhMDY1LTU0ZjItMmE0My04ZmVmLWZiOGQxMTc5ZGIxOCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjExZTQxMGEzLTUyOTMtMTFlOC1iNzNmLTk2MDIzNjg4NWU1MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjrRmbkAAACtSURBVHjaYvzqYMCABcyA0hnoEoxYNEgB8X0oWwaIXyNLMmExvRCI2aA4HV0SWQMLEJsAcQqSWDYQ6wIxM7KTuoG0AxDrADEHA3bwHYivAvE+mKkmDPgBJ1TNF5CT3IF4LgNhsAmIvUAafkHd3YtH8QYgDgI5DdnTt/FoOAvEf9FDyRiPBi3koIQBQyj9BYi7oOwyIObBpQHEXg7EpUD8FCo2B4hbgNgapgggwAAeyx0Jbo6CGgAAAABJRU5ErkJggg==); } .page-coursedetail .block-left .tagblock-comment .star-block .star-empty { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZWIzM2Q4YS00MzczLWFmNDQtOWMzNi1iNGE0MTFiZDIxYTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjIzREY4OEQ2MUI1MTFFOEFFRUNBNDRFM0FCOTFDMTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjIzREY4OEM2MUI1MTFFOEFFRUNBNDRFM0FCOTFDMTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmUwMjhhMDY1LTU0ZjItMmE0My04ZmVmLWZiOGQxMTc5ZGIxOCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjExZTQxMGEzLTUyOTMtMTFlOC1iNzNmLTk2MDIzNjg4NWU1MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnoqC6YAAACxSURBVHjaYnn69CkDFjADSmegSzBi0SAFxPehbBkgfo0syYTF9EIgZoPidHRJZA0sQGwCxClIYtlArAvEzMiKuoHYAYh1gJgDzUAJIL4ExN+B+CoQ74OZasKAH3BC1XwBOckdiOcyEAabgNgLpOEX1N29eBRvAOIgkNOQPX0bj4azQPwXPZSM8WjQQg4lGDCE0l+AuAvKLgNiHlwaQOzlQFwKxLDonwPELUBsDVMEEGAA9bwfKOI/seYAAAAASUVORK5CYII=); } .page-coursedetail .block-left .tagblock-comment .user-name { font-size: 14px; margin-bottom: 8px; height: 14px; line-height: 14px; } .page-coursedetail .block-left .tagblock-comment .time { font-size: 14px; margin-bottom: 21px; height: 14px; line-height: 14px; } .page-coursedetail .block-left .tagblock-comment .user-description { font-size: 14px; color: #686a71; margin-bottom: 29px; line-height: 24px; } .page-coursedetail .block-left .tagblock-comment .teacher_reply { font-size: 14px; color: #686a71; line-height: 22px; background: #fafafa; padding: 16px; margin-bottom: 40px; } .page-coursedetail .block-left .tagblock-comment .searchnull { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAL4AAADgCAYAAAC98NwaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZWIzM2Q4YS00MzczLWFmNDQtOWMzNi1iNGE0MTFiZDIxYTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDBFQjhDRjA2REUwMTFFODkxRkI5NDVEQ0ZDNUE2MUQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDBFQjhDRUY2REUwMTFFODkxRkI5NDVEQ0ZDNUE2MUQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgwM2Q4M2NhLTUyODAtZGE0ZS1iOGUwLWEwOWNmYTEzYTQ1NyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmI0NzE5MDAyLTc1MmItMTFlOC04NzY0LWM0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); background-repeat: no-repeat; width: 190px; height: 224px; margin: 150px auto; display: none; } .page-coursedetail .block-left .tagblock-comment .searchnull[data-active], .page-coursedetail .block-left .tagblock-comment .searchnull.active { display: block; } .page-coursedetail .block-right { float: right; width: 340px; } .page-coursedetail .block-right .weixin-yingxiao { color: #171920; font-size: 12px; width: 252px; padding: 15px 14px; background: #ffffff; text-align: center; margin-bottom: 20px; } .page-coursedetail .block-right .weixin-yingxiao img { margin: 7px 0; width: 138px; height: auto; border-radius: 6px; padding: 2px; border: 1px solid #D7D7D7; } .page-coursedetail .block-right .weixin-yingxiao .title1 { font-size: 16px; margin-bottom: 6px; } .page-coursedetail .block-right .weixin-yingxiao .title2 { font-size: 12px; color: #34353A; } .page-coursedetail .block-right .weixin-yingxiao .wx_info1 { color: #9598A2; margin-bottom: 5px; } .page-coursedetail .block-right .domain-title { height: 16px; font-size: 16px; line-height: 16px; padding-top: 23px; padding-bottom: 16px; } .page-coursedetail .block-right .course-domain { padding: 0 15px; margin-bottom: 20px; padding-bottom: 13px; background: #ffffff; } .page-coursedetail .block-right .course-domain .recommend-course { height: 131px; border: 1px solid #e6ecf0; border-radius: 4px; margin-bottom: 12px; padding: 0 10px; position: relative; } .page-coursedetail .block-right .course-domain .recommend-course:hover { box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.09); } .page-coursedetail .block-right .course-domain .recommend-course a { color: #171920; display: inline-block; width: 100%; height: 100%; } .page-coursedetail .block-right .course-domain .recommend-course .title { font-size: 16px; margin-top: 18px; } .page-coursedetail .block-right .course-domain .recommend-course .footer-tag { color: #9598A2; font-size: 12px; position: absolute; } .page-coursedetail .block-right .course-domain .recommend-course .footer-tag-1 { bottom: 32px; left: 10px; } .page-coursedetail .block-right .course-domain .recommend-course .footer-tag-2 { bottom: 13px; left: 10px; } .page-coursedetail .block-right .course-domain .recommend-course .footer-tag-3 { right: 10px; bottom: 13px; } .page-coursedetail .block-right .course-domain .recommend-course .price-new { font-size: 18px; color: #f54030; height: 18px; line-height: 18px; display: block; } .page-coursedetail .block-right .course-domain .recommend-course .price-new .i-2 { font-size: 12px; } .page-coursedetail .block-right .course-domain .recommend-course .price-old { font-size: 12px; color: #BDBDBD; height: 12px; line-height: 12px; margin-bottom: 5px; display: block; } .page-coursedetail .block-right .question-domain { padding: 0 20px; margin-bottom: 20px; padding-bottom: 13px; background: #ffffff; } .page-coursedetail .block-right .question-domain .domain-title { border-bottom: 1px solid #efeff0; } .page-coursedetail .block-right .question-domain .q-list { margin-top: 15px; } .page-coursedetail .block-right .question-domain .q-item { overflow: hidden; height: 30px; transition: all .3s; } .page-coursedetail .block-right .question-domain .q-item[data-active], .page-coursedetail .block-right .question-domain .q-item.active { overflow: auto; height: auto; } .page-coursedetail .block-right .question-domain .q-item-title { height: 16px; line-height: 16px; position: relative; font-size: 14px; margin-bottom: 12px; cursor: pointer; margin-top: 5px; width: 100%; } .page-coursedetail .block-right .question-domain .q-item-body { overflow: hidden; background: #f9f9f9; padding: 18px 20px; border-radius: 5px; margin-bottom: 20px; height: auto; font-size: 12px; color: #9598a2; } .page-coursedetail .eui.dialog .modal-content { min-height: 493px; height: auto !important; } .page-coursedetail .eui.dialog .modal-body { padding-top: 32px; } .page-coursedetail .eui.dialog .modal-body .label { float: left; width: 154px; display: block; text-align: right; float: left; padding-right: 25px; font-size: 16px; } .page-coursedetail .eui.dialog .modal-body .price-block { font-size: 14px; margin-top: 47px; } .page-coursedetail .eui.dialog .modal-body .price-block .price-new { margin-right: 17px; font-size: 30px; display: inline-block; height: 30px; line-height: 30px; position: relative; top: -4px; } .page-coursedetail .eui.dialog .modal-body .price-block .price-new .i-1 { font-size: 24px; } .page-coursedetail .eui.dialog .modal-body .price-block .price-old { font-size: 14px; position: relative; top: -8px; display: none; } .page-coursedetail .eui.dialog .modal-body .price-block .price-old.active, .page-coursedetail .eui.dialog .modal-body .price-block .price-old[data-active] { display: inline-block; } .page-coursedetail .eui.dialog .modal-body .classify-block { margin-bottom: 26px; } .page-coursedetail .eui.dialog .modal-body .classify-block .classify-group { float: left; width: 700px; } .page-coursedetail .eui.dialog .modal-body .classify { float: left; border-radius: 3px; height: 24px; border: 1px solid #dfdfdf; text-align: center; line-height: 24px; font-size: 14px; padding: 0 12px; margin-right: 8px; margin-bottom: 8px; color: #525253; cursor: pointer; min-width: 80px; } .page-coursedetail .eui.dialog .modal-body .classify.active, .page-coursedetail .eui.dialog .modal-body .classify[data-active] { color: #649cf0; border: 1px solid #649cf0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAABWklEQVQ4T53SzyvDARjH8ffz/c6GSXIxmZhCbcSUlFIOc+GCWmGalIObi8sSaY2/RG19D67c/Mg/IBcH40YOLhRt9t2jr5Ef0cxzfXrV5/P0CP+YeEa7XMK8VGoX09qKkACmKsJLlgYKNgkRZhXcf8Qq8QydprKOMA3UAk/lsaospAkaBklgAvC8VS2DN9WId9NnCimUMYSqTzf6HUctNb1FBgW2gRHA5UBTwOuBXOGX2K/QZkRgS4UhAdOBTsewH4bb4DD7Ax49UFf7DREMUh2N9F/fY+YKpbDhFpgLw/ElnFx9w1FL3V5lXJQkSmgtgnFxB7tn0OP7gHvnUCh+wlFLa7w2UyJsKHQJSMgHsQG4fQB/AxxlYb8EnSkdLGppXV2RGZSECgEHvncMNsFkL5xef4ElHNtRf5VJDFgRofn7uxoC9dXwmIe8/WX7LItpXUVYBloAreDX8y/iDW/bHRWm1gAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: 100% 11px; } .page-coursedetail .eui.dialog .modal-body .classify.disabled, .page-coursedetail .eui.dialog .modal-body .classify[data-disabled] { color: #dddddd; } .page-coursedetail .eui.dialog .modal-footer { height: 122px; border-top: 1px dashed #b6bcc6; margin: 51px 67px 0 67px; text-align: center; } .page-coursedetail .eui.dialog .modal-footer .eui.button { width: 161px; height: 46px; line-height: 46px; margin-top: 30px; } .price-new { color: #f54030; } .selectCourse_content { margin-top: 38px; margin-left: 35px; font-size: 16px; position: relative; } .swiper_course { margin-right: 30px; overflow: hidden; } .swiper_course .swiper-wrapper { white-space: nowrap; font-size: 0px; } .swiper_course .swiper-wrapper .swiper-slide { display: inline-block; font-size: 16px; position: relative; height: 30px; line-height: 30px; padding: 0 10px; width: auto !important; } .swiper_course .swiper-wrapper .show { display: inline-block; } .swiper_course .swiper-wrapper .show::after { content: ""; display: inline-block; position: absolute; width: 1px; height: 12px; background-color: #c5c5c5; right: 0; top: 50%; margin-top: -6px; } .swiper_course .swiper-wrapper .selected { color: #ff464d; font-weight: 700; } .course_tag_wrapper { margin-top: 30px; position: relative; } .course_tag_wrapper .new_course_select { position: absolute; width: 40px; height: 30px; top: 0; right: 0; background-color: #fff; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAAjIyMmJiYkJCQnJycmJiYmJiYmJiaK/ZTcAAAAB3RSTlMAJ4BAE6qSMbaMWwAAAB5JREFUCNdjIBM4MzAKMJgAGekK4oVMpXAGQoo8AAAodQQdAdEJqQAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position: center; z-index: 1; display: none; } .course_tag_wrapper .new_course_select .select_inner { position: absolute; top: 30px; left: 3px; border: 1px solid #cecece; width: 244px; box-sizing: border-box; max-height: 210px; overflow-y: auto; display: none; background-color: #fff; z-index: 2; } .course_tag_wrapper .new_course_select .select_inner li { padding-left: 15px; line-height: 34px; cursor: default; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .course_tag_wrapper .new_course_select .select_inner li.active { background-color: #f5f7fa; } .course_tag_wrapper .new_course_select .select_inner li.selected { background-color: #f5f7fa; } .course_tag_wrapper .new_course_select .select_inner li:hover { background-color: #f5f7fa; } .course_tag_wrapper .new_course_select:hover .select_inner { display: block; } .course_tag_wrapper .new_course_select::before { position: absolute; opacity: 1; position: absolute; z-index: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; content: ""; pointer-events: none; box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08); top: 1px; bottom: 0; left: -40px; width: 44px; } .new_course_tag { padding-left: 35px; margin-top: 5px; font-size: 0px; color: #686a71; } .new_course_tag li { background: #f5f7fc; border-radius: 3px; margin-top: 15px; margin-right: 10px; font-size: 14px; display: inline-block; padding: 0px 15px; height: 30px; line-height: 30px; box-sizing: border-box; } .new_course_tag li.active { border: 1px solid #ff464d; color: #ff464d; background: rgba(29, 119, 253, 0.06); } .tag-groups { margin-bottom: 18px !important; text-indent: 15px !important; margin-top: 10px !important; font-weight: 700; font-size: 18px; position: relative; } .tag-groups::after { content: ""; width: 4px; height: 16px; background: #ff464d; display: block; border-radius: 3px; position: absolute; top: 5px; left: 0px; } .e-loading { display: none; align-items: center; color: #9598a2; font-size: 12px; padding: 15px; } .e-loading .e-loading-img { width: 25px; height: 25px; margin-right: 10px; } .e-loading .e-loading-img img { width: 100%; height: 100%; animation: turnCilcle 1s linear infinite; } @keyframes turnCilcle { 0% { transform: rotate(0deg); } 25% { transform: rotate(90deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(270deg); } 100% { transform: rotate(360deg); } } .newLesson { min-height: 520px; } .newLesson .sub-tag { position: relative; font-size: 16px; background: #f8f9fb; padding-left: 16px; border-radius: 8px 8px 0px 0px; height: 66px; line-height: 66px; margin-bottom: 6px; } .newLesson .sub-tag:before { content: ""; display: inline-block; width: 16px; height: 16px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAMFBMVEUAAACUmaSYmKSUmKOZmZ+VmKOUmKOUmKOTmKKUmKOTmaOUmKOTmaKTl6OVnKOUmKMk2KSiAAAAD3RSTlMA1SrAFPLLtaqek4hVQCSsGq1WAAAAUUlEQVQI12MgE/AaQWjlCww8HxVALCb5AwwM+4VATMXfQIILKAwUXAASmC8EFPwJ1sDxUYFJvgGiuV5I8TvUPOeP8iZQJkv+NweYNU/jGMgHADYZEJt3srUJAAAAAElFTkSuQmCC"); position: absolute; top: 25px; right: 25px; background-size: 100% 100%; } .newLesson .sub-tag.active:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAD1BMVEUAAACUmaSYmKSUmaOUmKMVkMY4AAAABHRSTlMA1CrMxKq5xQAAADlJREFUCNdjoAAoGsFYTCKOCjBBRxEhmKCQIlQYSAN5UEEwFyII5kMIqAAzEIOVCTCwGEFNdCDTfQBmLgXGQa4VPwAAAABJRU5ErkJggg=="); background-size: 100% 100%; } .newLesson .n-null { text-align: center; color: #b9b9b9; margin-top: 10px; } .newLesson .n-null p { margin-top: 10px; } .newLesson .l-empty { line-height: 30px; color: #b9b9b9; display: none; padding-left: 15px; } .newLesson .course-title { margin-bottom: 18px !important; text-indent: 15px !important; margin-top: 10px !important; font-weight: 700; } .newLesson .course-title::after { left: 0px !important; } .newLesson .course-title:before { content: ""; display: inline-block; width: 16px; height: 16px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAMFBMVEUAAACUmaSYmKSUmKOZmZ+VmKOUmKOUmKOTmKKUmKOTmaOUmKOTmaKTl6OVnKOUmKMk2KSiAAAAD3RSTlMA1SrAFPLLtaqek4hVQCSsGq1WAAAAUUlEQVQI12MgE/AaQWjlCww8HxVALCb5AwwM+4VATMXfQIILKAwUXAASmC8EFPwJ1sDxUYFJvgGiuV5I8TvUPOeP8iZQJkv+NweYNU/jGMgHADYZEJt3srUJAAAAAElFTkSuQmCC"); position: absolute; top: 0px; right: 25px; background-size: 100% 100%; } .newLesson .course-title.active:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAD1BMVEUAAACUmaSYmKSUmaOUmKMVkMY4AAAABHRSTlMA1CrMxKq5xQAAADlJREFUCNdjoAAoGsFYTCKOCjBBRxEhmKCQIlQYSAN5UEEwFyII5kMIqAAzEIOVCTCwGEFNdCDTfQBmLgXGQa4VPwAAAABJRU5ErkJggg=="); background-size: 100% 100%; } .newLesson .course-title .active { color: red; } .newLesson .lesson-list { padding: 0 !important; margin-bottom: 25px; } .newLesson .lesson-list li .num { position: relative; top: -23px; } .newLesson .lesson-list li .lesson_inner { padding-top: 13px; line-height: 21px; display: inline-block; height: 68px; box-sizing: border-box; text-align: left; text-indent: 0; margin-left: 10px; } .newLesson .lesson-list li .lesson_inner .lesson-title { color: #333333; font-weight: 700; } .newLesson .lesson-list li .lesson_inner .lesson-sub-text { color: #9598a2; font-size: 13px; margin-top: 3px; } .newLesson .lesson-list li .lesson_inner .lesson-sub-text i { display: inline-block; margin-right: 3px; background-repeat: no-repeat; position: relative; } .newLesson .lesson-list li .lesson_inner .lesson-sub-text .live_lesson { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAXklEQVQoU2N8+OjpfwYigbycNCNMKSOpGh8+fKjFyMTaQ5LG/wwMUxkZGNIZGBhYSNKI7CO6aQQFJDiASLLx/79/3oxMTLMZGBikSNIIio7Hjx8L/WdkmUqyRlgAAQBoBzECXA2zKgAAAABJRU5ErkJggg=="); background-size: 100% 100%; width: 14px; height: 9px; } .newLesson .lesson-list li .lesson_inner .lesson-sub-text .video_ware { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABVUlEQVQ4T41SMU7DQBCcPYeIBoSgClIiWwJBw0+gokAIGiqqPIAPkAdQ0VAhoKLJT0IDUlBsh4QC4cRxgDiyb9HZcrgkBnHVanfmZnY1BO3Ztl1iKlQNIXaZeTMdcVMy6sTRhWmarxmcsuLZbu8XhHEF8LL+2U9NA5bxiWmW71UvIbpu54CBGwAinzTpShnHR5ZVuSNlj0Tx8Xel2a+U8sI2Oc7LOYjO9PHa6gp6PR+SOd8Ac40ct9sAeEdHVMrriKII714fYTjOIfMDOW7nC8DiLDG5JzMGwRC+H8ySR38SM/Tw4xOe19fJI3Lb3QbzvNVMMVCKgwDT6yqrOcdJd4wTlVEY5u1YI9t+K4HGT0RYyhDJVfs+pJy/KjMCcHErCUCr5R4Kw7j+ZwCOLatyO4mcIpMwLnVl3aNSYhmfKtIkchkgTVGhCog9gDfSPjUBWWc5HfJvn3CwIJa8pV8AAAAASUVORK5CYII="); background-size: 100% 100%; width: 14px; height: 14px; top: 2px; } .newLesson .lesson-list li .lesson_inner .lesson-sub-text .test_paper { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAJ0lEQVQoU2N8/PjxfwYSACP9NMjKyjLicxnMJeQ7aTjYQGzckRxKAMcKNESA4vKdAAAAAElFTkSuQmCC); background-size: 100% 100%; width: 12px; height: 11px; top: 1px; } .newLesson .lesson-list li.lesson a { color: #fff; } .newLesson .lesson-list li.lesson:hover .lesson_inner .lesson-sub-text .live_lesson { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAWElEQVQoU2NkuD39PwOxQDWTEaaUkWSNt2doMTD+7yFNIxPjVIa//9IZGBlZSNOI5CW6aQQFJDiASLPxH6M3A9P/2QwMDFKkaQRFx+M5Qgw/f08lXSM0gAB/7CaCK53mpAAAAABJRU5ErkJggg==); } .newLesson .lesson-list li.lesson:hover .lesson_inner .lesson-sub-text .video_ware { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABRklEQVQ4T42Svy+DURSGn3M76MLenbBY+SeYVBDtYDJJv9U/wCYNk8VClWotDbMYNUj8SNBaLAYGIbQJ/Y70pl/dfL6KO53c+z73PefkFZzjbWrCj7NglDGFAfuk1NRQNg3Wsml5DOQSFJldnRBhQ4Q+97OgVuUVn7nstOy37iyYKemUNNkWwURBDuz7wuzqpOxIqz16uOnmFP7IOscYEm9PlwQWXUFqBIrn0PiM9ldYFq+gFyIMu5KVJLy8Q64C98+/YVUuJVPQuhHiYdAuVOHoDg6voen/KHyl8ScYSE8fIHcSAru1GjgeV+HgCr4cR9tq1HLsjB+Qr0D1KWJGu5ySJmhyK0JvIEmPQvEM6hFbVeWNGIM2AF5RZ/DZ+k8AMKSyScl3IteG111nt0nrZJhvQZ3IBQKbojgLKOMK/W1BDaFMKOTfPn6Srd5u0VIAAAAASUVORK5CYII=); } .newLesson .lesson-list li.lesson:hover .lesson_inner .lesson-sub-text .test_paper { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAJ0lEQVQoU2P8v1TrPwMJgJF+GhijrzHicxnMJeQ7aTjYQGzckRxKAGX3KtuTHlI2AAAAAElFTkSuQmCC"); } .page-coursedetail .block-left .tagblock-course .lesson-list .lesson:after { top: 11px; } .page-coursedetail .block-left .tagblock-course .newLesson .lesson-list.active { display: block; } .eui.nav-crumbs { color: #9598A2; font-size: 14px; height: 14px; line-height: 14px; } .eui.nav-crumbs a, .eui.nav-crumbs i { float: left; color: #9598A2; } .eui.nav-crumbs .active { color: #649cf0; } .eui.nav-crumbs i { margin: 0 14px; } .eui.face { display: block; width: 40px; height: 40px; background: #dddddd; } .eui.face-circle { border-radius: 50%; } .eui.face-big { width: 60px; height: 60px; } .eui.namecard .eui.face { margin-bottom: 10px; } .eui.namecard .name { font-size: 14px; height: 14px; line-height: 14px; display: block; width: 100%; text-align: center; } .eui.fold { font-size: 12px; color: #9598A2; cursor: pointer; display: inline-block; } .eui.fold [data-status="1"] { display: inline-block; } .eui.fold [data-status="2"] { display: none; } .eui.fold[data-active] [data-status="2"] { display: inline-block; } .eui.fold[data-active] [data-status="1"] { display: none; } .eui.fold.fold-short { width: 10px; } .eui.fold.fold-short .txt { display: none; } .eui.button.button-rectangle { border-radius: 4px; border: 0; } .eui.button.button-gradual { border: none !important; background: linear-gradient(94deg, #ec6a6e, #f3886d); *background: #EC6A6E; background\0: #EC6A6E; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); color: #ffffff !important; } .eui.button.button-gradual:hover { background: linear-gradient(94deg, #f04d3e, #ff9b74); *background: #F04D3E; } .eui.button.button-gradual.blue { background: linear-gradient(94deg, #61A8FF, #82BDFF); *background: #61A8FF; } .eui.button.button-gradual.blue:hover { background: linear-gradient(94deg, #61A8FF, #82BDFF); *background: #61A8FF; } .eui.button.button-gradual-disabled { background: #DCDCE2 !important; } .eui.button.button-hollow { background: #ffffff !important; border: 1px solid #F26255 !important; color: #F26255 !important; box-shadow: 0px 0px 0px; } .eui.button.button-hollow:hover { background: inear-gradient(94deg, #ec6a6e, #f3886d) !important; *background: #EC6A6E !important; background\0: #EC6A6E !important; border: none !important; *border: 1px solid #EC6A6E !important; border\0: 1px solid #EC6A6E !important; color: #ffffff !important; } .eui.paqination { text-align: center; } .eui.paqination a, .eui.paqination span.active { height: 26px; width: 26px; line-height: 26px; background: #e4e7f0; color: #ffffff; font-size: 14px; display: inline-block; border-radius: 50px; text-align: center; margin: 0 10px; } .eui.paqination a.active, .eui.paqination span.active.active { background: #649cf0; } .eui.paqination .next, .eui.paqination .prev { width: 80px; background: #649cf0; } .eui.paqination .next.disabled, .eui.paqination .prev.disabled { background: #e4e7f0; cursor: default; } .eui.prompt-box { display: none; background: #ffffff; *border: 1px solid #dddddd; box-shadow: 0px 1px 21px 0px rgba(0, 0, 0, 0.27); border-radius: 4px; position: absolute; } .eui.prompt-box.prompt-box-bottom { top: 100%; } .eui.prompt-box.prompt-box-bottom:after { content: ''; display: block; width: 0; height: 0; border-top: 0; border-bottom: 7px solid #ffffff; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; top: -7px; right: 134px; } [data-hide] { display: none; }