@charset "UTF-8";

.kc-course-brand-training-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.kc-course-brand-training-wrapper:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-light@training-camp.ed03e44b.png) 50%/100% no-repeat
}

.kc-course-brand-training-wrapper .training-tt {
	margin: 0 4px
}

.kc-course-brand-training-wrapper .training-bd,.kc-course-brand-training-wrapper .training-tt {
	color: #586470;
	font-size: 12px;
	height: 16px;
	line-height: 16px
}

.kc-course-brand-training-wrapper .training-down {
	margin-left: 6px
}

.is-learn:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-light@learn.ae9e847e.png) 50%/100% no-repeat
}

.study-mode .study-mode-des {
	margin-left: 12px;
	font-size: 12px;
	color: #586470;
	font-weight: 400
}

.study-mode .study-mode-card {
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/union.9a69eb0a.png) no-repeat;
	background-position: 100% 0;
	border: 1px solid rgba(46,209,147,.15);
	border-radius: 12px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.study-mode .study-mode-card .index {
	font-size: 18px;
	font-weight: 700;
	color: #2dd192
}

.study-mode .study-mode-card .label {
	font-size: 14px;
	color: #586470;
	line-height: 20px
}

.study-mode.pc .study-mode-card {
	height: 120px;
	padding: 24px 20px;
	background-size: 61px 44px
}

.study-mode.h5 .study-mode-card {
	height: 96px;
	padding: 16px;
	background-size: 43px 31px
}

.kc-disclaimer---d9a7bN {
	display: -webkit-flex;
	display: flex
}

.kc-disclaimer-icon---cPA3jP {
	margin: 0 8px 0 0;
	color: #ffc552;
	font-size: 16px
}

.kc-disclaimer-txt---m4esdS {
	margin: 0;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: #8797a1
}

.kc-disclaimer---d9a7bN a:active,.kc-disclaimer---d9a7bN a:hover,.kc-disclaimer---d9a7bN a:link,.kc-disclaimer---d9a7bN a:visited {
	padding: 0 4px;
	text-decoration: underline;
	color: inherit
}

.kc-course-harvest {
	padding: 16px;
	position: relative
}

.kc-course-harvest .kc-course-harvest-button {
	display: inline-block;
	margin-left: 8px;
	background-color: #f5f6fa;
	color: var(--list-item-txt-color);
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	border-radius: 20px;
	position: relative;
	top: -1px;
	padding-left: 8px;
	padding-right: 15px;
	vertical-align: top
}

.kc-course-harvest .kc-course-harvest-button i {
	top: 50%;
	right: 2px;
	width: 12px;
	height: 12px;
	position: absolute;
	background-size: 100% 100%;
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/arrow@2x.b501ad90.png);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.kc-course-harvest .kc-course-harvest-title {
	color: var(--title-color);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	margin: 0 0 16px
}

.kc-course-harvest .kc-course-harvest-title .kc-course-harvest__consult-btn {
	cursor: pointer;
	float: right;
	font-size: 12px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	font-weight: 400;
	color: #8797a1;
	background: #f5f6fa;
	border-radius: 24px;
	padding: 4px 8px;
	margin-top: -2px
}

.kc-course-harvest .kc-course-harvest-title .kc-course-harvest__consult-btn .consult-btn__icon {
	display: inline-block;
	vertical-align: text-bottom;
	width: 16px;
	height: 16px;
	margin-left: 2px;
	margin-right: 5px;
	background-size: 100% 100%;
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/consult.7ac3b731.png)
}

.kc-course-harvest .list-item {
	color: #586470;
	-webkit-align-items: center;
	align-items: center;
	padding: 0 0 0 16px
}

.kc-course-harvest .list-item+.list-item {
	margin-top: 12px
}

.kc-course-harvest .list-item+.list-item .list-item-center {
	font-size: 14px
}

.kc-course-harvest .list-item:after {
	display: none
}

.kc-course-harvest .list-item:before {
	top: 8px;
	left: 0;
	width: 6px;
	height: 6px;
	content: "";
	border-radius: 50%;
	position: absolute;
	background-color: #a1a5b2
}

.kc-course-harvest.kc-course-harvest--salary-choice .kc-course-harvest-title .kc-course-harvest__consult-btn .consult-btn__icon {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/consult@salary-choice.40e41897.png)
}

.kc-course-harvest.kc-course-harvest--salary-choice .list-item:before {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/marker@salary-choice.0b2d0730.png) 0 0/100% no-repeat
}

.kc-course-harvest.kc-course-harvest--salary-choice .list-item .list-item-center {
	margin-left: 8px
}

.kc-course-harvest.kc-course-harvest--training-camp .kc-course-harvest-title .kc-course-harvest__consult-btn .consult-btn__icon {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/consult@training-camp.6ad813ba.png)
}

.kc-course-harvest.kc-course-harvest--training-camp .list-item:before {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/marker@training-camp.40473304.png) 0 0/100% no-repeat
}

.kc-course-harvest.kc-course-harvest--training-camp .list-item .list-item-center {
	margin-left: 8px
}

.free-interest-info {
	position: absolute;
	z-index: 100;
	top: -300px;
	right: -100%;
	padding: 14px 6px;
	border: 1px solid #e8edf1;
	box-shadow: 0 4px 8px 0 rgba(170,182,194,.2);
	background-color: #fff;
	text-align: center
}

.free-interest-info .free-interest-info--title {
	margin-bottom: 12px;
	color: #03101b;
	font-size: 16px;
	text-align: center
}

.free-interest-info .free-interest-info-content {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.free-interest-info .free-interest-container {
	margin: 0 6px;
	padding-bottom: 8px;
	width: 306px;
	border-radius: 4px;
	background: #f9f9f9
}

.free-interest-info .free-interest-container .free-interest-container--title {
	padding-top: 14px;
	padding-bottom: 16px;
	font-size: 12px;
	text-align: center;
	color: #7b8996
}

.free-interest-info .free-interest-container .free-interest-container--title .free-interest-container--icon {
	position: relative;
	top: -1px;
	margin-right: 8px;
	width: 12px;
	height: 12px
}

.free-interest-info .free-interest-container .free-interest-line {
	display: -webkit-flex;
	display: flex;
	height: 36px;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	color: #7b8996;
	font-size: 14px
}

.free-interest-info .free-interest-container .free-interest-hd {
	font-size: 12px
}

.free-interest-info .free-interest-container .free-interest-hd:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	right: 0;
	height: 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	border-top: 1px solid #ddd
}

.free-interest-info .free-interest-container .free-interest-item {
	display: inline-block;
	margin-left: 16px;
	width: 33%;
	line-height: 36px
}

.free-interest-info .free-interest-container .free-interest-item--cnt {
	position: relative
}

.free-interest-info .free-interest-container .free-interest-item--tag {
	position: absolute;
	display: inline-block;
	right: -34px;
	top: -4px;
	height: 16px;
	padding: 1px;
	font-size: 10px;
	color: #f44336;
	line-height: 16px;
	border: 1px solid #ef9a9a;
	border-radius: 2px
}

.free-interest-info .free-interest-container .free-interest-item--right {
	margin-left: 0;
	margin-right: 16px;
	text-align: right
}

.double {
	width: 636px
}

.free-interest-tips {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	height: 32px;
	padding: 6px 12px;
	background-color: rgba(255,122,56,.1);
	border-radius: 24px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #ff7a38;
	cursor: pointer;
	margin-right: 16px;
	position: relative;
	left: 0;
	top: 0
}

.free-interest-tips .free-interest-tips--tag {
	margin-right: 4px;
	padding: 2px;
	height: 16px;
	width: 46px;
	font-size: 10px;
	color: #f4621f;
	border-radius: 3px;
	border: 1px solid #f4621f
}

.free-interest-tips .free-interest-tips--question {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin-left: 5px
}

.course-price-discount {
	height: 100%
}

.basic-bar-layout-main {
	height: 40px;
	line-height: 40px
}

.basic-bar-layout-more {
	position: relative;
	box-sizing: border-box;
	border-top: none
}

.phone-bind-modal {
	font-size: 16px
}

.phone-bind-modal--title {
	margin: 20px auto 10px;
	width: 340px;
	font-size: 12px;
	color: #a0a8b0
}

.phone-bind-modal--tips {
	margin: 30px auto 20px;
	width: 340px;
	font-size: 12px;
	color: #a0a8b0
}

.phone-bind-modal .rebind-form,.phone-bind-modal .unbind-form {
	margin-bottom: 40px
}

.phone-bind-modal .unbind-form .phone-form-tel:-moz-read-only {
	color: #a0a8b0
}

.phone-bind-modal .unbind-form .phone-form-tel:read-only {
	color: #a0a8b0
}

.phone-bind-modal .bind-form .phone-form-tel {
	font-size: 16px
}

.phone-bind-modal .kecomp-dialog {
	min-width: 438px;
	border: none
}

.phone-bind-modal .kecomp-dialog .phone-form {
	width: 340px
}

.phone-bind-modal .kecomp-dialog-hd-text {
	padding-top: 16px;
	padding-left: 20px;
	font-size: 14px;
	color: #a0a8b0
}

.phone-bind-modal .kecomp-dialog-bd {
	overflow: visible
}

.phone-bind-modal .kecomp-dialog-ft {
	padding: 10px 16px 16px
}

.phone-bind-modal .kecomp-dialog .im-btn.btn-s {
	line-height: 36px;
	font-size: 14px
}

.phone-bind-modal .kecomp-dialog .btn-verify {
	margin-left: 10px
}

.phone-bind-modal .kecomp-dialog .btn-confirm {
	margin-left: 100px
}

.mobile-auth {
	padding-bottom: 74px
}

.mobile-auth-row {
	text-align: center;
	line-height: 1;
	padding: 2px 0
}

.mobile-auth .phone-info-wrap {
	font-size: 20px;
	font-weight: 400
}

.mobile-auth .phone-info-dialing-code {
	margin-right: 10px
}

.mobile-auth .btn-modify {
	margin-left: 12px;
	font-size: 14px;
	color: #2196f3;
	vertical-align: 3px;
	cursor: pointer
}

.mobile-auth .btn-cancel:disabled {
	border: 1px solid #ddd;
	color: #ddd
}

.coupon-list {
	position: relative;
	left: 0;
	top: 0;
	padding: 10px 20px;
	height: 100%;
	box-sizing: border-box;
	width: 768px
}

.coupon-list .coupon-list-container {
	margin-right: 16px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.coupon-list .i-v-bottom,.coupon-list .i-v-top {
	position: absolute;
	right: 26px;
	top: 19px;
	cursor: pointer
}

.coupon-item {
	position: relative;
	padding: 8px;
	cursor: pointer;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin-right: 20px;
	margin-bottom: 3px;
	width: 217px
}

.coupon-item:hover {
	background: #edeff2;
	border-radius: 12px
}

.coupon-item-inner {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.coupon-item-inner:hover {
	cursor: default;
	background-color: rgba(#e5e5e5,.4)
}

.coupon-item-inner:hover .coupon-item-wording {
	transition: all .3s;
	opacity: 1
}

.coupon-item--get:hover .coupon-item-btn {
	cursor: pointer;
	color: #23b8ff
}

.coupon-item-type {
	color: #fff;
	background-color: #ff7a38;
	font-size: 12px;
	width: 44px;
	height: 22px;
	border-radius: 6px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-shrink: 0;
	flex-shrink: 0
}

.coupon-item-rule {
	font-size: 14px;
	color: #5d7283;
	font-weight: 400;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin-left: 8px;
	width: 93px
}

.coupon-item-btn {
	font-size: 14px;
	color: #5d7283;
	font-weight: 500;
	width: 100%;
	text-align: center
}

.coupon-item-wording {
	display: none;
	position: absolute;
	z-index: 10;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 100%;
	max-width: 304px;
	padding: 16px;
	background: #fff;
	border: 1px solid #e5e5e5;
	box-shadow: 0 2px 16px rgba(0,0,0,.15);
	border-radius: 12px;
	word-wrap: break-word;
	word-break: keep-all;
	font-size: 14px;
	line-height: 22px;
	color: #586470
}

.act-rebate-bar {
	padding: 20px;
	color: #5d7283;
	text-align: right
}

.act-rebate-bar-slash {
	opacity: .8;
	border-left: 1px solid #e5e5e5;
	margin: 0 8px
}

.act-rebate-bar-tip {
	cursor: pointer
}

.act-rebate-bar-tip:hover {
	color: #23b8ff
}

.act-rebate-bar-tip .i-v-right {
	font-size: 14px;
	margin-left: 8px;
	vertical-align: 1px
}

.act-rebate-rule {
	color: #333;
	font-size: 14px;
	line-height: 1.5;
	padding-bottom: 40px
}

.act-rebate-rule * {
	width: 100%
}

.act-rebate-rule h1,.act-rebate-rule h2,.act-rebate-rule h3,.act-rebate-rule h4,.act-rebate-rule h5,.act-rebate-rule h6 {
	font-weight: 700
}

.act-rebate-rule h1 {
	font-size: 18px;
	line-height: 25px;
	margin: 10px 0 24px;
	text-align: center
}

.act-rebate-rule h1+h2 {
	margin-top: 0
}

.act-rebate-rule h2 {
	font-size: 14px;
	line-height: 20px;
	margin: 40px 0 20px
}

.act-rebate-rule p {
	word-break: break-all;
	white-space: pre-wrap
}

.act-rebate-rule img {
	display: block;
	margin: 10px auto;
	max-width: 90%
}

.discount-bar-prefix {
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 32px
}

.discount-bar-prefix img {
	height: 100%
}

.discount-bar-layout-mores {
	display: -webkit-flex;
	display: flex
}

.discount-bar-layout-mores .discount-bar-layout-more.coupon {
	-webkit-flex-shrink: 0;
	flex-shrink: 0
}

.discount-bar-layout-mores .discount-bar-layout-more.rebate {
	width: 100%
}

.count-down-txt {
	color: #fff;
	font-size: 14px
}

.count-down-txt-colon {
	margin: 0 3px
}

.count-down-txt-pad {
	display: inline-block;
	width: 25px;
	height: 22px;
	text-align: center;
	background: #fff;
	border-radius: 6px;
	color: #ff4343
}

.count-down-txt-pad:first-child {
	margin-left: 5px
}

.basic-price {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.basic-price-discount {
	display: -webkit-flex;
	display: flex;
	font-weight: 700;
	font-size: 40px;
	line-height: 48px;
	color: #ff7a38;
	font-family: DIN Alternate
}

.basic-price-origin {
	margin-left: 16px;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	-webkit-text-decoration-line: line-through;
	text-decoration-line: line-through;
	color: #666c80
}

.basic-price-bubble {
	font-family: PingFangHK-Semibold,Microsoft YaHei;
	position: relative;
	display: inline-block;
	font-size: 14px;
	border-radius: 10px;
	color: #fff;
	background-color: #ff7a38;
	margin-left: 16px;
	height: 24px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 4px 6px
}

.basic-price-bubble:after {
	content: "";
	height: 0;
	width: 0;
	overflow: hidden;
	border-right: 6px solid #ff7a38;
	border-top: 6px dashed transparent;
	border-bottom: 6px dashed transparent;
	position: absolute;
	top: 50%;
	left: -5px;
	margin-top: -6px
}

.apply-bar-workspace.apply-bar {
	background: linear-gradient(180deg,#ff7a38,#ff7a38 30%,#fff 0)
}

.apply-bar-workspace.apply-bar .apply-bar-prefix {
	background-color: #ff7a38
}

.apply-bar-workspace.apply-bar .apply-bar-prefix.hidden {
	display: none
}

.apply-bar-workspace.apply-bar .basic-price-discount .basic-price-txt {
	font-size: 16px
}

.apply-bar-workspace.apply-bar.prefix-filled-mode {
	background: linear-gradient(180deg,var(--bgColor) 0,var(--bgColor) 40%,#fff 30%)
}

.apply-bar-workspace.apply-bar.prefix-filled-mode .apply-bar-main {
	border-top-right-radius: 0
}

.apply-bar-workspace.apply-bar.prefix-filled-mode .discount-bar-prefix {
	border-top-left-radius: 12px
}

.apply-bar-workspace.apply-bar.prefix-filled-mode .apply-bar-prefix {
	background-color: var(--bgColor)
}

.apply-bar-workspace.apply-bar.prefix-filled-mode .apply-bar-prefix .count-down-txt-pad {
	color: var(--bgColor)
}

.apply-bar-workspace.apply-bar.freelearning {
	background: linear-gradient(180deg,#ffd37b,#ffd37b 30%,#fff 0)
}

.apply-bar-workspace.apply-bar.freelearning .apply-bar-prefix {
	background-color: #ffd37b;
	color: #9e651c;
	display: -webkit-flex;
	display: flex
}

.apply-bar-workspace.apply-bar.freelearning .apply-bar-prefix h3 {
	font-family: HYYakuHei;
	font-weight: 700;
	font-size: 16px;
	line-height: 16px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	color: #9e651c
}

.apply-bar-workspace.apply-bar.freelearning .apply-bar-prefix p {
	margin-left: 16px;
	font-family: PingFang SC;
	font-weight: 500;
	font-size: 14px
}

.apply-bar-workspace.apply-bar.apply-bar--salary-choice .apply-bar-prefix {
	background-color: #151a35
}

.apply-bar-workspace.apply-bar.apply-bar--salary-choice.prefix-filled-mode .apply-bar-prefix .count-down-txt-pad {
	background-color: #ffebc2
}

.apply-bar-workspace.apply-bar.apply-bar--salary-choice .apply-bar-main .discount-type {
	color: #3c464f
}

.apply-bar-workspace.apply-bar.apply-bar--salary-choice .apply-bar-main .normal-course,.apply-bar-workspace.apply-bar.apply-bar--salary-choice .apply-bar-main .normal-course .basic-price-discount {
	color: #0f1419
}

.apply-bar-workspace.apply-bar.apply-bar--salary-choice .apply-bar-suffix .coupon-item-type {
	color: #ffebc2;
	background-color: #151a35
}

.apply-bar-workspace.apply-bar.apply-bar--training-camp .apply-bar-prefix {
	background-color: #2dd192
}

.apply-bar-workspace.apply-bar.apply-bar--training-camp.prefix-filled-mode .apply-bar-prefix .count-down-txt-pad {
	background-color: #fff
}

.apply-bar-workspace.apply-bar.apply-bar--training-camp .apply-bar-main .discount-type {
	color: #3c464f
}

.apply-bar-workspace.apply-bar.apply-bar--training-camp .apply-bar-main .normal-course,.apply-bar-workspace.apply-bar.apply-bar--training-camp .apply-bar-main .normal-course .basic-price-discount {
	color: #0f1419
}

.apply-bar-workspace.apply-bar.apply-bar--training-camp .apply-bar-suffix .coupon-item-type {
	color: #fff;
	background-color: #2dd192
}

.inst-seckill-bar-bd .btn-remind.im-btn.btn-s.btn-outline {
	position: absolute;
	right: 16px;
	top: 16px;
	color: #ff7a38;
	border-color: #ff7a38;
	box-sizing: border-box;
	height: 24px;
	line-height: 24px;
	padding: 0 5px 0 20px
}

.inst-seckill-bar-tip {
	color: #ff7a38;
	line-height: 24px
}

.inst-seckill-bar-buytime,.inst-seckill-bar-left {
	margin-left: 16px;
	color: #fff
}

.obn-entry-wrapper {
	position: absolute;
	width: 330px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	font-size: 14px;
	font-family: PingFangSC-Medium;
	color: #ff7a38;
	right: 0;
	top: -26px
}

.obn-entry-wrapper:after {
	position: absolute;
	bottom: -10px;
	right: 20%;
	height: 13px;
	width: 13px;
	content: "";
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #fff1f1;
	border: 1px solid #ffe1e1;
	border-left: 0;
	border-top: 0
}

.obn-entry-wrapper .obn-entry {
	padding-top: 2px;
	background-image: linear-gradient(-180deg,#fff1f1 32%,#ffebeb 91%);
	border: 1px solid #ffe1e1;
	border-radius: 17px
}

.obn-entry-wrapper .icon-hongbao {
	position: relative;
	top: -1px;
	left: 0;
	width: 11px;
	height: 14px
}

.obn-gutter {
	height: 21px
}

.general-btn {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.general-btn .btn-origin-buy {
	background: rgba(255,122,56,.1);
	color: #ff7a38;
	margin-right: 16px
}

.general-btn .btn-origin-buy,.general-btn-main {
	height: 48px;
	border-radius: 24px;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	border: unset;
	padding: 12px 36px
}

.general-btn-main {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background: #ff7a38;
	box-shadow: inset 0 -3px 6px rgba(255,0,66,.105);
	font-style: normal;
	color: #fff
}

.general-btn-main--hastip.im-btn.btn-default {
	font-size: 14px;
	line-height: 20px;
	height: 50px
}

.general-btn-tip {
	display: block;
	margin-right: 12px
}

.general-btn-tip .wording {
	font-weight: 400
}

.general-btn-tip .price {
	font-weight: 600
}

.general-btn-txt {
	display: block;
	font-weight: 500
}

.platform-btn-main.im-btn.btn-default {
	background-color: #ff0042
}

.platform-btn-main.im-btn.btn-default:hover {
	background-color: #ff4343
}

.apply-bar--salary-choice.apply-bar .general-btn .btn-origin-buy,.apply-btn-box--salary-choice.apply-btn-box .general-btn .btn-origin-buy {
	color: #cb913b;
	background: #fff;
	border: 1px solid #cb913b
}

.apply-bar--training-camp.apply-bar .general-btn .btn-origin-buy,.apply-btn-box--training-camp.apply-btn-box .general-btn .btn-origin-buy {
	color: #2dd192;
	background: #fff;
	border: 1px solid #2dd192
}

.qr-dialog-tip {
	font-size: 18px;
	line-height: 30px;
	margin-left: 130px
}

.qr-dialog-code {
	position: absolute;
	top: 0;
	left: 40px;
	padding-right: 20px;
	border-right: 1px solid #ddd
}

.you-will-get {
	padding: 40px 0 0
}

.you-will-get .kc-course-harvest {
	padding: 0
}

.you-will-get .kc-course-harvest-title {
	color: #0f1419;
	font-size: 18px
}

.you-will-get--hide {
	display: none
}

.you-will-get .consult-you-will-get {
	float: right;
	background-color: #f5f6fa
}

.you-will-get .consult-you-will-get .consult-btn-text {
	color: #8797a1
}

.kc-course-harvest--default .consult-you-will-get span span:first-child {
	color: #2080f7
}

.kc-course-harvest--salary-choice .consult-you-will-get span span:first-child {
	color: #f3c476
}

.kc-course-harvest--training-camp .consult-you-will-get span span:first-child {
	color: #2cdbb1
}

.t-message__list .t-message.t-is-success {
	background-color: #fff;
	color: #333;
	border-radius: 4px
}

.t-message__list .t-message.t-is-success>.t-icon {
	color: #08cb6a;
	font-size: 20px
}

.consult-button {
	background: #f4f4f4;
	border-radius: 24px;
	padding: 4px 12px;
	height: auto
}

.consult-button .expo-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	font-weight: 400
}

.consult-button .expo-wrapper .consult-btn-text {
	color: #666;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	margin-left: 5px;
	max-width: 84px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}

.swiper .slide-btn {
	padding: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	background: #fff;
	border-radius: 100%;
	box-shadow: 0 2px 12px rgba(0,0,0,.15);
	cursor: pointer;
	z-index: 10;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center
}

.swiper .slide-to-left-disabled {
	opacity: .3
}

.swiper .slide-to-right {
	right: 0
}

.swiper .slide-to-right-disabled {
	opacity: .3
}

.kc-teacher-item-wrapper {
	display: inline-block;
	padding-left: 16px;
	vertical-align: middle;
	white-space: normal
}

.kc-teacher-item-wrapper .kc-teacher-item-container--salary-choice {
	background-color: #fff5e0
}

.kc-teacher-item-wrapper .kc-teacher-item-container--salary-choice:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 120px;
	height: 8px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/container-icon@salary-choice.0c5661e4.png) 0 0/120px 36px no-repeat
}

.kc-teacher-item-wrapper .kc-teacher-item-container--salary-choice .kc-teacher-item-inner-wrapper {
	background-color: #fff;
	border: 1px solid #fff5e0
}

.kc-teacher-item-wrapper .kc-teacher-item-container--salary-choice .kc-teacher-item-inner-wrapper .kc-teacher-item {
	background-color: #fff
}

.kc-teacher-item-wrapper .kc-teacher-item-container--salary-choice .kc-teacher-item-inner-wrapper .kc-teacher-item .kc-teacher-arrow {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/arrow-right@salary-choice.30876a5d.png)
}

.kc-teacher-item-wrapper .kc-teacher-item-container--salary-choice .kc-teacher-item-inner-wrapper .kc-teacher-item .kc-teacher-name-ellipsis {
	max-width: calc(100% - 82px)
}

.kc-teacher-item-wrapper .kc-teacher-item-container--salary-choice .kc-teacher-item-inner-wrapper .kc-teacher-item .kc-teacher-name__qualification-label {
	display: inline-block;
	margin-left: 6px;
	width: 70px;
	height: 32px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/certification@salary-choice.9660abb0.png) 50%/100% no-repeat
}

.kc-teacher-item-wrapper .kc-teacher-item-container--salary-choice .kc-teacher-item-inner-wrapper .kc-teacher-intro:before {
	background-color: #fff5e0
}

.kc-teacher-item-wrapper .kc-teacher-item-container--default,.kc-teacher-item-wrapper .kc-teacher-item-container--training-camp {
	background-color: #f5f8fa
}

.kc-teacher-item-wrapper .kc-teacher-item-container {
	position: relative;
	padding-top: 8px;
	border-radius: 12px;
	overflow: hidden
}

.kc-teacher-item-wrapper .kc-teacher-item-container .kc-teacher-item-inner-wrapper {
	border-radius: 12px;
	overflow: hidden
}

.kc-teacher-item-wrapper .kc-teacher-item-container .kc-teacher-item-inner-wrapper .kc-teacher-item {
	height: 92px;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	margin-right: 10px;
	padding: 14px;
	border-radius: 12px;
	-webkit-align-items: center;
	align-items: center
}

.kc-teacher-item-wrapper .kc-teacher-item-container .kc-teacher-item-inner-wrapper .kc-teacher-item .kc-teacher-name {
	cursor: pointer;
	position: relative;
	display: -webkit-inline-flex;
	display: inline-flex;
	gap: 6px;
	-webkit-align-items: center;
	align-items: center;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	color: #3e414d;
	text-align: left;
	overflow: hidden
}

.kc-teacher-item-wrapper .kc-teacher-item-container .kc-teacher-item-inner-wrapper .kc-teacher-item .kc-teacher-name-wrapper {
	display: -webkit-flex;
	display: flex
}

.kc-teacher-item-wrapper .kc-teacher-item-container .kc-teacher-item-inner-wrapper .kc-teacher-item .kc-teacher-name.kc-teacher-name-ellipsis,.kc-teacher-item-wrapper .kc-teacher-item-container .kc-teacher-item-inner-wrapper .kc-teacher-item .kc-teacher-summary {
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.kc-teacher-item-wrapper .kc-teacher-item-container .kc-teacher-item-inner-wrapper .kc-teacher-item .kc-teacher-summary {
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #666c80;
	text-align: left
}

.kc-teacher-item-wrapper .kc-teacher-item-container .kc-teacher-item-inner-wrapper .kc-teacher-item .kc-teacher-arrow {
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/v-right-v2@2x.c4a5ff25.png) 50%/cover;
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 12px
}

.kc-teacher-item-wrapper .kc-teacher-item-container .kc-teacher-item-inner-wrapper .kc-teacher-item .kc-teacher-avatar {
	cursor: pointer;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	margin-right: 10px
}

.kc-teacher-item-wrapper .kc-teacher-item-container .kc-teacher-item-inner-wrapper .kc-teacher-item .kc-teacher-desc {
	-webkit-flex: 1;
	flex: 1;
	overflow: hidden;
	margin-right: 10px
}

.kc-teacher-item-wrapper .kc-teacher-item-container .kc-teacher-intro {
	position: relative;
	min-height: 107px;
	padding: 11px 20px 24px;
	margin: unset;
	width: 100%;
	font-family: PingFang SC,sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #586470;
	text-indent: unset;
	box-sizing: border-box
}

.kc-teacher-item-wrapper .kc-teacher-item-container .kc-teacher-intro:before {
	content: "";
	position: absolute;
	top: 0;
	left: 12px;
	right: 12px;
	height: 1px;
	background-color: #e4ebf0
}

.kc-teacher-item-wrapper .kc-teacher-item-container .kc-teacher-intro .kc-teacher-intro-ellipsis {
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 24px
}

@media screen and (max-width:1199px) {
	.kc-teacher-item-wrapper .kc-teacher-item-container .kc-teacher-item-inner-wrapper .kc-teacher-item .kc-teacher-name {
		font-size: 14px;
		height: 20px;
		line-height: 20px
	}

	.kc-teacher-item-wrapper .kc-teacher-item-container .kc-teacher-item-inner-wrapper .kc-teacher-item .kc-teacher-name-wrapper {
		margin-bottom: 4px
	}

	.kc-teacher-item-wrapper .kc-teacher-item-container .kc-teacher-item-inner-wrapper .kc-teacher-item .kc-teacher-name__qualification-label {
		height: 20px
	}
}

.title {
	color: #00061a;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	padding: 36px 0 24px;
	line-height: unset;
	vertical-align: middle
}

.title .operate {
	float: right;
	width: auto
}

.title .operate>* {
	background: #f5f6f7
}

.teacher-intro .teacher-intro-container {
	position: relative
}

.teacher-intro .teacher-intro-container .slide-item {
	height: auto;
	-webkit-align-self: stretch;
	align-self: stretch
}

.teacher-intro .teacher-intro-container .slide-btn {
	box-shadow: 0 2px 12px rgba(0,0,0,.15)
}

.teacher-intro .teacher-intro-container .slide-to-right {
	right: 0
}

.teacher-intro .teacher-intro-container .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 80%,#fff 97%);
	right: 0;
	top: 0;
	z-index: calc(10 - 1);
	pointer-events: none
}

.teacher-intro .teacher-intro-container .kc-teacher-item-wrapper {
	width: 100%
}

.teacher-intro .teacher-intro-container .kc-teacher-item-wrapper:first-child {
	padding-left: 0
}

.teacher-intro .teacher-intro-container .kc-teacher-intro,.teacher-intro .teacher-intro-container .kc-teacher-item {
	width: 100%
}

.teacher-intro .kc-teacher-item .consult-teacher {
	background-color: #f5f6fa
}

.teacher-intro .kc-teacher-item .consult-teacher span span:first-child {
	color: #2080f7
}

.teacher-intro .kc-teacher-item .consult-teacher .consult-btn-text {
	color: #8797a1
}

.teacher-intro .kc-teacher-item-container--salary-choice .kc-teacher-item .consult-teacher span span:first-child {
	color: #f3c476
}

.teacher-intro .kc-teacher-item-container--training-camp .kc-teacher-item .consult-teacher span span:first-child {
	color: #2cdbb1
}

.reconfirm-apply-dialog .kecomp-dialog.small {
	min-height: auto
}

.reconfirm-apply-dialog .kecomp-dialog-hd {
	z-index: 1
}

.reconfirm-apply-dialog .kecomp-dialog-hd-text-empty {
	padding-top: 0
}

.reconfirm-apply-dialog .kecomp-dialog-bd {
	text-align: center
}

.reconfirm-apply-dialog .reconfirm-apply-title {
	font-size: 16px;
	line-height: 22px;
	color: #0f1419;
	margin-bottom: 24px
}

.reconfirm-apply-dialog .reconfirm-apply-bd {
	font-size: 16px;
	line-height: 22px;
	color: #3c464f;
	margin-bottom: 24px
}

.reconfirm-apply-dialog .reconfirm-apply-btn {
	border: 0;
	outline: none;
	padding: 10px 32px;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	margin-bottom: 24px;
	background: #2080f7;
	border-radius: 24px
}

.detail-catalogue .task-item-expo-wrapper {
	position: relative
}

.detail-catalogue .task-item-expo-wrapper:after {
	position: absolute;
	display: block;
	content: "";
	right: 0;
	bottom: 0;
	width: calc(100% - 52px);
	height: 0;
	border-top: 1px solid #edeff2;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.detail-catalogue .task-item-expo-wrapper:last-child {
	margin-bottom: 16px
}

.detail-catalogue .task-item-expo-wrapper:last-child:after {
	display: none
}

.detail-catalogue .task-item {
	position: relative;
	padding: 16px 8px;
	display: -webkit-flex;
	display: flex;
	cursor: pointer
}

.detail-catalogue .task-item .task-type {
	display: -webkit-flex;
	display: flex;
	width: 14px;
	height: 14px;
	margin: 4px 18px 0 12px
}

.detail-catalogue .task-item .task-type .icon-living {
	display: block;
	width: 14px;
	height: 14px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-living.b97fc2e1.gif) 50%/contain no-repeat
}

.detail-catalogue .task-item .task-content {
	width: calc(100% - 44px)
}

.detail-catalogue .task-item .task-content .task-name-ctn {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.detail-catalogue .task-item .task-content .task-index {
	margin-right: 7px;
	font-size: 18px;
	font-weight: 600
}

.detail-catalogue .task-item .task-content .task-name {
	height: 22px;
	line-height: 22px;
	font-size: 16px;
	color: #f8f8f8;
	margin-bottom: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}

.detail-catalogue .task-item .task-content .task-info {
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #666c80;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}

.detail-catalogue .task-item .task-content .task-labels {
	display: -webkit-flex;
	display: flex;
	-webkit-flex: none;
	flex: none;
	margin-left: 20px
}

.detail-catalogue .task-item .task-content .task-labels .task-label {
	height: 20px;
	padding: 2px 6px;
	background: rgba(32,128,247,.1);
	border-radius: 8px;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: #2080f7;
	margin-left: 2px
}

.detail-catalogue .task-item .task-content .task-labels .icon-lock {
	margin-right: 8px
}

.detail-catalogue .task-item.disabled .task-info,.detail-catalogue .task-item.disabled .task-name {
	color: #c9d0d6
}

.detail-catalogue .task-item.un-clickable {
	cursor: default
}

.detail-catalogue .task-info .time-range {
	margin-right: 8px
}

.detail-catalogue .task-info .highlight-label {
	color: #2080f7
}

.detail-catalogue .section-wrapper.is-fold .section-info-wrapper {
	margin-bottom: 20px
}

.detail-catalogue .section-info-wrapper {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	padding: 16px;
	background: #f5f8fa;
	border-radius: 12px;
	margin-bottom: 16px;
	cursor: pointer
}

.detail-catalogue .section-index {
	font-weight: 500;
	font-size: 18px;
	height: 22px;
	line-height: 22px;
	color: #3e454d;
	margin-right: 8px;
	-webkit-flex-shrink: 0;
	flex-shrink: 0
}

.detail-catalogue .section-info-main {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	min-width: 0;
	padding-right: 30px
}

.detail-catalogue .section-title {
	font-weight: 500;
	font-size: 16px;
	height: 22px;
	line-height: 22px;
	color: #3e454d
}

.detail-catalogue .section-desc,.detail-catalogue .section-title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}

.detail-catalogue .section-desc {
	margin-top: 4px;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	color: #586470
}

.detail-catalogue .section-operate {
	margin-left: auto
}

.detail-catalogue {
	padding-bottom: 24px
}

.dropdown {
	background: #fff;
	display: inline-block;
	position: relative
}

.dropdown .dropdown-wrap {
	position: relative;
	display: -webkit-inline-flex;
	display: inline-flex;
	box-sizing: border-box;
	padding: 8px 18px 8px 16px;
	height: 36px;
	line-height: 36px;
	background: #f5f8fa;
	border-radius: 12px;
	border: none;
	outline: none
}

.dropdown .dropdown-wrap-text {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #586470;
	margin-right: 4px
}

.dropdown .dropdown-wrap .icon-arrow-down {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center
}

.dropdown-list-ctn {
	padding-top: 1px;
	overflow: visible
}

.dropdown-list-ctn .dropdown-list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	position: relative
}

.dropdown-list-ctn .dropdown-list .dropdown-option {
	margin-bottom: 12px;
	white-space: nowrap;
	display: inline-block;
	padding: 8px 15px;
	width: 100%;
	height: 36px;
	line-height: 20px;
	border: 1px solid #e4ebf0;
	border-radius: 8px;
	color: #667280;
	cursor: pointer
}

.dropdown-list-ctn .dropdown-list .dropdown-option:last-child {
	margin-bottom: 0
}

.dropdown-list-ctn .dropdown-list .dropdown-option.selected {
	border: 1px solid transparent;
	color: #2080f7;
	background: rgba(32,128,247,.1);
	cursor: default;
	font-weight: 500
}

.popover-overly-termswitch {
	box-shadow: 0 2px 16px rgba(0,0,0,.15);
	border-radius: 8px;
	min-width: 250px
}

.term-switch {
	padding-bottom: 16px
}

.tech-service {
	position: relative;
	padding: 40px 0 0
}

.tech-service .kc-course-service {
	padding: 0
}

.tech-service .kc-course-service-subtitle {
	font-size: 14px
}

.tech-service .consult-you-will-get {
	float: right;
	background-color: #f5f6fa
}

.tech-service .consult-you-will-get .consult-btn-text {
	color: #8797a1
}

.kc-course-service--default .consult-you-will-get span span:first-child {
	color: #2080f7
}

.kc-course-service--salary-choice .consult-you-will-get span span:first-child {
	color: #f3c476
}

.kc-course-service--training-camp .consult-you-will-get span span:first-child {
	color: #2cdbb1
}

.tech-service__popup {
	padding: 16px 14px;
	width: 480px
}

.tech-service__popup .service__header {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	padding-bottom: 12px
}

.tech-service__popup .service-list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	gap: 12px
}

.tech-service__popup .service-list .service-list__content {
	font-size: 14px;
	line-height: 24px;
	padding-left: 15px;
	color: #586470
}

.tech-service__popup .service-list .service-list__content:before {
	content: "•";
	left: 25px;
	position: absolute
}

.free-data .get-file-card {
	background: #fff;
	border: 1px solid #f5f7fa;
	border-radius: 12px;
	padding: 24px 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center
}

.free-data .get-file-card .rich-file-content,.free-data .get-file-card .simple-file-content {
	width: 56%;
	overflow: hidden
}

.free-data .get-file-card .rich-file-content .file-item,.free-data .get-file-card .simple-file-content .file-item {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.free-data .get-file-card .rich-file-content .file-item .file-icon,.free-data .get-file-card .simple-file-content .file-item .file-icon {
	width: 64px;
	height: 64px;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin-right: 16px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/folder.7711983b.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%
}

.free-data .get-file-card .rich-file-content .file-item .text-content,.free-data .get-file-card .simple-file-content .file-item .text-content {
	width: 100%
}

.free-data .get-file-card .rich-file-content .file-item .text-content .text-title,.free-data .get-file-card .simple-file-content .file-item .text-content .text-title {
	color: #0f1419;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	margin-bottom: 8px;
	width: 100%;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.free-data .get-file-card .rich-file-content .file-item .text-content .content,.free-data .get-file-card .simple-file-content .file-item .text-content .content {
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.free-data .get-file-card .simple-file-content {
	-webkit-flex-shrink: 0;
	flex-shrink: 0
}

.free-data .get-file-card .simple-file-content .file-item {
	margin-right: 30px
}

.free-data .get-file-card.rich {
	padding: 0;
	background: #f5f7fa
}

.free-data .get-file-card.rich .rich-file-content {
	width: 82%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 24px 20px;
	border-right: 1px solid #f5f7fa;
	border-radius: 12px;
	background: #fff
}

.free-data .get-file-card.rich .rich-file-content .file-item {
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	width: calc((100% - 30px * 2) / 3)
}

.free-data .get-file-card.rich .rich-file-content .file-item:not(:last-child) {
	margin-right: 30px
}

.free-data .get-file-card.rich .rich-file-content .file-item .file-icon {
	width: 48px;
	height: 48px
}

.free-data .get-file-card.rich .rich-file-content .file-item:nth-child(3n+2) .file-icon {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/template.f13336f0.png)
}

.free-data .get-file-card.rich .rich-file-content .file-item:nth-child(3n+3) .file-icon {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/book.7b5c3b2f.png)
}

.free-data .get-file-card.rich .rich-file-content .file-item .text-content {
	margin-top: 12px
}

.free-data .get-file-card.rich .rich-file-content .file-item .text-content .content {
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.free-data .get-file-card.rich .operate {
	-webkit-flex: 1;
	flex: 1;
	text-align: center
}

.free-data .get-file-card.rich .operate .operate-btn {
	height: 32px;
	display: inline-block;
	background: #2080f7
}

.free-data .get-file-card.rich .operate .operate-btn .btn-text {
	color: #fff;
	vertical-align: middle
}

.free-data .get-file-card .contact-teacher {
	-webkit-flex: 1;
	flex: 1;
	display: -webkit-flex;
	display: flex;
	overflow: hidden;
	-webkit-align-items: center;
	align-items: center
}

.free-data .get-file-card .contact-teacher .wording-img {
	width: 64px;
	height: 64px;
	border-radius: 24px;
	object-fit: cover
}

.free-data .get-file-card .contact-teacher .wording {
	-webkit-flex: 1;
	flex: 1;
	margin-left: 16px
}

.free-data .get-file-card .contact-teacher .wording-title {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #0f1419;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.free-data .get-file-card .contact-teacher .wording-operate-btn {
	margin-top: 6px;
	background: #2080f7
}

.detail-content,.detail-content .content-wrapper {
	position: relative
}

.detail-content .content-wrapper .content {
	overflow: hidden
}

.detail-content .content-wrapper #course-detail-content__resize-iframe {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	visibility: hidden;
	width: 100%;
	height: 100%
}

.detail-content .show-more {
	position: relative;
	z-index: 10;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: 44px;
	line-height: 44px;
	margin: 0 auto;
	color: #586470;
	vertical-align: middle;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	cursor: pointer;
	transition: color .3s
}

.detail-content .show-more .icon {
	margin-left: 8px
}

.detail-content .show-more:hover {
	color: #2080f7
}

.detail-content .mask {
	bottom: 0;
	position: absolute;
	width: 100%;
	height: 36px;
	pointer-events: none;
	background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff)
}

.everyone-ask .list {
	display: -webkit-flex;
	display: flex
}

.everyone-ask .list .question-card {
	width: calc((100% - 20px * 3) / 4);
	position: relative;
	border-radius: 12px
}

.everyone-ask .list .question-card-hover {
	box-shadow: 0 1px 8px rgba(11,4,30,.1);
	z-index: calc(2000 + 1)
}

.everyone-ask .list .question-card:not(:last-child) {
	margin-right: 20px
}

.everyone-ask .list .question-card .content {
	z-index: 3;
	position: relative;
	padding: 22px 20px;
	background: #f5f8fa;
	border-radius: 12px
}

.everyone-ask .list .question-card .content .question-title {
	color: #0f1419;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 8px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}

.everyone-ask .list .question-card .content .question-detail {
	font-size: 12px;
	line-height: 16px
}

.everyone-ask .list .question-card .content .question-detail .question-count {
	color: #0f1419;
	margin-right: 8px;
	font-weight: 400
}

.everyone-ask .list .question-card .content .question-detail .question-contact {
	font-weight: 500;
	display: inline-block;
	color: #2080f7;
	cursor: pointer
}

.everyone-ask .list .question-card .content .question-detail .question-contact:hover {
	color: #62b4f7
}

.everyone-ask .list .question-card .ask-teacher {
	background: #fff;
	width: 100%;
	margin-top: -20px;
	padding-top: 34px;
	padding-bottom: 24px;
	border-radius: 12px
}

.everyone-ask .list .question-card .ask-teacher-hover {
	position: absolute;
	box-shadow: 0 1px 8px rgba(11,4,30,.1)
}

.everyone-ask .list .question-card .ask-teacher .ask-img {
	width: 68px;
	height: 68px;
	margin-left: 20px;
	margin-right: 10px
}

.everyone-ask .list .question-card .ask-teacher .ask-text {
	color: #586470;
	font-size: 12px;
	margin-right: 16px
}

.everyone-ask .list .question-card .ask-teacher .ask-button {
	padding: 4px 8px
}

.everyone-ask .consult-button {
	color: #2080f7
}

.everyone-ask--salary-choice.everyone-ask .ask-button,.everyone-ask--salary-choice.everyone-ask .list .question-card .content .question-contact {
	color: #cb913b
}

.everyone-ask--salary-choice.everyone-ask .ask-button:hover,.everyone-ask--salary-choice.everyone-ask .list .question-card .content .question-contact:hover {
	color: #b78443
}

.everyone-ask--salary-choice.everyone-ask .consult-button {
	color: #586470
}

.everyone-ask--salary-choice.everyone-ask .consult-button path {
	color: #ffc552
}

.everyone-ask--training-camp.everyone-ask .ask-button,.everyone-ask--training-camp.everyone-ask .list .question-card .content .question-contact {
	color: #22ab80
}

.everyone-ask--training-camp.everyone-ask .ask-button:hover,.everyone-ask--training-camp.everyone-ask .list .question-card .content .question-contact:hover {
	color: #2dd192
}

.everyone-ask--training-camp.everyone-ask .consult-button {
	color: #586470
}

.everyone-ask--training-camp.everyone-ask .consult-button path {
	color: #2dd192
}

.ke-brand-about-wrapper {
	background-color: #fff;
	box-shadow: 0 3px 12px rgba(0,36,153,.06);
	border-radius: 12px;
	padding: 24px 20px
}

.ke-brand-about-wrapper .about-tt {
	margin-bottom: 24px;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #00061a
}

.ke-brand-about-wrapper--salary-choice .about-des {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	height: 36px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/service-corner@salary-choice.c672a6ec.png) 100% 0/120px 36px no-repeat
}

.ke-brand-about-wrapper--salary-choice .about-des,.ke-brand-about-wrapper--salary-choice .about-item {
	-webkit-justify-content: center;
	justify-content: center
}

.ke-brand-about-wrapper--salary-choice .about-item-icon {
	display: -webkit-flex;
	display: flex;
	width: 36px;
	height: 36px;
	margin-bottom: 12px;
	background-position: 50%;
	background-size: 100%
}

.ke-brand-about-wrapper--salary-choice .about-item-tt {
	line-height: 20px;
	font-weight: 500;
	margin-bottom: 4px;
	text-align: center;
	color: #3c464f
}

.ke-brand-about-wrapper--salary-choice .about-item-des {
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	color: #586470;
	max-width: 180px
}

.ke-brand-about-wrapper--salary-choice .about-item-help {
	display: inline-block;
	vertical-align: middle;
	margin-left: 2px;
	width: 12px;
	height: 12px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-question@salary-choice.d3b3f6c1.png) 50%/12px 12px no-repeat
}

.ke-brand-about-wrapper--salary-choice .kc-list {
	border-left: .5px solid #fff5e0;
	border-right: .5px solid #fff5e0;
	border-bottom: .5px solid #fff5e0;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px
}

.ke-brand-about-wrapper--salary-choice .about-des {
	color: #cb913b;
	background-color: #fff5e0
}

.ke-brand-about-wrapper--training-camp .about-des {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	height: 36px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/service-corner@training-camp.ea2c9966.png) 100% 0/120px 36px no-repeat
}

.ke-brand-about-wrapper--training-camp .about-des,.ke-brand-about-wrapper--training-camp .about-item {
	-webkit-justify-content: center;
	justify-content: center
}

.ke-brand-about-wrapper--training-camp .about-item-icon {
	display: -webkit-flex;
	display: flex;
	width: 36px;
	height: 36px;
	margin-bottom: 12px;
	background-position: 50%;
	background-size: 100%
}

.ke-brand-about-wrapper--training-camp .about-item-tt {
	line-height: 20px;
	font-weight: 500;
	margin-bottom: 4px;
	text-align: center;
	color: #3c464f
}

.ke-brand-about-wrapper--training-camp .about-item-des {
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	color: #586470;
	max-width: 180px
}

.ke-brand-about-wrapper--training-camp .about-item-help {
	display: inline-block;
	vertical-align: middle;
	margin-left: 2px;
	width: 12px;
	height: 12px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-question@training-camp.d3b3f6c1.png) 50%/12px 12px no-repeat
}

.ke-brand-about-wrapper--training-camp .kc-list {
	border-left: .5px solid #eafaf4;
	border-right: .5px solid #eafaf4;
	border-bottom: .5px solid #eafaf4;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px
}

.ke-brand-about-wrapper--training-camp .about-des {
	color: #22ab80;
	background-color: #eafbf5
}

.ke-brand-about-wrapper .kc-list {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	overflow: hidden
}

.ke-brand-about-wrapper .kc-list .list-item {
	-webkit-flex: 1;
	flex: 1;
	height: 152px
}

.ke-brand-about-wrapper .list-item-center {
	-webkit-align-items: center;
	align-items: center
}

.ke-brand-about-wrapper.h5 {
	padding: 16px
}

.ke-brand-about-wrapper.h5 .about-des {
	padding-bottom: 10px;
	box-sizing: initial;
	position: relative;
	bottom: -10px
}

.ke-brand-about-wrapper.h5 .about-tt {
	margin-bottom: 12px
}

.ke-brand-about-wrapper.h5 .kc-list {
	border-radius: 12px;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	padding: 16px 12px;
	background-color: #fff;
	position: relative
}

.ke-brand-about-wrapper.h5 .kc-list .list-item {
	margin-bottom: 12px;
	height: auto;
	padding: 0
}

.ke-brand-about-wrapper.h5 .kc-list .list-item:last-of-type {
	margin-bottom: 0
}

.ke-brand-about-wrapper.h5 .kc-list .list-item--split:after {
	display: none
}

.ke-brand-about-wrapper.h5 .list-item-center {
	position: relative;
	display: block
}

.ke-brand-about-wrapper.h5 .list-item-center .about-item-icon {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 0;
	background-size: cover
}

.ke-brand-about-wrapper.h5 .about-item-tt {
	padding-top: 2px
}

.ke-brand-about-wrapper.h5 .about-item-des,.ke-brand-about-wrapper.h5 .about-item-tt {
	padding-left: 36px;
	text-align: left;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	max-width: none;
	color: #8797a1
}

.ke-brand-about-wrapper.h5 .about-item-help-drawer .drawer-wrap {
	background-color: #eafbf5
}

.about-popover .rc-tooltip-inner {
	padding: 16px 14px;
	max-width: 480px
}

.course-about {
	box-shadow: none;
	padding: 0
}

.course-about .about-tt {
	padding-top: 36px
}

.course-about .kc-list {
	overflow: hidden
}

.course-about .list-item--split:after {
	height: 0
}

.ke-brand-faq-wrapper {
	background-color: #fff;
	box-shadow: 0 3px 12px rgba(0,36,153,.06);
	border-radius: 12px;
	padding: 24px 20px
}

.ke-brand-faq-wrapper .faq-tt {
	margin-bottom: 24px;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #00061a
}

.ke-brand-faq-wrapper .list-item {
	-webkit-align-items: center;
	align-items: center;
	padding: 0 0 0 16px
}

.ke-brand-faq-wrapper .list-item+.list-item {
	margin-top: 16px
}

.ke-brand-faq-wrapper .list-item+.list-item .list-item-center {
	font-size: 14px
}

.ke-brand-faq-wrapper .list-item:after {
	display: none
}

.ke-brand-faq-wrapper .list-item:before {
	top: 8px;
	left: 0;
	width: 6px;
	height: 6px;
	content: "";
	border-radius: 50%;
	position: absolute;
	background-color: #a1a5b2
}

.ke-brand-faq-wrapper .list-item-title {
	color: #3c464f
}

.ke-brand-faq-wrapper .list-item-description {
	color: #586470;
	font-size: 12px;
	white-space: normal
}

.ke-brand-faq-wrapper .list-item .ke-brand-faq__title {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.ke-brand-faq-wrapper.h5 .list-item-description {
	color: #8797a1
}

.ke-brand-faq-wrapper--training-camp .list-item:before {
	width: 12px;
	height: 12px;
	top: 4px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-item@training-camp.ed03e44b.png) 0 0/100% no-repeat
}

.course-faq {
	box-shadow: none;
	padding: 0
}

.course-faq .faq-tt {
	margin-top: 36px
}

.course-comment {
	padding-top: 32px;
	padding-bottom: 24px;
	z-index: calc(200 + 1)
}

.course-comment-percentage {
	color: #0f1419;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 18px
}

.course-comment-tip {
	margin-top: 16px;
	font-size: 12px;
	text-align: center;
	color: #8797a1
}

.course-comment-loading {
	padding-top: 15px;
	width: 620px
}

.course-comment .comment-item {
	padding-top: 15px
}

.course-comment .comment-user {
	-webkit-align-items: flex-start;
	align-items: flex-start
}

.course-comment .comment-item-appended .comment-appended .comment-content {
	border-bottom: 1px solid #edeff2;
	padding-bottom: 20px
}

.course-comment .comment-item-appended .comment-content {
	border-bottom: none;
	padding-bottom: 0
}

.comment-filter {
	padding-bottom: 16px;
	border-bottom: 1px solid #e4ebf0
}

.comment-filter-tab {
	margin: 0 16px 0 0;
	padding: 8px 12px;
	background: transparent;
	border: 1px solid #f5f8fa;
	border-radius: 12px
}

.comment-filter-tab.active {
	color: #2080f7;
	background: rgba(32,128,247,.1)
}

.wrap---qKDCHT {
	position: relative;
	width: 100%;
	height: 114px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column
}

.input---UzOYE1 {
	-webkit-flex: 1;
	flex: 1;
	position: relative
}

.input---UzOYE1 textarea {
	box-sizing: border-box;
	overflow: auto;
	padding: 16px;
	border: none;
	outline: none;
	resize: none;
	background: #f5f8fa;
	border-radius: 12px;
	color: #3c464f
}

.input---UzOYE1 textarea::-webkit-input-placeholder {
	color: #8797a1;
	opacity: .5
}

.input---UzOYE1 textarea {
	width: 100%;
	height: 100%;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.mask-top---XtyvV4 {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	top: 0;
	background: linear-gradient(1turn,rgba(245,248,250,0),#f5f8fa)
}

.mask-bottom---yFp1VR,.mask-top---XtyvV4 {
	--mask-z-index: 1;
	position: absolute;
	z-index: var(--mask-z-index);
	width: 100%;
	height: 16px
}

.mask-bottom---yFp1VR {
	bottom: 0;
	background: linear-gradient(180deg,rgba(245,248,250,0),#f5f8fa)
}

.toolbar---r1mPDi {
	background: #f5f8fa;
	padding: 2px 16px 6px;
	font-size: 12px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	color: #586470
}

.comment-report {
	padding: 24px
}

.comment-report__dialog .kecomp-dialog {
	width: 520px
}

.comment-report__dialog .kecomp-dialog-hd {
	display: none
}

.comment-report-title {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	color: #0f1419;
	margin-bottom: 26px
}

.comment-report-close {
	position: absolute;
	top: 15px;
	right: 15px
}

.comment-report-type {
	margin-bottom: 18px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.comment-report-type .comment-report-radio {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 20px;
	line-height: 20px;
	cursor: pointer
}

.comment-report-type .comment-report-radio .radio-icon,.comment-report-type .comment-report-radio .radio-icon-checked {
	margin-right: 8px
}

.comment-report-type .comment-report-radio .radio-icon-checked {
	width: 18px
}

.comment-report-type .comment-report-radio .radio-icon {
	display: inline-block;
	width: 18px;
	height: 18px;
	border: 1.5px solid #c0c5cc;
	border-radius: 100%
}

.comment-report-type .comment-report-radio .radio-text {
	color: #586470
}

.comment-report-control {
	margin-top: 24px;
	text-align: center
}

.comment-report-btn {
	padding-left: 46px;
	padding-right: 46px
}

.comment-item {
	--avartar-width: 44px;
	--avartar-margin-right: 16px;
	position: relative;
	font-size: 16px;
	line-height: 26px;
	color: #0f1419;
	word-break: break-word
}

.comment-item-report {
	position: absolute;
	right: 0;
	top: 10px;
	color: #586470;
	border: none;
	background-color: initial;
	font-size: 12px
}

.comment-item .comment-gap {
	margin: 0 4px
}

.comment-item .comment-gap,.comment-item .comment-studytime,.comment-item .comment-time {
	font-size: 12px;
	color: #586470
}

.comment-item .comment-studytime {
	margin-right: 12px
}

.comment-item .clamp-lines {
	position: relative
}

.comment-item .clamp-lines__button {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: inherit;
	border: none;
	padding: 0;
	font-weight: 700
}

.comment-item .clamp-lines__button span:first-child {
	vertical-align: middle;
	margin-right: 5px
}

.comment-item-rate {
	margin-top: -5px
}

.comment-essence {
	height: 16px;
	padding: 2px 0;
	background-color: #2080f7;
	color: #fff;
	font-size: 10px;
	border-radius: 6px;
	width: 22px;
	margin-left: 12px;
	text-align: center;
	line-height: 1
}

.comment-appended {
	margin: 16px 0 0 calc(var(--avartar-width) + var(--avartar-margin-right))
}

.comment-user {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 8px
}

.comment-user .star-list {
	display: -webkit-flex;
	display: flex;
	-webkit-align-self: center;
	align-self: center
}

.comment-avatar {
	width: var(--avartar-width);
	height: var(--avartar-width);
	border-radius: 50%;
	margin-right: var(--avartar-margin-right);
	overflow: hidden
}

.comment-avatar img {
	width: 100%
}

.comment-username {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	line-height: 20px;
	color: #0f1419;
	font-weight: 500
}

.comment-userinfo-wrapper {
	-webkit-flex: 1;
	flex: 1
}

.comment-userdata {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	width: 100%
}

.comment-txt {
	word-break: break-word;
	word-wrap: break-word;
	overflow: hidden;
	color: #0f1419;
	font-size: 14px;
	position: relative
}

.comment-unfold {
	font-weight: 500;
	margin-left: 10px;
	text-align: right
}

.comment-reply {
	display: -webkit-flex;
	display: flex;
	padding: 12px;
	border-radius: 12px;
	background-color: #f5f8fa;
	margin-top: 8px
}

.comment-reply .comment-txt {
	color: #586470;
	font-weight: 400
}

.comment-msg-wrap {
	margin-left: calc(var(--avartar-width) + var(--avartar-margin-right));
	border-bottom: 1px solid #edeff2;
	padding-bottom: 20px
}

.comment-msg-wrap__appended {
	border-bottom: none;
	padding-bottom: 0
}

.comment-foot {
	margin-top: 12px;
	color: #777
}

.comment-condition---S6WVom {
	-webkit-align-items: center;
	align-items: center;
	height: 20px;
	margin-top: 16px
}

.comment-condition---S6WVom,.comment-condition---S6WVom .icon-status---N_YSgm {
	display: -webkit-flex;
	display: flex
}

.comment-condition---S6WVom .tips-desc---xwVskH {
	margin-left: 12px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #3c464f
}

.im-popconfirm {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3000;
	font-size: 12px;
	line-height: 1.5;
	white-space: normal;
	cursor: auto
}

.im-popconfirm-inline {
	position: relative
}

.im-popconfirm-wrap {
	border: 1px solid #dedede;
	border-radius: 6px;
	min-width: 177px;
	background: #fff;
	background-clip: padding-box;
	box-shadow: 0 1px 6px hsla(0,0%,60%,.2)
}

.im-popconfirm-title {
	margin: 0;
	border-bottom: 1px solid #dedede;
	padding: 0 16px;
	line-height: 32px;
	font-weight: 700;
	color: #666
}

.im-popconfirm-content {
	padding: 8px 16px;
	color: #666
}

.im-popconfirm-ft {
	border-top: 1px solid #dedede;
	padding: 10px;
	text-align: right
}

.im-popconfirm-arrow,.im-popconfirm-arrow:after {
	display: block;
	position: absolute;
	border-style: solid;
	border-color: transparent;
	width: 0;
	height: 0
}

.im-popconfirm-arrow {
	border-width: 5px
}

.im-popconfirm-arrow:after {
	border-width: 4px;
	content: ""
}

.im-popconfirm-top,.im-popconfirm-topleft,.im-popconfirm-topright {
	padding-bottom: 4px
}

.im-popconfirm-top .im-popconfirm-arrow,.im-popconfirm-topleft .im-popconfirm-arrow,.im-popconfirm-topright .im-popconfirm-arrow {
	bottom: 0;
	border-top-color: #dedede;
	border-bottom-width: 0
}

.im-popconfirm-top .im-popconfirm-arrow:after,.im-popconfirm-topleft .im-popconfirm-arrow:after,.im-popconfirm-topright .im-popconfirm-arrow:after {
	bottom: 1px;
	margin-left: -4px;
	border-top-color: #fff;
	border-bottom-width: 0
}

.im-popconfirm-top .im-popconfirm-arrow {
	margin-left: -5px;
	left: 50%
}

.im-popconfirm-topright .im-popconfirm-arrow {
	right: 16px
}

.im-popconfirm-topleft .im-popconfirm-arrow {
	left: 16px
}

.im-popconfirm-right,.im-popconfirm-rightbottom,.im-popconfirm-righttop {
	padding-left: 4px
}

.im-popconfirm-right .im-popconfirm-arrow,.im-popconfirm-rightbottom .im-popconfirm-arrow,.im-popconfirm-righttop .im-popconfirm-arrow {
	left: 0;
	border-right-color: #dedede;
	border-left-width: 0
}

.im-popconfirm-right .im-popconfirm-arrow:after,.im-popconfirm-rightbottom .im-popconfirm-arrow:after,.im-popconfirm-righttop .im-popconfirm-arrow:after {
	bottom: -4px;
	left: 1px;
	border-right-color: #fff;
	border-left-width: 0
}

.im-popconfirm-right .im-popconfirm-arrow {
	margin-top: -5px;
	top: 50%
}

.im-popconfirm-righttop .im-popconfirm-arrow {
	top: 12px
}

.im-popconfirm-rightbottom .im-popconfirm-arrow {
	bottom: 12px
}

.im-popconfirm-bottom,.im-popconfirm-bottomleft,.im-popconfirm-bottomright {
	padding-top: 4px
}

.im-popconfirm-bottom .im-popconfirm-arrow,.im-popconfirm-bottomleft .im-popconfirm-arrow,.im-popconfirm-bottomright .im-popconfirm-arrow {
	top: 0;
	border-top-width: 0;
	border-bottom-color: #dedede
}

.im-popconfirm-bottom .im-popconfirm-arrow:after,.im-popconfirm-bottomleft .im-popconfirm-arrow:after,.im-popconfirm-bottomright .im-popconfirm-arrow:after {
	top: 1px;
	margin-left: -4px;
	border-top-width: 0;
	border-bottom-color: #fff
}

.im-popconfirm-bottom .im-popconfirm-arrow {
	margin-left: -5px;
	left: 50%
}

.im-popconfirm-bottomright .im-popconfirm-arrow {
	right: 16px
}

.im-popconfirm-bottomleft .im-popconfirm-arrow {
	left: 16px
}

.im-popconfirm-left,.im-popconfirm-leftbottom,.im-popconfirm-lefttop {
	padding-right: 4px
}

.im-popconfirm-left .im-popconfirm-arrow,.im-popconfirm-leftbottom .im-popconfirm-arrow,.im-popconfirm-lefttop .im-popconfirm-arrow {
	right: 0;
	border-right-width: 0;
	border-left-color: #dedede
}

.im-popconfirm-left .im-popconfirm-arrow:after,.im-popconfirm-leftbottom .im-popconfirm-arrow:after,.im-popconfirm-lefttop .im-popconfirm-arrow:after {
	right: 1px;
	bottom: -4px;
	border-right-width: 0;
	border-left-color: #fff
}

.im-popconfirm-left .im-popconfirm-arrow {
	margin-top: -5px;
	top: 50%
}

.im-popconfirm-leftbottom .im-popconfirm-arrow {
	bottom: 12px
}

.im-popconfirm-lefttop .im-popconfirm-arrow {
	top: 12px
}

.nav-comment-tips---oZEmTu li.bold-tips---Uyri2E {
	font-size: 16px;
	height: 22px;
	line-height: 22px;
	font-weight: 500;
	color: #0f1419
}

.nav-comment-bd {
	width: 520px;
	height: auto;
	padding: 0 24px;
	text-align: center
}

.nav-comment-tt {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	color: #0f1419;
	margin-bottom: 20px
}

.nav-comment-level-ctn {
	margin-bottom: 16px
}

.nav-comment-level-msg {
	display: inline-block;
	text-align: left;
	width: 82px;
	margin-left: 16px;
	font-size: 14px;
	color: #8797a1
}

.nav-comment-editor {
	width: 472px;
	height: auto;
	background: #f5f8fa;
	border-radius: 12px;
	font-size: 14px;
	color: #8797a1;
	margin-bottom: 24px
}

.nav-comment-textarea {
	box-sizing: border-box;
	overflow: auto;
	padding: 16px;
	border: none;
	outline: none;
	resize: none;
	width: 100%;
	height: 84px;
	background: #f5f8fa;
	border-radius: 12px;
	color: #3c464f
}

.nav-comment-textarea::-webkit-input-placeholder {
	color: #8797a1;
	opacity: .5
}

.nav-comment-editor-bottom {
	cursor: default;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 8px 16px
}

.nav-comment-error-tips {
	color: #586470
}

.nav-comment-remain {
	height: 22px
}

.nav-comment-comment-item {
	text-align: left;
	font-size: 14px;
	color: #8797a1;
	margin-bottom: 24px
}

.nav-comment-comment-item .comment-type {
	font-size: 14px;
	height: 22px;
	line-height: 22px;
	margin-bottom: 12px;
	color: #8797a1
}

.nav-comment-comment-item .comment-wrapper {
	background: #f5f8fa;
	border-radius: 12px;
	padding: 16px
}

.nav-comment-comment-item .comment-hd {
	display: -webkit-flex;
	display: flex;
	margin-bottom: 8px
}

.nav-comment-comment-item .comment-level {
	display: -webkit-flex;
	display: flex;
	margin-left: 20px;
	line-height: 22px
}

.nav-comment-comment-item .comment-content {
	color: #3c464f
}

.nav-comment-submit-btn {
	border: none;
	outline: none;
	margin: 0 auto 24px;
	height: 40px;
	padding: 10px 46px;
	text-align: center;
	color: #fff;
	background: #2080f7;
	border-radius: 24px
}

.nav-comment-submit-btn.disabled {
	cursor: default;
	background: #2080f7;
	opacity: .3
}

.nav-comment .kc-dialog-wrap {
	background: #fff;
	box-shadow: 0 1px 8px rgba(11,4,30,.1);
	border-radius: 12px
}

.nav-comment .kecomp-dialog-bd {
	max-height: unset
}

.nav-comment .kecomp-dialog-hd {
	z-index: 10
}

.nav-comment .kecomp-dialog-hd-text-empty {
	padding-top: 0
}

.nav-comment .kecomp-dialog-hd-close {
	color: #c0c5cc
}

.nav-comment-wrapper {
	position: relative
}

.nav-comment-wrapper .im-popconfirm {
	display: none;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.nav-comment-wrapper .im-popconfirm-content {
	min-width: 360px;
	padding: 24px
}

.nav-comment-wrapper:hover .im-popconfirm {
	display: block
}

.preview-modal .icon-close {
	position: fixed;
	right: calc((100vw - 100%) / 2 * -1 + 42px);
	top: calc((100vh - 100%) / 2 * -1 + 42px);
	cursor: pointer
}

.preview-modal .kecomp-dialog-wrap>.kecomp-dialog {
	background: transparent;
	width: unset
}

.preview-modal .kecomp-dialog-wrap>.kecomp-dialog .kecomp-dialog-hd {
	display: none
}

.preview-modal .kecomp-dialog-wrap>.kecomp-dialog .kecomp-dialog-bd {
	overflow: visible;
	max-width: unset;
	max-height: unset
}

.preview-modal .operate-btn {
	background: transparent;
	box-shadow: none
}

.preview-modal .prev-btn {
	left: -72px
}

.preview-modal .next-btn {
	right: -72px
}

.student-works {
	padding-top: 36px;
	padding-bottom: 24px
}

.student-works-list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column
}

.student-works-list-item .user-info-avatar {
	width: 44px;
	height: 44px;
	border-radius: 100%
}

.student-works-list-item .user-info-name {
	color: #0f1419;
	margin-left: 12px;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px
}

.student-works-list-item .user-info-term {
	background: #f5f8fa;
	border-radius: 12px;
	padding: 6px 12px;
	margin-left: 12px;
	font-size: 12px;
	line-height: 16px
}

.student-works-list-item .stuffs {
	margin-top: 16px
}

.student-works-list-item .stuffs-item {
	width: 30%;
	height: 145px;
	border-radius: 6px;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	cursor: pointer
}

.student-works-list-item .stuffs .teacher-comment {
	margin-top: 16px
}

.student-works-list-item .stuffs .teacher-comment .comment-title {
	color: #586470;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px
}

.student-works-list-item .stuffs .teacher-comment .content {
	margin-top: 4px;
	color: #3c464f;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px
}

.student-works-list-item .divider {
	height: 1px;
	background: #e4ebf0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	margin: 24px 0
}

.student-works-page {
	margin-top: 0;
	margin-bottom: 24px
}

.student-works-tip {
	margin-top: 16px;
	font-size: 12px;
	text-align: center;
	color: #a1a9b2
}

.preview-img .header {
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 12px
}

.preview-img .header .name {
	color: #afafaf;
	font-weight: 400;
	margin-left: 19px
}

.preview-img .stuffs-item {
	width: 80vw;
	height: 60vh;
	object-fit: contain
}

.preview-img .teacher-comment {
	margin-top: 16px
}

.preview-img .teacher-comment .comment-title {
	color: #586470;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px
}

.preview-img .teacher-comment .content {
	margin-top: 4px;
	color: #3c464f;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px
}

.preview-img .teacher-comment {
	margin-top: 24px
}

.preview-img .teacher-comment .comment-title {
	color: #c0c5cc
}

.preview-img .teacher-comment .content {
	color: #f5f7fa;
	margin-top: 8px
}

.detail-tabs {
	background-color: initial;
	padding-top: 10px
}

.detail-tabs span[class^=indicator] {
	width: 24px
}

.detail-tab {
	margin: 0 20px;
	padding: 0 20px;
	font-size: 16px;
	transition: .3s;
	cursor: pointer
}

.detail-tab:hover {
	color: #2080f7
}

.detail-tab:first-child {
	margin-left: 0
}

.detail-tab[class*=active-] {
	cursor: default
}

.detail-tab[class*=active-]:hover {
	color: #0f1419
}

.detail-tab>.catalog-tab-title.has-trial:after {
	content: "试学";
	display: block;
	width: 39px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	top: 12px;
	right: -26px;
	padding-left: 4px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-trial-label-ctn.7b427e31.png) 50%/contain no-repeat;
	font-size: 12px;
	font-weight: 400;
	color: #2080f7
}

.detail-tab-panel-container {
	padding: 0 20px
}

.course-catalog-ctn {
	padding-top: 24px
}

.course-catalog-ctn .training-cycle .training-bd,.course-catalog-ctn .training-cycle .training-tt {
	font-size: 14px
}

.course-detail {
	padding-bottom: 24px
}

.course-detail-disclaimer {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #e4ebf0
}

.course-detail-disclaimer [class*=kc-disclaimer-icon---] {
	margin-right: 12px
}

.course-detail * {
	word-break: break-word
}

.seo-task-subtitle {
	display: none
}

.detail {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 3px 12px rgba(0,36,153,.06);
	width: 820px
}

.popup-tsci .im-popconfirm-content {
	padding: 24px
}

.popup-tsci-inner .row {
	margin-bottom: 24px
}

.popup-tsci-inner .row:last-child {
	margin-bottom: 0
}

.popup-tsci-inner .tt {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #3e454d;
	margin-bottom: 12px
}

.popup-tsci-inner .desc {
	font-size: 14px;
	line-height: 22px;
	color: #667280
}

.agency-medal {
	margin: 0 0 0 10px;
	padding: 4px 12px 4px 16px;
	border-radius: 12px;
	position: relative;
	display: inline-block
}

.agency-medal--bronze {
	background: rgba(229,140,86,.2)
}

.agency-medal--silver {
	background: rgba(32,128,247,.15)
}

.agency-medal--gold {
	background: rgba(255,197,82,.3)
}

.agency-medal .im-popconfirm {
	display: none;
	position: absolute;
	left: 50%;
	top: auto;
	bottom: 100%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
}

.agency-medal:hover .im-popconfirm {
	display: block
}

.agency-medal .im-popconfirm-content {
	padding: 24px;
	width: 360px
}

.agency-medal-tt {
	display: block;
	font-weight: 400;
	font-size: 12px;
	line-height: 1
}

.agency-medal-tt--bronze {
	color: #9e651c
}

.agency-medal-tt--silver {
	color: #1868d0
}

.agency-medal-tt--gold {
	color: #9e350d
}

.agency-medal-icon {
	background-position: 50%;
	background-size: contain
}

.agency-medal-icon--bronze {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-copper-medal@2x.a3bfdd78.png)
}

.agency-medal-icon--silver {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-silver-medal@2x.d17fd4ce.png)
}

.agency-medal-icon--gold {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-gold-medal@2x.57c74fa4.png)
}

.agency-medal-icon--small {
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: 0;
	margin-left: -10px
}

.agency-medal-icon--medium {
	width: 44px;
	height: 44px;
	float: left;
	margin-right: 14px
}

.agency-medal-icon--large {
	width: 65px;
	height: 65px;
	display: block;
	margin: 0 auto 15px
}

.agency-medal-item {
	width: 312px;
	height: 80px;
	background: #f5f8fa;
	border-radius: 6px;
	color: #0f1419;
	padding: 18px;
	margin-bottom: 8px;
	font-weight: 500
}

.agency-medal-item:last-child {
	margin-bottom: 16px
}

.agency-medal-item .agency-medal-item-tt {
	font-size: 16px;
	line-height: 22px
}

.agency-medal-item .agency-medal-item-st {
	margin-top: 4px;
	font-size: 12px;
	line-height: 16px
}

.agency-medal-item.just-one {
	height: 158px;
	padding: 20px 0 12px;
	margin-bottom: 12px;
	text-align: center;
	font-weight: 600
}

.agency-medal-item.just-one .agency-medal-item-tt {
	font-size: 18px;
	line-height: 25px
}

.agency-medal-item.just-one .agency-medal-item-st {
	margin-top: 4px;
	font-size: 12px;
	line-height: 17px
}

.agency-medal-item.just-one .agency-medal-item-st:after,.agency-medal-item.just-one .agency-medal-item-st:before {
	content: "·"
}

.agency-info {
	width: 360px;
	padding-top: 8px;
	position: relative;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 3px 12px rgba(0,36,153,.06)
}

.agency-info--top .tt-cover-name {
	margin-bottom: 12px
}

.agency-info--top .agency-hints {
	margin-bottom: 24px
}

.agency-info:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 24px;
	border-radius: 12px;
	background: transparent;
	background-size: cover
}

.agency-info--gold:before {
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/bar-gold.361175be.png) 50% no-repeat
}

.agency-info--silver:before {
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/bar-silver.0d34ffbf.png) 50% no-repeat
}

.agency-info--bronze:before {
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/bar-bronze.502b70e2.png) 50% no-repeat
}

.agency-info-inner {
	border-radius: 12px;
	padding: 24px 20px 28px;
	background-color: #fff;
	position: relative
}

.agency-info-inner .consult-btn {
	width: 100%;
	padding: 12px;
	margin-bottom: 24px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	background: #f5f8fa;
	border-radius: 12px
}

.agency-info-inner .consult-btn .consult-icon {
	padding: 3px;
	border-radius: 100%;
	background: #2dd192
}

.agency-info-inner .consult-btn .consult-title {
	color: #0f1419;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	margin-left: 12px
}

.agency-info-inner .consult-btn .fuli-explain {
	color: #586470;
	font-size: 12px;
	margin-left: 8px
}

.agency-info-inner .consult-btn .consult-icon-right {
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.agency-tt {
	margin-bottom: 24px;
	display: -webkit-flex;
	display: flex
}

.agency-tt .tt-cover-url {
	width: 64px;
	height: 64px;
	margin-right: 16px;
	display: inline-block;
	-webkit-flex-shrink: 0;
	flex-shrink: 0
}

.agency-tt .tt-cover-url img {
	width: 100%;
	border-radius: 12px
}

.agency-tt .tt-cover-right {
	-webkit-flex: 1;
	flex: 1;
	min-width: 0
}

.agency-tt .tt-cover-name {
	margin-bottom: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}

.agency-tt .tt-cover-name .tt-link {
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #00061a
}

.agency-hints {
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 0
}

.agency-hints,.agency-hints>li {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.agency-hints .item-tt {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #666c80;
	margin-left: 4px
}

.agency-hints .item-num {
	display: inline-block;
	font-weight: 700;
	font-size: 17px;
	line-height: 20px;
	color: #3e454d
}

.agency-hints .item-slash {
	width: 0;
	height: 10px;
	border: 1px solid #edeff2
}

.agency-summary {
	font-size: 14px;
	line-height: 24px;
	color: #667280
}

.comment-guide-bubble {
	z-index: 4000
}

.comment-guide-bubble.left .rc-tooltip-arrow,.comment-guide-bubble.left .rc-tooltip-arrow:after {
	border-left-color: var(--comment-guide-bubble-bg)
}

.comment-guide-bubble.right .rc-tooltip-arrow,.comment-guide-bubble.right .rc-tooltip-arrow:after {
	border-right-color: var(--comment-guide-bubble-bg)
}

.comment-guide-bubble.top .rc-tooltip-arrow,.comment-guide-bubble.top .rc-tooltip-arrow:after {
	border-top-color: var(--comment-guide-bubble-bg)
}

.comment-guide-bubble.bottom .rc-tooltip-arrow,.comment-guide-bubble.bottom .rc-tooltip-arrow:after {
	border-bottom-color: var(--comment-guide-bubble-bg)
}

.comment-guide-bubble-overlay {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center
}

.comment-guide-bubble-overlay .close-icon {
	margin-left: 24px;
	cursor: pointer;
	font-size: 14px
}

.comment-guide-bubble.kc-popover .rc-tooltip-inner {
	background-color: var(--comment-guide-bubble-bg);
	color: #fff;
	padding: 5px 12px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.course-labels {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden
}

.course-labels,.course-labels .course-label {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 28px
}

.course-labels .course-label {
	border: 1px solid #edeff2;
	border-radius: 8px;
	background-color: hsla(0,0%,100%,.6);
	margin-right: 12px;
	margin-bottom: 4px;
	padding: 0 8px;
	-webkit-justify-content: center;
	justify-content: center;
	line-height: 1;
	cursor: pointer
}

.course-labels .course-label:last-child {
	margin-right: 0
}

.course-labels .course-label>a {
	font-size: 14px;
	color: #667280
}

.docs-search-bar---WvuwYz {
	--placeholder-font-color: #3e454d;
	position: relative;
	padding: 0 8px;
	height: 32px;
	width: 100%;
	background: #0f1419;
	border-radius: 20px
}

.clickable-area---u5ZiMl {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	height: 32px;
	line-height: 32px
}

.clear-icon---W0oKTx,.icon-left---TG7u8N,.icon-right---vDceSB,.search-icon---NLxAMR {
	display: block;
	width: 24px;
	height: 24px
}

.search-icon---NLxAMR {
	-webkit-flex: none;
	flex: none;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/search.41798e3b.png) 50%/cover no-repeat;
	margin-right: 8px
}

.search-input---tLLJbl {
	outline: none;
	border: none;
	position: relative;
	height: 20px;
	line-height: 20px;
	width: 100%;
	background: #0f1419;
	color: #c0c5cc;
	padding: 0;
	caret-color: #2080f7
}

.search-input---tLLJbl::-webkit-input-placeholder {
	color: var(--placeholder-font-color)
}

.icon-left---TG7u8N {
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-left.c34ebf19.png) 50%/cover no-repeat;
	cursor: pointer
}

.search-result---bM6kOI {
	margin: 0 4px;
	font-weight: 400;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	color: #667280
}

.icon-right---vDceSB {
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-right.4af96ef7.png) 50%/cover no-repeat;
	cursor: pointer
}

.clear-icon---W0oKTx {
	margin: 4px 12px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/clear.28f5cebe.png) 50%/cover no-repeat;
	cursor: pointer
}

.comma---nI_8EY {
	margin-right: -4px;
	padding: 5.5px 0
}

.comma---nI_8EY::-moz-selection {
	color: #c0c5cc;
	background: rgba(32,128,247,.25)
}

.comma---nI_8EY::selection {
	color: #c0c5cc;
	background: rgba(32,128,247,.25)
}

.docs-text {
	padding: 5.5px 0 5.5px 4px
}

.docs-text em {
	padding: 5.5px 0;
	font-style: normal;
	color: #2080f7
}

.docs-text em.cur-searched {
	background: rgba(32,128,247,.25);
	border-radius: 6px
}

.docs-text:first-child {
	margin-left: -4px
}

.docs-text:hover {
	cursor: pointer;
	background: rgba(32,128,247,.3);
	border-radius: 6px;
	color: #c0c5cc
}

.docs-text.is-ipad:hover {
	background: none;
	color: inherit
}

.docs-text.active,.docs-text.is-ipad.active {
	background: rgba(32,128,247,.3);
	border-radius: 6px;
	color: #c0c5cc;
	font-weight: 400
}

.docs-text::-moz-selection {
	color: #c0c5cc;
	background: rgba(32,128,247,.25)
}

.docs-text::selection {
	color: #c0c5cc;
	background: rgba(32,128,247,.25)
}

.docs-text em::-moz-selection,.docs-text.cur-searched em::-moz-selection {
	background: rgba(32,128,247,.25)
}

.docs-text em::selection,.docs-text.cur-searched em::selection {
	background: rgba(32,128,247,.25)
}

.free-apply-cnt---g1Whfd {
	padding: 36px 75px;
	text-align: center
}

.free-apply-cnt---g1Whfd .wording---ZVSubj {
	height: 20px;
	line-height: 20px;
	font-weight: 400;
	font-size: 14px;
	color: #667280;
	white-space: nowrap;
	cursor: default
}

.free-apply-cnt---g1Whfd .wording---ZVSubj .apply-btn---gs_Y3y {
	margin: 0 4px;
	color: #2080f7;
	cursor: pointer
}

.docs-expo-wrapper---Se_QsA {
	height: calc(100% - 44px);
	position: relative
}

.docs-list---nNglKj {
	padding-bottom: 88px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative
}

.docs-list---nNglKj::-webkit-scrollbar {
	width: 6px;
	background-color: initial
}

.docs-list---nNglKj::-webkit-scrollbar-button {
	height: 0;
	width: 0;
	display: none
}

.docs-list---nNglKj::-webkit-scrollbar-thumb {
	background-color: #323c46;
	mix-blend-mode: normal;
	min-height: 115px;
	border-radius: 4px
}

.docs-list---nNglKj::-webkit-scrollbar-thumb:active,.docs-list---nNglKj::-webkit-scrollbar-thumb:hover {
	background-color: #586470
}

.ai-docs-tips---pzzScI {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	font-weight: 400;
	padding: 20px 24px;
	height: 68px
}

.ai-docs-tips---pzzScI,.docs-part---wnDQjH {
	font-size: 14px;
	line-height: 28px;
	color: #667280
}

.docs-part---wnDQjH {
	padding: 0 24px;
	margin-bottom: 24px
}

.docs-part---wnDQjH:last-child {
	margin-bottom: 0
}

.begin-time---b1kS4u {
	padding: 0 4px;
	margin-bottom: 8px;
	background: #323c46;
	border-radius: 6px;
	height: 20px;
	line-height: 20px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 14px;
	color: #a1a9b2
}

.docs-part-cnt---AXHHqV {
	cursor: default
}

.feed-back---tQoCNF {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	cursor: pointer;
	margin-left: 14px
}

.feed-back-icon---XBaILS {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-bottom: 2px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/feedback.82eb0a6e.png) 50%/cover no-repeat
}

.feed-back-wording---Qvy8JX {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	line-height: 14px;
	height: 14px;
	width: 20px
}

.feed-back-wording-inner---tWfXTj {
	font-weight: 400;
	font-size: 12px;
	color: #667280;
	-webkit-transform: scale(.83);
	transform: scale(.83);
	white-space: nowrap
}

.docs-error-view---PNggug {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center
}

.docs-error-view---PNggug .error-icon---RqNLFx {
	display: inline-block;
	width: 72px;
	height: 72px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/error.186a5415.png) 50%/cover no-repeat;
	margin-bottom: 24px
}

.docs-error-view---PNggug .wording---AGSCfz {
	height: 20px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px
}

.docs-error-view---PNggug .wording---AGSCfz .msg---t3rgi3 {
	color: #667280;
	margin-right: 4px;
	cursor: default
}

.docs-error-view---PNggug .wording---AGSCfz .retry-tip---xksk6e {
	color: #2080f7;
	cursor: pointer
}

.ai-docs---sWN769 {
	--vIndexOne: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}

.search-bar-cnt---q98xTO {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 6px 24px;
	height: 44px
}

.ai-docs-list---P4FCP5:after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 56px;
	background: linear-gradient(0deg,#1b2128 -16.67%,rgba(27,33,40,0) 88.89%);
	pointer-events: none
}

.ai-docs-list---P4FCP5.leave-top---zwcEK9:before {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 56px;
	background: linear-gradient(180deg,#1b2128 -16.67%,rgba(27,33,40,0) 88.89%);
	z-index: var(--vIndexOne);
	pointer-events: none
}

.ai-docs-list---P4FCP5.is-end---v8Kgs8:after {
	display: none
}

.back-play-wrapper---is5igh {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 18px;
	text-align: center;
	pointer-events: none
}

.back-play-wrapper---is5igh .back-play---X4JPnD {
	position: relative;
	display: -webkit-inline-flex;
	display: inline-flex;
	padding: 14px 16px;
	background: #090c0f;
	border-radius: 24px;
	-webkit-align-items: center;
	align-items: center;
	white-space: nowrap;
	cursor: pointer;
	font-weight: 500;
	font-size: 12px;
	color: #c0c5cc;
	pointer-events: all
}

.back-play-wrapper---is5igh .back-play---X4JPnD .play-icon---pA0P1f {
	display: block;
	width: 12px;
	height: 12px;
	margin-right: 8px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/play.a3073565.png) 50%/cover no-repeat
}

.ai-docs-global-toast.s-toast-wrap.active {
	position: absolute;
	top: 78px;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: 300px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.ai-docs-global-toast.s-toast-wrap.active .s-toast {
	padding: 8px 12px;
	line-height: 20px;
	font-weight: 400;
	font-size: 14px;
	background: rgba(0,0,0,.95);
	border-radius: 12px;
	color: #f5f7fa;
	word-break: break-all
}

.aside-catalogue .task-item {
	height: auto;
	margin: 0 12px;
	padding: 12px;
	display: -webkit-flex;
	display: flex;
	cursor: pointer
}

.aside-catalogue .task-item .task-type {
	display: -webkit-flex;
	display: flex;
	width: 14px;
	height: 14px;
	margin-top: 3px;
	margin-right: 14px
}

.aside-catalogue .task-item .task-type .icon-living {
	display: block;
	width: 14px;
	height: 14px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-living.b97fc2e1.gif) 50%/contain no-repeat
}

.aside-catalogue .task-item .task-content {
	width: calc(100% - 28px)
}

.aside-catalogue .task-item .task-content .task-name {
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #F8F8F8;
	margin-bottom: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}

.aside-catalogue .task-item .task-content .task-info {
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	color: #667280;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}
.vjs-tech{
    position:absolute;
    top:0;
    left:0
}
.aside-catalogue .task-item.disabled {
	cursor: default
}



.aside-catalogue .task-item.active {
	background: #0f1419;
	border-radius: 16px;
	font-weight: 400
}

.aside-catalogue .task-info .highlight-label,.aside-catalogue .task-item.active .task-content .task-info,.aside-catalogue .task-item.active .task-content .task-name {
	color: #2080f7
}

.aside-catalogue .section-wrapper {
	padding-top: 12px
}

.aside-catalogue .section-wrapper .section-title {
	padding: 12px 24px;
	font-size: 16px;
	color: #a1a9b2;
	cursor: default;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}

.aside-catalogue {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	background: #1b2128;
	padding-bottom: 12px
}

.aside-catalogue .empty-view {
	padding: 24px 0;
	text-align: center
}

.aside-catalogue::-webkit-scrollbar {
	width: 10px;
	background-color: initial
}

.aside-catalogue::-webkit-scrollbar-button {
	height: 0;
	width: 0;
	display: none
}

.aside-catalogue::-webkit-scrollbar-thumb {
	background-color: #586470;
	mix-blend-mode: normal;
	min-height: 115px;
	border-radius: 4px
}

.aside-catalogue.single-layer {
	padding-top: 12px
}

.aside-catalogue:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(100% - 10px);
	height: 24px;
	background: linear-gradient(0deg,#1b2128 11.61%,rgba(27,33,40,0) 99.59%);
	pointer-events: none
}

.loki-player-wrapper .loki-js .loki-interact.loki-playbutton {
	z-index: 1;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	padding: 0;
	border: 0;
	background: rgba(20,21,26,.8)
}

.loki-player-wrapper .loki-js .loki-interact.loki-playbutton .loki-icon-placeholder:before {
	line-height: 80px;
	font-size: 4em
}

.loki-player-wrapper .player-pip-mode {
	position: fixed;
	right: 40px;
	bottom: 100px;
	width: 320px;
	height: 180px;
	z-index: 1000
}

.loki-player-wrapper .player-pip-mode .player-pip-mask {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	background: rgba(0,0,0,.2);
	display: none;
	cursor: pointer
}

.loki-player-wrapper .player-pip-mode .player-pip-mask.paused {
	display: block
}

.loki-player-wrapper .player-pip-mode .player-pip-mask .icon-play {
	border-radius: 50%;
	width: 60px;
	height: 60px;
	box-sizing: border-box;
	padding: 0;
	border: 0;
	background: rgba(20,21,26,.8);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.loki-player-wrapper .player-pip-mode .player-pip-mask .icon-play .icon-play-paused:before,.loki-player-wrapper .player-pip-mode .player-pip-mask .icon-play .icon-play-playing:before {
	content: "\f101";
	font-family: LOKI;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 60px;
	font-size: 40px;
	text-align: center
}

.loki-player-wrapper .player-pip-mode .player-pip-mask .icon-play .icon-play-paused:before {
	content: "\f103"
}

.loki-player-wrapper .player-pip-mode .player-pip-mask .icon-close {
	color: #c0c3cc;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	width: 21px;
	height: 21px;
	text-align: center
}

.loki-player-wrapper .player-pip-mode .player-pip-mask .drag-handler {
	width: 100%;
	height: 50px;
	cursor: move
}

.loki-player-wrapper .player-pip-mode .loki-js {
	pointer-events: none
}

.loki-player-wrapper .player-pip-mode .loki-js.loki-state-active .loki-control.autohide {
	opacity: 0!important;
	visibility: hidden!important
}

.loki-player-wrapper .player-pip-mode .loki-interact .loki-playbutton {
	display: none
}

.loki-player-wrapper .player-pip-mode:hover .player-pip-mask {
	display: block
}

.aside-docs-wrapper {
	height: 100%
}

.aside-docs-wrapper .course-detail-ai-docs {
	font-family: -apple-system,BlinkMacSystemFont,Microsoft YaHei UI,Microsoft YaHei,Roboto,Hiragino Sans GB,Source Han Sans CN,Fira Sans,Droid Sans,Helvetica Neue,arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}

.aside-tabs-wrapper---MIeA6j {
	position: relative
}

.aside-tabs-wrapper---MIeA6j .aside-tabs-cnt---a5O5AH .tabs-cnt---Q7AE4p {
	background: #1b2128
}

.aside-tabs-wrapper---MIeA6j .aside-tabs-cnt---a5O5AH .tabs-cnt---Q7AE4p .tabs-item---pQEC4m {
	font-size: 16px;
	font-weight: 400;
	padding: 0 18px;
	height: 48px;
	line-height: 48px;
	color: #a1a9b2;
	cursor: pointer
}

.aside-tabs-wrapper---MIeA6j .aside-tabs-cnt---a5O5AH .tabs-cnt---Q7AE4p .tabs-item---pQEC4m:first-child {
	margin-left: 6px
}

.aside-tabs-wrapper---MIeA6j .aside-tabs-cnt---a5O5AH .tabs-cnt---Q7AE4p .tabs-item---pQEC4m[class*=active-] {
	cursor: default;
	color: #c0c5cc
}

.aside-tabs-wrapper---MIeA6j .aside-tabs-cnt---a5O5AH .new-tip---m5rOGA {
	display: inline-block;
	margin-left: -16px;
	width: 34px;
	height: 14px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-living.b97fc2e1.gif) 50%/cover no-repeat
}

.aside-tabs-wrapper---MIeA6j .tooltip---k8h72m {
	position: absolute;
	top: 55px;
	left: 24px;
	width: 312px;
	height: 56px;
	padding: 8px 12px;
	border-radius: 12px;
	background-color: #090b0f;
	z-index: 2;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #edeff2
}

.aside-tabs-wrapper---MIeA6j .tooltip---k8h72m:before {
	content: "";
	position: absolute;
	top: -12px;
	left: 119px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-bottom-color: #090b0f
}

.tab-panel-wrapper---gGXuPa {
	border-top: 1px solid #14171a;
	height: calc(100% - 48px)
}

.tab-panel-wrapper---gGXuPa .switch-panel---XVQ9SB {
	position: relative;
	color: #a1a9b2;
	height: 100%
}

.loki-js .loki-interact .loki-subtitle-button {
	-webkit-flex: none;
	flex: none;
	width: auto;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	position: relative;
	font-family: LOKI2;
	-webkit-align-items: center;
	align-items: center;
	font-size: 14px
}

.subtitle-button-img {
	width: 24px;
	height: 24px;
	margin-right: 8px
}

.subtitle-tip {
	visibility: "hidden";
	width: 120px;
	background-color: #000;
	color: #fff;
	text-align: center;
	border-radius: 12px;
	padding: 8px;
	opacity: 1;
	position: absolute;
	z-index: 100;
	bottom: 100%;
	left: 50%;
	-webkit-transform: translate(-30%);
	transform: translate(-30%);
	margin-bottom: 1em
}

.subtitle-container {
	position: absolute;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
	background-color: rgba(0,0,0,.5);
	border-radius: 6px;
	cursor: move;
	max-width: 80vw;
	min-width: -webkit-fit-content;
	min-width: -moz-fit-content;
	min-width: fit-content;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	padding: 6px 10px;
	color: #fff;
	font-weight: 500;
	font-size: 2vw;
	line-height: 3vw;
	font-family: Roboto,sans-serif;
	text-align: left;
	box-sizing: initial
}

.subtitle-container.iframe {
	font-size: 1.5vw;
	line-height: 2vw
}

.show {
	visibility: visible
}

.hide {
	visibility: hidden
}

.subtitle-first-tip {
	visibility: hidden;
	width: 290px;
	background-color: #000;
	color: #fff;
	text-align: center;
	border-radius: 12px;
	padding: 8px;
	box-sizing: initial;
	position: absolute;
	display: -webkit-flex;
	display: flex;
	z-index: 999;
	bottom: 100%;
	left: 50%;
	-webkit-transform: translate(-40%);
	transform: translate(-40%);
	margin-bottom: 1em
}

.player-aside {
	height: auto;
}

.player-aside .docs-tab-title {
	position: relative
}

.player-aside .docs-tab-title.has-new-tip:after {
	content: "";
	display: block;
	width: 34px;
	height: 22px;
	position: absolute;
	top: 0;
	right: -37px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-new-tip.8c65a742.png) 50%/contain no-repeat
}

.download-client-hint .download-href {
	cursor: pointer
}

.ke-cover {
	top: 0;
	bottom: 68px;
	left: 0;
	right: 0;
	position: absolute
}

.ke-cover.hide {
	display: none
}

.ke-cover {
	z-index: 10
}

.ke_overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	text-align: center;
	min-width: 400px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.ke_overlay:before {
	content: "";
	background: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.ke_overlay.ml {
	left: 350px
}

.ke_overlay.mr {
	right: 300px
}

.ke_overlay.cover-reach-top,.ke_overlay.pre {
	top: 0
}

.ke_overlay .btn {
	margin-left: 20px
}

.ke_overlay .cover-btn {
	background-color: #2080f7;
	border: 0;
	border-radius: 24px
}

.ke_overlay .comment-btn,.ke_overlay .cover-btn,.ke_overlay .download-app-btn,.ke_overlay .replay-btn {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	width: auto;
	padding: 12px 32px;
	color: #fff;
	cursor: pointer
}

.ke_overlay .comment-btn,.ke_overlay .download-app-btn,.ke_overlay .replay-btn {
	border: 2px solid #fff;
	background-color: initial;
	border-radius: 24px
}

.ke_overlay .comment-btn {
	color: #000;
	background-color: #fff;
	border: 0
}

.ke_overlay .download-app-btn {
	border: 0;
	background-color: #000
}

.ke_overlay .next-name {
	font-weight: 500;
	font-size: 18px;
	line-height: 32px;
	color: #fff;
	overflow: hidden;
	text-shadow: 0 1px 3px rgba(0,0,0,.25)
}

.ke_overlay .next-name-time {
	font-size: 14px
}

.ke_overlay .next-name-inline {
	display: inline
}

.ke_overlay .copyright-image {
	width: 112px;
	height: 120px;
	display: inline-block;
	background-size: contain;
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/copyright.880e22ff.png);
	margin-bottom: 24px
}

.ke_overlay_content {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%
}

.ke_overlay_content.flashUnInstall {
	color: #f4f4f4
}

.ke_overlay_content.flashUnInstall p {
	margin-top: 20px
}

.ke_overlay_content .loading_wording {
	margin-top: 10px;
	color: #f4f4f4;
	font-size: 18px
}

.ke_overlay_content .loading_wording .dis_hwcode_tip {
	margin-top: 10px;
	color: #23b8ff;
	font-size: 18px
}

.ke_overlay_content .loading_wording .dis_hwcode_tip .download-btn {
	margin-left: 20px;
	cursor: pointer;
	pointer-events: visible
}

.ke_overlay_content .course {
	font-size: 18px;
	color: #999;
	margin-bottom: 30px
}

.ke_overlay_content .title {
	font-size: 24px;
	text-indent: .5em;
	color: #ccc
}

.ke_overlay_content .title .icon-tips {
	color: #f4f4f4;
	margin-bottom: 3px;
	margin-right: 5px
}

.ke_overlay_content .title.clickable {
	cursor: pointer
}

.ke_overlay_content .title.clickable:hover {
	color: #f4f4f4
}

.ke_overlay_content .time-block {
	font-size: 20px;
	text-align: center;
	color: #ccc;
	margin-top: 20px
}

.ke_overlay_content .time-block .i-time {
	display: inline-block;
	margin-right: 10px;
	font-size: 24px
}

.ke_overlay_content .time-block .time {
	display: inline-block;
	margin: 0 5px;
	font-size: 20px;
	color: var(--overlayTime);
	text-align: center
}

.ke_overlay_content .pay-info .link {
	padding: 25px 0 0;
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
	color: #999
}

.ke_overlay_content .pay-info .link:hover {
	color: var(--overlayLink)
}

.ke_overlay_content .pay-info .pay {
	padding: 5px 0 20px;
	display: block;
	font-size: 18px;
	color: var(--overlayPay)
}

.ke_overlay_content .next {
	margin: 25px 0;
	font-size: 18px;
	color: #999
}

.ke_overlay_content .btn-wrap {
	margin-top: 25px
}

.ke_overlay_content .btn-wrap.pay-btn {
	color: #f4f4f4;
	border: 1px solid #23b8ff;
	background-color: #23b8ff
}

.ke_overlay_content .btn-wrap.pay-btn:hover {
	border: 1px solid var(--primaryHover);
	background-color: var(--primaryHover)
}

.ke_overlay_content .btn-wrap.pay-btn.disabled {
	border: none;
	pointer-events: none;
	color: var(--grayD);
	background-color: var(--gray7)
}

.ke_overlay_content .btn-wrap.pay-btn.disabled:hover {
	background-color: var(--gray7)
}

.ke_overlay_content .btn-wrap .nav-comment-wrapper {
	display: inline-block
}

.ke_overlay_content .download-tips {
	color: #999;
	font-size: 16px;
	margin-top: 50px
}

.ke_overlay_content .download-tips a {
	margin-left: 5px;
	color: #f4f4f4;
	text-decoration: underline
}

.before-btn-ctn {
	position: absolute;
	left: 50%;
	top: 50%;
	color: #fff;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center
}

.before-btn-ctn .live-name {
	font-weight: 500;
	font-size: 18px;
	line-height: 32px;
	display: inline-block;
	overflow: hidden;
	padding-top: 20px
}

.before-btn-ctn .live-name .icon-live {
	width: 24px;
	height: 24px;
	position: relative;
	top: 4px;
	margin-right: 4px;
	display: inline-block;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/live.d49d68ac.gif);
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.before-btn-ctn .before-btn.play-btn {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: rgba(0,0,0,.8);
	z-index: 1;
	margin: 0 auto;
	cursor: pointer
}

.before-btn-ctn .before-btn.play-btn:active,.before-btn-ctn .before-btn.play-btn:hover {
	background-color: #000
}

.before-btn-ctn .before-btn.play-btn .icon-font {
	margin-left: 6px;
	font-size: 40px;
	color: #fff
}

.before-btn-ctn .before-btn.play-btn .icon-play-playing:before {
	content: "\f101";
	font-family: LOKI;
	color: #fff;
	position: absolute;
	font-size: 40px;
	text-align: center;
	-webkit-transform: translate(-18px,10px);
	transform: translate(-18px,10px)
}

.pause-ctn {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: auto;
	width: 385px;
	height: 386px;
	padding: 36px;
	z-index: 6;
	background-color: #0f1419;
	opacity: .95;
	border-radius: 12px
}

.pause-ctn .nav-sim-qrcode {
	width: 120px;
	height: 120px;
	margin-bottom: 12px
}

.pause-ctn .nav-sim-item {
	width: 120px
}

.pause-ctn .nav-sim-slash {
	height: 120px
}

.pause-ctn .nav-sim-tt {
	color: #8797a1;
	font-weight: 500;
	font-size: 18px;
	line-height: 25px
}

.pause-ctn .append {
	margin-bottom: 0
}

.pause-ctn .icon-close:after,.pause-ctn .icon-close:before {
	top: 1em;
	right: 1.5em;
	width: 2px;
	height: 15px;
	position: absolute;
	content: " ";
	background-color: #667280;
	cursor: pointer
}

.pause-ctn .icon-close:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.pause-ctn .icon-close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.pause-ctn .nav-sim-download {
	width: 148px;
	height: 40px;
	padding: 10px 32px;
	background: #2080f7;
	border-radius: 24px
}

.pause-ctn .nav-sim-desc,.pause-ctn .pause-footer {
	-webkit-justify-content: center;
	justify-content: center
}

.pause-ctn .pause-footer {
	display: -webkit-flex;
	display: flex;
	margin-top: 10px
}

.pause-ctn .pause-footer .kecomp-checkbox-icon {
	border-radius: 50%;
	width: 11px;
	height: 11px;
	border: 1px solid #667280
}

.pause-ctn .pause-footer .kecomp-checkbox-icon:after {
	border: 0
}

.pause-ctn .pause-footer .kecomp-checkbox-text {
	color: #586470;
	font-size: 12px;
	line-height: 20px
}

.player-popup {
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 32px;
	text-align: center;
	background: #fff;
	border: 1px solid #e5e5e5;
	box-shadow: 0 2px 16px 0 rgba(0,0,0,.15);
	border-radius: 4px
}

.player-popup .nav-sim-qrcode {
	width: 120px;
	height: 120px;
	margin: auto
}

.player-popup .player-error-tips {
	font-size: 16px;
	margin-top: 36px;
	margin-bottom: 18px;
	color: #6d767f
}

.player-popup .player-error-tips-archor {
	cursor: pointer
}

.x-video-tip {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000;
	z-index: 1001
}

.x-video-tip .video-tips {
	color: #e9e9e9;
	background-size: 296px 244px;
	width: 520px;
	height: 296px;
	position: absolute;
	left: 0;
	top: -160px;
	bottom: 0;
	right: 0;
	margin: auto;
	padding-top: 320px;
	text-align: center;
	font-size: 24px
}

.x-video-tip .tip-text {
	font-size: 14px;
	color: #e9e9e9;
	margin-top: 14px
}


.dialog-btn .btn-default {
	background-color: #2080f7;
	color: #fff;
	border: 0;
	cursor: pointer
}

.loki-poster {
	display: none
}

.renshe-guide {
	--color-txt: #f5f7fa;
	text-align: center
}

.renshe-guide,.renshe-guide .renshe-guide-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.renshe-guide .renshe-guide-mask {
	background: rgba(0,0,0,.8)
}

.renshe-guide .renshe-guide-cnt {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #fff
}

.renshe-guide .renshe-guide-tt {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 12px;
	color: var(--color-txt)
}

.renshe-guide .renshe-guide-desc,.renshe-guide .renshe-guide-tips {
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 8px;
	color: var(--color-txt)
}

.renshe-guide .renshe-guide-list {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center
}

.renshe-guide .renshe-guide-desc {
	margin-top: 8px
}

.renshe-guide .renshe-guide-desc .icon-font {
	margin-right: 5px
}

.apply-success .kecomp-dialog {
	width: 500px;
	border-top: 4px solid #23b8ff;
	border-radius: 2px;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background: #fff
}

.apply-success .kecomp-dialog-hd-text-empty {
	padding: 0;
	height: 0
}

.apply-success-inner {
	padding: 24px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column
}

.apply-success-tt {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	color: #0f1419;
	margin-bottom: 20px
}

.apply-success-live-room {
	font-size: 14px;
	color: #666;
	margin-top: 12px
}

.apply-success-desc {
	font-size: 14px;
	color: #666;
	margin: 12px 0
}

.apply-success-ft {
	-webkit-align-self: flex-end;
	align-self: flex-end
}

.apply-success-ft>button {
	margin-left: 24px
}

.nav-sim-wrapper {
	position: relative
}

.nav-sim-wrapper .im-popconfirm {
	display: none;
	width: 360px;
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.nav-sim-wrapper .im-popconfirm-wrap {
	border-radius: 12px
}

.nav-sim-wrapper .im-popconfirm-content {
	padding: 24px 48px
}

.nav-sim-wrapper:hover .im-popconfirm {
	display: block
}

.nav-sim-tt {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	color: #0f1419;
	margin-bottom: 24px
}

.nav-sim-list {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 44px
}

.nav-sim-item {
	width: 96px;
	text-align: center;
	position: relative
}

.nav-sim-slash {
	width: 1px;
	height: 96px;
	border: 1px solid #f4f4f4;
	margin: 0 35.5px
}

.nav-sim-qrcode {
	width: 96px;
	height: 96px;
	margin-bottom: 12px
}

.nav-sim-desc {
	font-size: 12px;
	line-height: 16px;
	color: #667280;
	white-space: nowrap
}

.nav-sim-desc,.nav-sim-tag {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative
}

.nav-sim-tag {
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-tag-ctn.1c410889.png) 50%/cover no-repeat;
	width: 32px;
	height: 14px;
	margin-left: 2px;
	-webkit-flex-shrink: 0;
	flex-shrink: 0
}

.nav-sim-tag-txt {
	position: relative;
	left: 1px;
	font-size: 12px;
	font-weight: 400;
	-webkit-transform: scale(.83333);
	transform: scale(.83333);
	line-height: 1;
	display: block;
	color: #fff
}

.nav-sim-icon {
	font-size: 12px;
	margin-right: 4px
}

.nav-sim-tip {
	font-size: 12px;
	line-height: 16px;
	color: #667280;
	position: absolute;
	top: 100%;
	margin-top: 4px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.nav-sim-download {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	margin: 0 auto;
	width: 132px;
	height: 36px;
	background: #2080f7;
	border-radius: 24px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #fff
}

.player-container {
	height: 100%;
	width: 100%;
	text-shadow: 0 1px 3px rgba(0,0,0,.25)
}

.player-container--ad .ke-cover,.player-container--ad .loki-player-wrapper {
	bottom: 0
}

.loki-player-wrapper {
	position: absolute;
	top: 0;
	bottom: 68px;
	left: 0;
	right: 0
}

.loki-player-wrapper #loki-player {
	outline: none
}

.loki-player-wrapper .touchpoint-widget {
	position: absolute;
	bottom: 80px
}

.loki-player-wrapper .loki-js .loki-interact.loki-playbutton {
	display: none
}

.loki-player-wrapper .loki-js .loki-loading:before {
	border-left-color: #2080f7;
	border-right-color: #2080f7
}

.loki-player-wrapper .loki-js.loki-webfullscreen-fix {
	z-index: 3002
}

.loki-player-wrapper .loki-control .loki-progress-bar .loki-played-bar {
	background-color: #2080f7
}

.loki-player-wrapper .loki-control .loki-volume .loki-volume-button {
	height: 100%
}

.loki-player-wrapper .loki-control .loki-volume .loki-volume-button.muted .loki-icon-placeholder:before {
	content: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/volumeoff.f464504a.png);
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.loki-player-wrapper .loki-control .loki-volume .loki-volume-button .loki-icon-placeholder:before {
	content: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/volume.4126cf41.png);
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.loki-player-wrapper .loki-control .loki-pip {
	-webkit-flex: none;
	flex: none;
	height: 100%
}

.loki-player-wrapper .loki-control .loki-pip.loki-pip-enter .loki-icon-placeholder:before {
	content: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/pictureinpicture.bea5708d.png);
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.loki-player-wrapper .loki-control .loki-pip.loki-pip-exit .loki-icon-placeholder:before {
	content: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/exitpip.477663f1.png);
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.loki-player-wrapper .loki-control .loki-fullscreen {
	-webkit-flex: none;
	flex: none;
	height: 100%
}

.loki-player-wrapper .loki-control .loki-fullscreen.loki-fullscreen-enter .loki-icon-placeholder:before {
	content: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/fullscreen.b0add96e.png);
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.loki-player-wrapper .loki-control .loki-fullscreen.loki-fullscreen-exit .loki-icon-placeholder:before {
	content: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/exitfullscreen.0c78805e.png);
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.loki-player-wrapper .tc_player {
	width: 100%;
	height: 100%
}

.loki-player-wrapper .player-pip-mask {
	display: none
}

.side-guide-wrapper {
	position: fixed;
	bottom: 470px;
	width: 306px;
	height: 72px;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 3px 13px 0 rgba(84,93,106,.2);
	z-index: 4000;
	right: -340px;
	-webkit-animation: slide 10s 3s 1 forwards;
	animation: slide 10s 3s 1 forwards
}

.side-guide-wrapper .icon-live {
	position: absolute;
	top: 17px;
	left: 19px;
	display: inline-block;
	width: 19px;
	height: 19px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-guide-live.413e569b.gif) 50%/contain no-repeat
}

.side-guide-wrapper .live-class-guide {
	margin-top: 17px;
	margin-left: 42.77px
}

.side-guide-wrapper .live-class-guide-title {
	height: 20px;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	margin-bottom: 2px;
	width: 226px;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.side-guide-wrapper .live-class-guide-link-tip {
	height: 17px;
	color: rgba(0,0,0,.6);
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	margin-right: 4px
}

.side-guide-wrapper .live-class-guide-link-jumper {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	height: 17px;
	line-height: 17px;
	color: #2196f3;
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	cursor: pointer
}

.side-guide-wrapper .live-class-guide-link-jumper .icon-right-jump {
	display: inline-block;
	height: 11px;
	width: 11px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-right.aa0672a2.png) 50%/contain no-repeat
}

.side-guide-wrapper .live-class-guide-link-jumper:hover {
	color: #3ca3f8
}

.side-guide-wrapper .icon-font.i-close {
	position: absolute;
	top: 9px;
	right: 7px;
	color: #c4cdd5;
	cursor: pointer
}

.side-guide-wrapper .icon-font.i-close:hover {
	color: #aab8c4
}

@-webkit-keyframes slide {
	0% {
		right: -340px
	}

	5% {
		right: 20px
	}

	95% {
		right: 20px
	}

	to {
		right: -340px
	}
}

@keyframes slide {
	0% {
		right: -340px
	}

	5% {
		right: 20px
	}

	95% {
		right: 20px
	}

	to {
		right: -340px
	}
}

.btn-apply-status {
	width: 176px;
	max-width: 312px;
	height: 48px;
	border: none;
	border-radius: 38px;
	padding: 10px 0;
	line-height: 18px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1;
	flex: 1;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center
}

.btn-apply-status.btn-apply {
	font-size: 18px;
	color: #fff;
	background-color: #2080f7
}

.btn-apply-status.btn-apply[disabled] {
	opacity: .3
}

.btn-apply-status.btn-applied {
	font-size: 16px;
	color: #0f1419;
	background-color: initial;
	cursor: default
}

.btn-apply-status.btn_ad {
	font-size: 18px;
	color: #fff;
	background-color: #2080f7
}

.btn-apply-status .btn-apply-icon {
	margin-right: 14px
}

.btn-apply-hw-dialog .kecomp-dialog {
	width: 480px;
	min-height: 146px
}

.btn-apply-hw-dialog .kecomp-dialog-hd {
	height: 36px
}

.btn-apply-hw-dialog .kecomp-dialog-bd {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	min-height: 0;
	height: auto;
	margin-bottom: 24px
}

.btn-apply-hw-dialog .kecomp-dialog-bd-icon {
	display: none
}

.btn-apply-hw-dialog .kecomp-dialog-bd-msg-wrap {
	margin: 0;
	padding: 0
}

.btn-apply-hw-dialog .kecomp-dialog-bd-msg {
	display: block;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	color: #3c464f
}

.btn-apply-hw-dialog .kecomp-dialog-bd-msg-sub {
	display: none
}

.btn-apply-hw-dialog .kecomp-dialog-ft {
	padding: 0 0 24px
}

.btn-apply-hw-dialog .kecomp-dialog-ft,.btn-apply-hw-dialog .kecomp-dialog-ft .btn-default {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center
}

.btn-apply-hw-dialog .kecomp-dialog-ft .btn-default {
	width: 120px;
	height: 40px;
	background: #2080f7;
	border-radius: 24px;
	color: #fff;
	padding: 0
}

.mask-apply-tip {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.6);
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center
}

.mask-apply-tip>p {
	font-weight: 500;
	font-size: 18px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	text-shadow: 0 1px 3px rgba(0,0,0,.25)
}

.btn-fav {
	height: 28px;
	background: #fff;
	border: 1px solid #f5f7fa;
	border-radius: 22px;
	font-size: 14px;
	line-height: 1;
	padding: 4px 16px;
	text-align: center;
	color: #667280;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.btn-fav .icon-fav {
	margin-right: 4px
}

.course-banner--free {
	width: 80%;
	margin: 0 auto
}



.course-banner--free .wrapper-player {
	-webkit-flex: 1;
	flex: 1;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	position: relative
}



@media (min-width:1000px) /*pc端*/
{
.course-banner--free .wrapper-player-aside {
	width: 28%;
	height: 100%
}
.course-banner--free .section-study {
	display: -webkit-flex;
	display: flex;
	height: 540px;
	background: #1b2128;
	border: 1px solid #000
}
}
	@media (max-width:1000px) /*手机端*/
{
.course-banner--free .wrapper-player-aside { display:none}
.course-banner--free .section-study {
	display: -webkit-flex;
	display: flex;
	height: 240px;
	background: #1b2128;
	border: 1px solid #000
}
}

.course-banner--free .wrapper-catalog {
	width: 360px;
	float: right
}

.course-banner--free .section-bottom {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding: 24px 0;
	background-color: #000;
	color: #fff;
}

.course-banner--free .section-bottom .wrapper-info {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex: 1;
	flex: 1
}

.course-banner--free .course-cover {
	width: 100%
}

.course-banner--free .course-opbar {
	height: 68px;
	padding: 20px
}

.course-banner--free .course-opbar,.course-banner--free .course-opbar .operate-btn {
	color: #8797a1;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.course-banner--free .course-opbar .operate-btn {
	height: 28px;
	margin-left: 12px;
	padding: 4px 12px;
	font-size: 14px;
	line-height: 20px;
	border: none;
	background: #323c46;
	border-radius: 24px
}

.course-banner--free .course-opbar .operate-btn:first-child {
	margin-left: 0
}

.course-banner--free .course-opbar .operate-btn .btn-icon,.course-banner--free .course-opbar .operate-btn .icon-fav {
	font-size: 16px;
	color: #8797a1;
	margin-bottom: 0
}

.course-banner--free .course-opbar .operate-btn .consult-btn-text {
	color: #8797a1;
	height: unset;
	font-size: 14px;
	line-height: 1
}

.course-banner--free .course-opbar-slash {
	border: 1px solid #323c46;
	height: 12px;
	width: 0;
	margin: 0 24px
}

.course-banner--free .course-opbar-item {
	font-size: 14px;
	line-height: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin-right: 20px;
	cursor: pointer
}

.course-banner--free .course-opbar-item>span {
	font-size: 16px;
	margin-right: 4px
}

.course-banner--free .course-info {
	-webkit-flex: 1;
	flex: 1;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 8px 0
}

.course-banner--free .course-title {
	font-size: 24px;
	line-height: 32px;
	padding-left: 20px;
	color: #fff;
	max-width: calc(1200px - 360px);
	-webkit-flex: 1 100%;
	flex: 1 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}

.course-banner--free .course-price {
	font-size: 24px;
	line-height: 32px;
	color: #ff7a38
}

.course-banner--free .course-nums {
	margin-left: 16px
}

.course-banner--free .course-hints {
	font-size: 14px;
	line-height: 20px;
	color: #667280;
	margin-right: 32px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.course-banner--free .course-labels {
	-webkit-flex-basis: 70%;
	flex-basis: 70%;
	-webkit-flex-grow: 1;
	flex-grow: 1
}

.course-banner--free .course-action {
	width: 360px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center
}

.course-banner--free .course-action .btn-apply {
	-webkit-flex: 1;
	flex: 1;
	max-width: 312px
}

.comment-guide-bubble .rc-tooltip-inner {
	border-radius: 40px
}

.training-data,.training-data .training-data-item {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row
}

.training-data .training-data-item {
	margin-right: 24px;
	-webkit-align-items: center;
	align-items: center
}

.training-data .training-data-item .label {
	color: #586470;
	font-size: 14px
}

.training-data .training-data-item .value {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.training-data .training-data-item .value .num {
	color: #0f1419;
	font-size: 17px;
	margin-right: 2px
}

.training-data .training-data-item .value .unit {
	color: #586470;
	font-size: 14px
}

.salelayer-pc .salelayer-mask {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.5);
	z-index: 4000
}

.salelayer-pc .salelayer-inner {
	position: fixed;
	width: 640px;
	height: 428px;
	padding: 24px;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 4000;
	transition: all .3s ease-in-out;
	background: #fff
}

.salelayer-pc .salelayer-close {
	position: absolute;
	top: 12px;
	right: 12px;
	cursor: pointer;
	font-size: 24px;
	color: #c0c5cc
}

.salelayer-pc .salelayer-header {
	font-weight: 500;
	font-size: 16px
}

.salelayer-pc .salelayer-content,.salelayer-pc .salelayer-header {
	text-align: center;
	line-height: 22px;
	color: #3e454d;
	margin-bottom: 24px
}

.salelayer-pc .salelayer-content {
	font-size: 14px
}

.salelayer-pc .salelayer-ft .url-card-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.salelayer-pc .salelayer-ft .url-card-info {
	width: 290px;
	height: 122px;
	padding: 16px 100px 16px 24px;
	background: #f5f7fa;
	border-radius: 12px;
	position: relative
}

.salelayer-pc .salelayer-ft .url-card-tt {
	font-weight: 500;
	font-size: 16px;
	text-align: justify;
	color: #3e454d;
	line-height: 22px;
	margin-bottom: 12px
}

.salelayer-pc .salelayer-ft .url-card-tip {
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
	color: #667280;
	word-break: break-all;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.salelayer-pc .salelayer-ft .url-card-btn {
	position: absolute;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	color: #fff;
	bottom: 26px;
	right: 16px;
	width: 80px;
	padding: 10px 0;
	text-align: center;
	background: #2080f7;
	border-radius: 36px;
	border: none
}

.salelayer-pc .salelayer-ft .url-card-qrcode {
	position: absolute;
	right: 16px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 72px;
	height: 72px;
	background: #fff;
	border-radius: 4.5px
}

.salelayer-pc .salelayer-jump {
	color: #23b8ff
}

.salelayer-pc .salelayer-extra-tt {
	font-size: 14px;
	line-height: 24px;
	color: #c0c5cc;
	margin: 24px 0;
	text-align: center
}

.salelayer-pc .salelayer-extra-list {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center
}

.salelayer-pc .salelayer-extra-item {
	margin-right: 72px;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	color: #667280;
	position: relative
}

.salelayer-pc .salelayer-extra-item:last-child {
	margin-right: 0
}

.salelayer-pc .salelayer-extra-item .im-popconfirm {
	display: none;
	position: absolute;
	left: 50%;
	top: 100%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.salelayer-pc .salelayer-extra-item .im-popconfirm-wrap {
	min-width: unset;
	background: #fff;
	border: 1px solid #e5e5e5;
	box-shadow: 0 2px 16px rgba(0,0,0,.15);
	border-radius: 12px
}

.salelayer-pc .salelayer-extra-item .im-popconfirm-content {
	padding: 12px 28px 28px
}

.salelayer-pc .salelayer-extra-item:hover .im-popconfirm {
	display: block
}

.salelayer-pc .salelayer-extra-icon {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	margin-bottom: 8px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	cursor: pointer
}

.salelayer-pc .salelayer-extra-icon>span {
	font-size: 32px;
	color: #fff
}

.salelayer-pc .salelayer-extra-icon--qq {
	background: #41c2f7
}

.salelayer-pc .salelayer-extra-icon--wechat {
	background: #2dd192
}

.salelayer-pc .salelayer-extra-icon--qzone {
	background: #ffc552
}

.salelayer-pc .salelayer-extra-qrcode {
	width: 88px;
	height: 88px
}

.salelayer-pc .salelayer-extra-qrcode-tt {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: 20px;
	margin-bottom: 12px;
	font-size: 14px;
	color: #586470
}

.salelayer-copy-tips {
	top: 90px;
	background: transparent;
	box-shadow: none
}

.salelayer-copy-tips .s-msg-tips {
	padding: 14px 24px;
	box-shadow: 0 2px 8px rgba(15,20,25,.1);
	border-radius: 12px;
	background: #fff
}

.salelayer-copy-tips .s-icon-tips.icon-tips--alert {
	color: #f23f4e
}

.salelayer-copy-tips .s-icon-tips.icon-tips--info,.salelayer-copy-tips .s-icon-tips.icon-tips--question {
	color: #2080f7
}

.salelayer-copy-tips .s-icon-tips.icon-tips--ok {
	color: #2dd192
}

.salelayer-copy-tips .msg-tips-txt {
	color: #3c464f;
	font-weight: 500
}

.salelayer-wrapper {
	display: none
}

.salelayer-wrapper.salelayer-show {
	display: block
}

.salelayer-wrapper.salelayer-show .salelayer-inner {
	-webkit-transform: translate(0);
	transform: translate(0)
}

.sale-btn {
	display: block;
	position: relative;
	height: 24px;
	cursor: pointer;
	-webkit-flex: 1;
	flex: 1;
	text-align: right
}

.sale-icon {
	width: 32px;
	height: 36px;
	position: absolute;
	top: -12px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-sale@2x.c1ca9042.png) top;
	background-size: cover
}

.sale-content {
	display: inline-block;
	padding: 0 8px 0 18px;
	margin: 0 0 0 14px;
	height: 24px;
	font-size: 12px;
	color: #fff;
	line-height: 24px;
	background: #ff6923;
	border-radius: 0 12px 12px 0;
	white-space: nowrap
}

.sale-content svg.svg--kedian {
	color: #fff
}

@media only screen and (min-device-pixel-ratio:3) {
	.sale-icon {
		background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-sale@3x.639e4a5c.png) top;
		background-size: cover
	}
}

.btn-share {
	display: inline-block;
	height: 28px;
	background: #fff;
	border: 1px solid #f5f8fa;
	border-radius: 22px;
	font-size: 14px;
	line-height: 1;
	padding: 4px 16px;
	text-align: center;
	color: #667280;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	cursor: pointer
}

.btn-share .icon-share {
	margin-right: 4px
}

.btn-share {
	position: relative
}

.btn-share .sale-btn {
	position: absolute;
	right: 0;
	bottom: 100%;
	height: 18px;
	margin-bottom: -6px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	background: #ff6923;
	padding: 0 6px;
	border-radius: 20px
}

.btn-share .sale-btn:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 11px;
	height: 12px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/tail.37f61f5d.png) no-repeat 50%;
	background-size: cover
}

.btn-share .sale-btn .sale-icon {
	display: none
}

.btn-share .sale-btn .sale-content {
	margin: 0;
	padding: 0;
	height: auto;
	line-height: 1;
	font-weight: 500;
	font-size: 12px;
	-webkit-transform: scale(.83333);
	transform: scale(.83333)
}

.btn-share .sale-btn .sale-content .coursedot {
	margin-left: 1px
}

.btn-share .sale-btn .sale-content .coursedot,.btn-share .sale-btn .sale-content .sale-num {
	font-weight: 700
}

.apply-bar {
	width: 100%;
	box-shadow: 0 3px 12px rgba(0,36,153,.06);
	border-radius: 12px;
	position: relative;
	left: 0;
	top: 0;
	margin-top: 24px;
	margin-bottom: 20px
}

.apply-bar.hidden {
	display: none
}

.apply-bar-main {
	width: 100%;
	padding: 0 20px;
	height: 96px;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	border-radius: 12px;
	background: #fff;
	position: relative;
	left: 0;
	top: 0
}

.apply-bar-main,.apply-bar-main .main-left {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.apply-bar-main .main-left {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 48px;
	overflow: hidden
}

.apply-bar-main .main-left .discount-box {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.apply-bar-main .main-left .discount-type {
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: #ff7a38;
	margin-right: 8px
}

.apply-bar-main .main-left .course-price {
	height: 48px;
	font-family: DIN Alternate;
	font-style: normal;
	font-weight: 700;
	font-size: 40px;
	line-height: 48px;
	color: #ff7a38;
	margin-right: 17px
}

.apply-bar-main .main-right .apply-btn {
	height: 48px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background: #ff7a38;
	box-shadow: inset 0 -3px 6px rgba(255,0,66,.105);
	border-radius: 24px;
	border: unset;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #fff
}

.apply-bar-suffix {
	background: #f6f7fa;
	position: relative;
	left: 0;
	top: 0;
	border-radius: 12px
}

.apply-bar--salary-choice.apply-bar {
	padding-top: 4px;
	background: linear-gradient(180deg,#1d2343,#151a35 40px,#fff 30%);
	border-radius: 12px
}

.apply-bar--salary-choice.apply-bar:before {
	width: 400px;
	height: 96px;
	right: 0;
	top: 4px;
	z-index: 1;
	position: absolute;
	content: "";
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/bg-right-side@salary-choice.47e55afb.png) no-repeat 50%/100% 100%
}

.apply-bar--salary-choice.apply-bar.prefix-filled-mode:before {
	height: 130px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/bg-right-side-big@salary-choice.922f2b5d.png) no-repeat 50%/100% 100%
}

.apply-bar--salary-choice.apply-bar .price-container {
	color: #0f1419
}

.apply-bar--salary-choice.apply-bar .general-btn-main {
	background: linear-gradient(270deg,#1d2343,#151a35);
	color: #ffebc2
}

.apply-bar--salary-choice.apply-bar .general-btn-main .general-btn-txt {
	color: #ffebc2
}

.apply-bar--salary-choice.apply-bar .apply-bar-prefix {
	margin-bottom: 0
}

.apply-bar--salary-choice.apply-bar .apply-bar-main .main-right {
	z-index: 1;
	-webkit-flex-shrink: 0;
	flex-shrink: 0
}

.apply-bar--salary-choice.apply-bar .main-left .dividing {
	display: none
}

.apply-btn-box--salary-choice.apply-btn-box .general-btn-main {
	background: linear-gradient(270deg,#1d2343,#151a35);
	color: #ffebc2
}

.apply-btn-box--salary-choice.apply-btn-box .general-btn-main .general-btn-txt {
	color: #ffebc2
}

.apply-bar--training-camp.apply-bar {
	padding-top: 4px;
	background: linear-gradient(180deg,#2cdbb1,#2dd192 40px,#fff 30%);
	border-radius: 12px
}

.apply-bar--training-camp.apply-bar:before {
	width: 400px;
	height: 96px;
	right: 0;
	top: 4px;
	z-index: 1;
	position: absolute;
	content: "";
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/bg-right-side@training-camp.e9ea5661.png) no-repeat 50%/100% 100%
}

.apply-bar--training-camp.apply-bar.prefix-filled-mode:before {
	height: 130px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/bg-right-side-big@training-camp.1a6d2198.png) no-repeat 50%/100% 100%
}

.apply-bar--training-camp.apply-bar .price-container {
	color: #0f1419
}

.apply-bar--training-camp.apply-bar .general-btn-main {
	background: linear-gradient(91.28deg,#41c2f7,#2dd192 47.32%);
	color: #ffebc2
}

.apply-bar--training-camp.apply-bar .general-btn-main .general-btn-txt {
	color: #ffebc2
}

.apply-bar--training-camp.apply-bar .apply-bar-prefix {
	margin-bottom: 0
}

.apply-bar--training-camp.apply-bar .apply-bar-main .main-right {
	z-index: 1;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-shrink: 0;
	flex-shrink: 0
}

.apply-bar--training-camp.apply-bar .apply-bar-main .main-right .kc-course-brand-countdown-wrapper {
	margin-right: 24px
}

.apply-bar--training-camp.apply-bar .main-left .dividing {
	display: none
}

.apply-btn-box--training-camp.apply-btn-box .general-btn-main {
	background: linear-gradient(91.28deg,#41c2f7,#2dd192 47.32%);
	color: #fff
}

.apply-btn-box--training-camp.apply-btn-box .general-btn-main .general-btn-txt {
	color: #fff
}

.kc-course-brand-countdown-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.kc-course-brand-countdown-wrapper .countdown-tt {
	color: #8797a1
}

.kc-course-brand-countdown-wrapper .kc-countdown {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	color: #8797a1
}

.kc-course-brand-countdown-wrapper .kc-countdown span {
	margin: 0 4px;
	color: #fff;
	display: -webkit-flex;
	display: flex;
	min-width: 24px;
	padding: 0 2px;
	height: 20px;
	border-radius: 6px;
	background: #586470;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center
}

.free-learning-bonus-info {
	position: relative;
	padding-bottom: 13px
}

.free-learning-bonus-info .free-learning-bonus-info-head {
	height: 46px;
	padding: 0 16px;
	display: -webkit-flex;
	display: flex
}

.free-learning-bonus-info .free-learning-bonus-info-icon {
	height: 46px;
	width: 20px;
	position: relative;
	-webkit-flex: none;
	flex: none
}

.free-learning-bonus-info .free-learning-bonus-info-icon-image {
	width: 14px;
	height: 14px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -1px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/bonus@2x.39f5fe26.png)
}

.free-learning-bonus-info .free-learning-bonus-info-title {
	height: 46px;
	line-height: 46px;
	font-size: var(--fsSmall);
	color: #666c80;
	-webkit-flex: auto;
	flex: auto;
	padding-right: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}

.free-learning-bonus-info .free-learning-bonus-info-button {
	width: 64px;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	text-align: center;
	font-size: 12px;
	-webkit-flex: none;
	flex: none;
	position: relative;
	top: 10px;
	overflow: hidden;
	cursor: pointer
}

.free-learning-bonus-info.type-course:before {
	content: "";
	position: absolute;
	background-color: #ddd;
	height: 1px;
	top: 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	-webkit-transform-origin: top;
	transform-origin: top;
	left: 16px;
	right: 16px
}

.free-learning-bonus-info.type-course .free-learning-bonus-info-body {
	width: 100%;
	overflow: hidden;
	overflow-x: scroll;
	padding: 0 16px
}

.free-learning-bonus-info.type-course .free-learning-bonus-info-list.is-active {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.free-learning-bonus-info.type-popup .free-learning-bonus-info-body {
	padding: 0 16px
}

.free-learning-bonus-info.is-pc.type-course {
	padding-bottom: 0;
	height: 126px;
	overflow: hidden;
	border-top: 0
}

.free-learning-bonus-info.is-pc.type-course:before {
	display: none
}

.free-learning-bonus-info.is-pc.type-course .free-learning-bonus-info-body {
	padding: 0 0 16px;
	width: 528px;
	margin: 0 auto
}

.free-learning-bonus-info.is-pc.type-course .free-learning-bonus-info-body .free-learning-bonus-info-arrow-left,.free-learning-bonus-info.is-pc.type-course .free-learning-bonus-info-body .free-learning-bonus-info-arrow-right {
	top: 60px;
	width: 20px;
	height: 38px;
	position: absolute;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/arrow@2x.f811bec2.png);
	cursor: pointer
}

.free-learning-bonus-info.is-pc.type-course .free-learning-bonus-info-body .free-learning-bonus-info-arrow-left {
	left: 0;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1)
}

.free-learning-bonus-info.is-pc.type-course .free-learning-bonus-info-body .free-learning-bonus-info-arrow-right {
	right: 0
}

.free-learning-bonus-info.is-pc.type-course.state-course,.free-learning-bonus-info.is-pc.type-course.state-none {
	height: 46px
}

.free-learning-bonus-info.is-pc.type-dialog,.free-learning-bonus-info.is-pc.type-dialog .free-learning-bonus-info-body {
	padding: 0
}

.free-learning-bonus-info.state-init {
	display: none
}

.free-learning-bonus-info.state-course,.free-learning-bonus-info.state-none {
	padding-bottom: 0
}

.free-learning-bonus-card {
	display: -webkit-flex;
	display: flex;
	overflow: hidden;
	position: relative;
	border-radius: 12px;
	padding: 12px 8px 12px 12px;
	background: #f5f6fa;
	background: linear-gradient(180.25deg,#fde4cb,#fdf6eb)
}

.free-learning-bonus-card .free-learning-bonus-card-aside,.free-learning-bonus-card .free-learning-bonus-card-image,.free-learning-bonus-card .free-learning-bonus-card-value {
	-webkit-flex: none;
	flex: none
}

.free-learning-bonus-card .free-learning-bonus-card-value {
	font-family: DINAlternate-Bold,-apple-system,BlinkMacSystemFont,Microsoft YaHei UI,Microsoft YaHei,Roboto,Hiragino Sans GB,Source Han Sans CN,Fira Sans,Droid Sans,Helvetica Neue,arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}

.free-learning-bonus-card .free-learning-bonus-card-aside,.free-learning-bonus-card .free-learning-bonus-card-value {
	color: #985a00;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center
}

.free-learning-bonus-card .free-learning-bonus-card-aside-text,.free-learning-bonus-card .free-learning-bonus-card-value-text {
	display: block;
	text-align: center;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word
}

.free-learning-bonus-card .free-learning-bonus-card-value-unit {
	display: inline;
	padding-right: 1px
}

.free-learning-bonus-card .free-learning-bonus-card-value-unit svg.coursedot {
	top: -1px;
	position: relative
}

.free-learning-bonus-card .free-learning-bonus-card-main {
	-webkit-flex: auto;
	flex: auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center
}

.free-learning-bonus-card .free-learning-bonus-card-title {
	color: #80531f;
	font-weight: 500;
	font-size: var(--fsContent);
	line-height: 20px
}

.free-learning-bonus-card .free-learning-bonus-card-title-em {
	font-weight: 700;
	font-style: normal;
	padding-right: 3px;
	display: inline
}

.free-learning-bonus-card .free-learning-bonus-card-desc {
	color: #80531f;
	font-size: var(--fsSmall);
	width: 100%
}

.free-learning-bonus-card .free-learning-bonus-card-tag {
	top: 0;
	left: 0;
	position: absolute;
	border-radius: 8px 0 8px 0;
	pointer-events: none;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.free-learning-bonus-card .free-learning-bonus-card-split-line {
	width: 0;
	-webkit-flex: none;
	flex: none;
	position: relative
}

.free-learning-bonus-card .free-learning-bonus-card-split-line .free-learning-bonus-card-split-line-bottom,.free-learning-bonus-card .free-learning-bonus-card-split-line .free-learning-bonus-card-split-line-top {
	left: -9px;
	width: 18px;
	height: 6px;
	position: absolute;
	pointer-events: none;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/arc@2x.ce3c7585.png)
}

.free-learning-bonus-card .free-learning-bonus-card-split-line .free-learning-bonus-card-split-line-top {
	top: 0
}

.free-learning-bonus-card .free-learning-bonus-card-split-line .free-learning-bonus-card-split-line-bottom {
	bottom: 0;
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1)
}

.free-learning-bonus-card .free-learning-bonus-card-split-line .free-learning-bonus-card-split-line-middle {
	left: 0;
	top: 10px;
	bottom: 8px;
	width: 1px;
	position: absolute;
	-webkit-transform-origin: left;
	transform-origin: left;
	background-image: linear-gradient(0deg,transparent 0,transparent 4px,#e5bd85 0,#e5bd85 8px);
	background-size: auto 8px
}

.free-learning-bonus-card.theme-coupon .free-learning-bonus-card-desc,.free-learning-bonus-card.theme-coupon .free-learning-bonus-card-title,.free-learning-bonus-card.theme-course .free-learning-bonus-card-desc,.free-learning-bonus-card.theme-course .free-learning-bonus-card-title,.free-learning-bonus-card.theme-gift .free-learning-bonus-card-desc,.free-learning-bonus-card.theme-gift .free-learning-bonus-card-title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space: normal
}

.free-learning-bonus-card.theme-gift .free-learning-bonus-card-main {
	margin-left: 7px
}

.free-learning-bonus-card.theme-coupon .free-learning-bonus-card-title,.free-learning-bonus-card.theme-course .free-learning-bonus-card-title {
	font-weight: 700
}

.free-learning-bonus-card.is-pc.type-course.theme-coupon,.free-learning-bonus-card.is-pc.type-course.theme-course,.free-learning-bonus-card.is-pc.type-course.theme-gift .free-learning-bonus-card-image,.free-learning-bonus-card.is-pc.type-player.theme-coupon,.free-learning-bonus-card.is-pc.type-player.theme-course {
	cursor: pointer
}

.free-learning-bonus-card.type-course .free-learning-bonus-card-image {
	padding: 3px
}

.free-learning-bonus-card.type-course .free-learning-bonus-card-image .free-learning-bonus-card-image-canvas {
	width: 70px;
	height: 54px;
	display: block;
	background-size: cover;
	background-color: #fff;
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 4px;
	overflow: hidden
}

.free-learning-bonus-card.type-course .free-learning-bonus-card-value {
	width: 60px
}

.free-learning-bonus-card.type-course .free-learning-bonus-card-value .free-learning-bonus-card-value-text {
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	font-weight: 700
}

.free-learning-bonus-card.type-course .free-learning-bonus-card-value .free-learning-bonus-card-value-text .free-learning-bonus-card-value-unit {
	font-size: 12px
}

.free-learning-bonus-card.type-course .free-learning-bonus-card-main {
	padding-right: 10px
}

.free-learning-bonus-card.type-course .free-learning-bonus-card-title {
	font-size: 14px;
	line-height: 20px
}

.free-learning-bonus-card.type-course .free-learning-bonus-card-desc {
	font-size: 12px;
	line-height: 14px;
	height: 14px;
	margin-top: 3px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}

.free-learning-bonus-card.type-course .free-learning-bonus-card-tag {
	width: 36px;
	height: 15px
}

.free-learning-bonus-card.type-course .free-learning-bonus-card-aside {
	width: 64px
}

.free-learning-bonus-card.type-course .free-learning-bonus-card-aside .free-learning-bonus-card-aside-text {
	height: 20px;
	line-height: 20px;
	font-size: 12px
}

.free-learning-bonus-card.type-course.is-mobile {
	width: 260px;
	height: 60px;
	margin-right: 12px
}

.free-learning-bonus-card.type-course.is-pc {
	width: 258px;
	height: 64px;
	margin-right: 12px
}

.free-learning-bonus-card.type-course.is-pc:last-child {
	margin-right: 0
}

.free-learning-bonus-card.type-course.is-pc .free-learning-bonus-card-image-canvas {
	height: 58px
}

.free-learning-bonus-card.type-popup {
	margin-bottom: 12px
}

.free-learning-bonus-card.type-popup:last-child {
	margin-bottom: 0
}

.free-learning-bonus-card.type-popup .free-learning-bonus-card-image {
	padding: 5px
}

.free-learning-bonus-card.type-popup .free-learning-bonus-card-image .free-learning-bonus-card-image-canvas {
	width: 90px;
	height: 70px;
	display: block;
	background-size: cover;
	background-color: #fff;
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 4px;
	overflow: hidden
}

.free-learning-bonus-card.type-popup .free-learning-bonus-card-value {
	width: 100px
}

.free-learning-bonus-card.type-popup .free-learning-bonus-card-value .free-learning-bonus-card-value-text {
	height: 28px;
	line-height: 28px;
	font-size: 24px;
	font-weight: 700
}

.free-learning-bonus-card.type-popup .free-learning-bonus-card-value .free-learning-bonus-card-value-text .free-learning-bonus-card-value-unit {
	font-size: 14px
}

.free-learning-bonus-card.type-popup .free-learning-bonus-card-main {
	padding-right: 10px
}

.free-learning-bonus-card.type-popup .free-learning-bonus-card-title {
	font-size: 14px;
	line-height: 20px
}

.free-learning-bonus-card.type-popup .free-learning-bonus-card-desc {
	font-size: 12px;
	line-height: 14px;
	height: 14px;
	margin-top: 3px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}

.free-learning-bonus-card.type-popup .free-learning-bonus-card-tag {
	width: 48px;
	height: 19px
}

.free-learning-bonus-card.type-popup .free-learning-bonus-card-aside {
	width: 90px
}

.free-learning-bonus-card.type-popup .free-learning-bonus-card-aside .free-learning-bonus-card-aside-text {
	height: 20px;
	line-height: 20px;
	font-size: 14px
}

.free-learning-bonus-card.type-popup .free-learning-bonus-card-value-unit svg.coursedot {
	top: -2px
}

.free-learning-bonus-card.type-popup.is-mobile {
	width: 100%;
	height: 80px
}

.free-learning-bonus-card.type-popup.is-pc {
	width: 263px;
	height: 64px;
	margin-right: 10px
}

.free-learning-bonus-card.type-popup.theme-coupon .free-learning-bonus-card-main,.free-learning-bonus-card.type-popup.theme-course .free-learning-bonus-card-main {
	margin-left: 10px
}

.free-learning-bonus-card.type-dialog .free-learning-bonus-card-image {
	padding: 5px
}

.free-learning-bonus-card.type-dialog .free-learning-bonus-card-image .free-learning-bonus-card-image-canvas {
	width: 90px;
	height: 70px;
	display: block;
	background-size: cover;
	background-color: #fff;
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 4px;
	overflow: hidden
}

.free-learning-bonus-card.type-dialog .free-learning-bonus-card-value {
	width: 100px
}

.free-learning-bonus-card.type-dialog .free-learning-bonus-card-value .free-learning-bonus-card-value-text {
	height: 28px;
	line-height: 28px;
	font-size: 24px;
	font-weight: 700
}

.free-learning-bonus-card.type-dialog .free-learning-bonus-card-value .free-learning-bonus-card-value-text .free-learning-bonus-card-value-unit {
	font-size: 14px
}

.free-learning-bonus-card.type-dialog .free-learning-bonus-card-main {
	padding-right: 10px
}

.free-learning-bonus-card.type-dialog .free-learning-bonus-card-title {
	font-size: 14px;
	line-height: 20px
}

.free-learning-bonus-card.type-dialog .free-learning-bonus-card-desc {
	font-size: 12px;
	line-height: 14px;
	height: 14px;
	margin-top: 3px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}

.free-learning-bonus-card.type-dialog .free-learning-bonus-card-tag {
	width: 48px;
	height: 19px
}

.free-learning-bonus-card.type-dialog .free-learning-bonus-card-aside {
	width: 90px
}

.free-learning-bonus-card.type-dialog .free-learning-bonus-card-aside .free-learning-bonus-card-aside-text {
	height: 20px;
	line-height: 20px;
	font-size: 14px
}

.free-learning-bonus-card.type-dialog.is-mobile {
	width: 100%;
	height: 80px
}

.free-learning-bonus-card.type-dialog.is-pc {
	width: 372px;
	height: 80px;
	margin: 0 auto 12px
}

.free-learning-bonus-card.type-dialog.is-pc .free-learning-bonus-card-main {
	top: 20px
}

.free-learning-bonus-card.type-dialog.is-pc:last-child {
	margin-bottom: 0
}

.free-learning-bonus-card.type-player {
	width: 100%;
	height: 80px;
	margin-bottom: 12px
}

.free-learning-bonus-card.type-player:last-child {
	margin-bottom: 0
}

.free-learning-bonus-card.type-player .free-learning-bonus-card-image {
	padding: 5px
}

.free-learning-bonus-card.type-player .free-learning-bonus-card-image .free-learning-bonus-card-image-canvas {
	width: 90px;
	height: 70px;
	display: block;
	background-size: cover;
	background-color: #fff;
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 4px;
	overflow: hidden
}

.free-learning-bonus-card.type-player .free-learning-bonus-card-value {
	width: 100px
}

.free-learning-bonus-card.type-player .free-learning-bonus-card-value .free-learning-bonus-card-value-text {
	height: 28px;
	line-height: 28px;
	font-size: 24px;
	font-weight: 700
}

.free-learning-bonus-card.type-player .free-learning-bonus-card-value .free-learning-bonus-card-value-text .free-learning-bonus-card-value-unit {
	font-size: 14px
}

.free-learning-bonus-card.type-player .free-learning-bonus-card-main {
	padding-right: 10px
}

.free-learning-bonus-card.type-player .free-learning-bonus-card-title {
	font-size: 14px;
	line-height: 20px
}

.free-learning-bonus-card.type-player .free-learning-bonus-card-desc {
	font-size: 12px;
	line-height: 14px;
	height: 14px;
	margin-top: 3px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}

.free-learning-bonus-card.type-player .free-learning-bonus-card-tag {
	width: 48px;
	height: 19px
}

.free-learning-bonus-card.type-player .free-learning-bonus-card-aside {
	width: 90px
}

.free-learning-bonus-card.type-player .free-learning-bonus-card-aside .free-learning-bonus-card-aside-text {
	height: 20px;
	line-height: 20px;
	font-size: 14px
}

.free-learning-bonus-card.type-player .free-learning-bonus-card-split-line-bottom,.free-learning-bonus-card.type-player .free-learning-bonus-card-split-line-top {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/arc-black@2x.88713d0c.png)
}

.free-learning-bonus-card.type-player .free-learning-bonus-card-split-line-top {
	top: -1px
}

.free-learning-bonus-card.type-player .free-learning-bonus-card-split-line-bottom {
	bottom: -1px
}

.free-learning-bonus-card.type-player.is-pc .free-learning-bonus-card-main {
	top: 20px
}

.free-learning-bonus-info.is-mobile.type-course {
	padding-bottom: 0;
	height: 106px;
	margin-bottom: 13px;
	overflow: hidden
}

.free-learning-bonus-info.is-mobile.type-course .free-learning-bonus-info-body {
	padding-bottom: 20px
}

.free-learning-bonus-info.is-mobile.type-course.state-course,.free-learning-bonus-info.is-mobile.type-course.state-none {
	height: auto;
	margin-bottom: 0
}

.free-learning-bonus-info.is-mobile.type-course.state-course .free-learning-bonus-info-body,.free-learning-bonus-info.is-mobile.type-course.state-none .free-learning-bonus-info-body {
	padding-bottom: 0
}

.free-learning-bonus-info.is-mobile.type-course .free-learning-bonus-info-button {
	color: #fff;
	background: #f29a4d
}

.free-learning-bonus-info.is-mobile.type-course.state-active .free-learning-bonus-info-button {
	color: #fff;
	background-color: #f9b874;
	background-image: linear-gradient(245deg,#f9b874,#f6a44e)
}

.free-learning-bonus-info.is-mobile.type-course.state-active .free-learning-bonus-info-button:active {
	opacity: .7
}

.free-learning-bonus-card.is-pc {
	border-radius: 4px;
	background-color: #fff6e8;
	background-image: none
}

.free-learning-bonus-card.is-pc .free-learning-bonus-card-main {
	margin-left: 12px;
	-webkit-justify-content: normal;
	justify-content: normal;
	position: relative;
	top: 13px
}

.free-learning-bonus-info.is-pc.type-course {
	width: 560px
}

.free-learning-bonus-info.is-pc.type-course .free-learning-bonus-info-button {
	color: #cdcdcd
}

.free-learning-bonus-info.is-pc.type-course.state-active .free-learning-bonus-info-button {
	color: #23b8ff
}

.free-learning-bonus-card.index-0 .free-learning-bonus-card-tag {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/gift-1@3x.6545b6fc.png)
}

.free-learning-bonus-card.index-1 .free-learning-bonus-card-tag {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/gift-2@3x.dbec22ee.png)
}

.free-learning-bonus-card.index-2 .free-learning-bonus-card-tag {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/gift-3@3x.0a7812da.png)
}

.free-learning-bonus-card.is-pc .free-learning-bonus-card-tag {
	border-radius: 0
}

.free-learning-bonus-card.is-pc.index-0 .free-learning-bonus-card-tag {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/gift-pc-1@3x.51d8462c.png)
}

.free-learning-bonus-card.is-pc.index-1 .free-learning-bonus-card-tag {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/gift-pc-2@3x.fb70201c.png)
}

.free-learning-bonus-card.is-pc.index-2 .free-learning-bonus-card-tag {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/gift-pc-3@3x.09ddeddd.png)
}

.im-message {
	position: relative;
	font-size: 14px;
	color: #333
}

.im-message-item {
	position: fixed;
	z-index: 4000;
	border: 1px solid #ddd;
	padding: 8px 30px;
	box-shadow: 0 1px 3px rgba(99,99,99,.2);
	background: #fff
}

.im-message-item-default i {
	font-size: 24px;
	margin-right: 8px
}

.im-message-item-default i,.im-message-item-default span {
	vertical-align: middle
}

.im-message-item-default .im-icon {
	margin-right: 5px
}

.im-message-item-default .i-info {
	color: #4da9e8
}

.im-message-item-default .i-success {
	color: #5fb41b
}

.im-message-item-default .i-question {
	color: #4ca9e6
}

.im-message-item-default .i-alert {
	color: #e86730
}

.im-message-item-default .icon-loading {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	vertical-align: bottom;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/loading.91b4e9ac.gif) no-repeat;
	background-size: cover
}

.im-message-item-center {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.im-message-item-top {
	left: 50%;
	top: 20px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.im-message-item-left {
	left: 20px
}

.im-message-item-left,.im-message-item-right {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.im-message-item-right {
	right: 20px
}

.im-message-item-bottom {
	bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.im-message-close {
	position: absolute;
	height: 14px;
	right: 10px;
	top: 50%;
	color: #999;
	line-height: 14px;
	margin-top: -7px;
	cursor: pointer
}

.im-message-close .i-close {
	font-size: 14px
}

.im-message-close:hover {
	color: #666
}

.img-viewer-mask {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #000;
	z-index: 100000
}

.img-viewer-content {
	position: fixed;
	top: 50%;
	left: 50%;
	max-width: 760px;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 100001
}

.img-viewer-img {
	max-width: 760px;
	max-height: 560px
}

.img-viewer-title {
	margin-top: 30px;
	font-size: 16px;
	color: #fff;
	line-height: 26px
}

.img-viewer-desc {
	font-size: 14px;
	color: #b5b5b5;
	line-height: 26px
}

.img-viewer-close {
	position: absolute;
	top: -36px;
	right: -36px;
	font-size: 12px;
	width: 12px;
	height: 12px;
	background: transparent;
	color: #fff
}

.img-viewer-close .im-icon {
	font-weight: 700
}

button:focus {
	outline: 0
}

@font-face {
	font-family:DINAlternate-Bold;src:url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/number.99be7303.otf)
}

.free-learning-popup {
	position: relative;
	height: 100%;
	overflow: hidden
}

.free-learning-popup .free-learning-popup-list {
	height: 264px;
	margin-top: 16px
}

.free-learning-popup .free-learning-popup-button {
	position: absolute;
	bottom: 40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	border-radius: 20px;
	background-color: #fff;
	width: 343px;
	background-image: linear-gradient(250deg,#f9b874,#e39543)
}

.free-learning-popup-code {
	margin-top: 35px
}

.free-learning-popup-code .free-learning-popup-code-box {
	width: 340px;
	margin: 0 auto;
	background-color: #f7f7f7;
	border-radius: 10px;
	overflow: hidden
}

.free-learning-popup-code .free-learning-popup-code-title {
	color: #868686;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	height: 20px;
	line-height: 20px;
	margin-top: 28px
}

.free-learning-popup-code .free-learning-popup-code-value {
	font-size: 24px;
	color: #985a00;
	text-align: center;
	height: 32px;
	line-height: 32px;
	font-weight: 700;
	margin-top: 3px;
	font-family: DINAlternate-Bold,-apple-system,BlinkMacSystemFont,Microsoft YaHei UI,Microsoft YaHei,Roboto,Hiragino Sans GB,Source Han Sans CN,Fira Sans,Droid Sans,Helvetica Neue,arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}

.free-learning-popup-code .free-learning-popup-code-line {
	height: 22px;
	position: relative;
	margin-bottom: 22px
}

.free-learning-popup-code .free-learning-popup-code-line .free-learning-popup-code-line-left,.free-learning-popup-code .free-learning-popup-code-line .free-learning-popup-code-line-right {
	top: 36px;
	width: 27px;
	height: 9px;
	pointer-events: none;
	position: absolute;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/arc@2x.ce3c7585.png)
}

.free-learning-popup-code .free-learning-popup-code-line .free-learning-popup-code-line-center {
	left: 0;
	top: 22px;
	width: 100%;
	height: 1px;
	position: absolute;
	background-image: linear-gradient(270deg,transparent 0,transparent 3px,#ddd 0,#ddd 6px);
	background-size: 6px auto
}

.free-learning-popup-code .free-learning-popup-code-line .free-learning-popup-code-line-left {
	left: 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transform-origin: left top;
	transform-origin: left top
}

.free-learning-popup-code .free-learning-popup-code-line .free-learning-popup-code-line-right {
	right: 0;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: right top;
	transform-origin: right top
}

.free-learning-popup-code .free-learning-popup-code-rule {
	text-align: left;
	padding: 0 24px 20px
}

.free-learning-popup-code .free-learning-popup-code-rule p {
	color: #595959;
	font-weight: 700;
	font-size: 12px;
	height: 20px;
	line-height: 20px
}

.free-learning-popup-code .free-learning-popup-code-rule span {
	color: #6c6c6c;
	position: relative;
	display: block;
	padding-left: 17px;
	font-size: 12px;
	line-height: 20px
}

.free-learning-popup-code .free-learning-popup-code-rule span:first-of-type i {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/num1@2x.cc31a2cc.png)
}

.free-learning-popup-code .free-learning-popup-code-rule span:nth-of-type(2) i {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/num2@2x.9fcd11c9.png)
}

.free-learning-popup-code .free-learning-popup-code-rule i {
	top: 3px;
	left: 0;
	width: 14px;
	height: 14px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain
}

.free-learning-popup-code .free-learning-popup-code-qrcode {
	width: 340px;
	margin: 10px auto 0;
	display: -webkit-flex;
	display: flex;
	padding-top: 10px;
	border-top: 1px solid #e7ebf0
}

.free-learning-popup-code .free-learning-popup-code-qrcode img {
	width: 100px;
	height: 100px
}

.free-learning-popup-code .free-learning-popup-code-qrcode p {
	font-size: 14px;
	color: #000;
	margin-left: 10px;
	-webkit-align-self: center;
	align-self: center
}

.free-learning-popup-code .free-learning-popup-code-copy-button {
	display: none
}

.free-learning-popup.is-pc {
	padding-bottom: 20px;
	overflow: visible
}

.free-learning-popup.is-pc:after {
	content: "";
	clear: both;
	display: table
}

.free-learning-popup.is-pc .free-learning-popup-list {
	margin-top: 0;
	height: auto
}

.free-learning-popup.is-pc .free-learning-popup-button {
	left: auto;
	bottom: auto;
	margin: 33px -20px 0 0;
	-webkit-transform: none;
	transform: none;
	position: relative;
	border-radius: 3px;
	background-color: #23b8ff;
	background-image: none;
	width: 144px;
	float: right
}

.free-learning-popup.is-pc .free-learning-popup-code {
	margin-top: 0
}

.free-learning-popup.is-pc .free-learning-popup-code-box {
	border-radius: 0;
	padding-top: 10px
}

.free-learning-popup.is-pc .free-learning-popup-code-box .free-learning-popup-code-title {
	display: inline;
	padding: 0 0 0 20px
}

.free-learning-popup.is-pc .free-learning-popup-code-box .free-learning-popup-code-value {
	display: inline;
	font-size: 14px;
	color: #ff9b00;
	padding: 0 8px
}

.free-learning-popup.is-pc .free-learning-popup-code-box .free-learning-popup-code-line {
	height: 10px;
	margin-bottom: 10px
}

.free-learning-popup.is-pc .free-learning-popup-code-box .free-learning-popup-code-line-left,.free-learning-popup.is-pc .free-learning-popup-code-box .free-learning-popup-code-line-right {
	display: none
}

.free-learning-popup.is-pc .free-learning-popup-code-box .free-learning-popup-code-line-center {
	top: 10px;
	left: 20px;
	right: 20px;
	width: auto
}

.free-learning-popup.is-pc .free-learning-popup-code-box .free-learning-popup-code-copy-button {
	display: inline;
	font-size: 14px;
	color: #23b8ff;
	cursor: pointer
}

.free-learning-popup.is-study .free-learning-popup-code {
	margin-top: 12px
}

.free-learning-popup.is-study .free-learning-popup-code-box {
	text-align: center
}

.free-learning-popup.is-study .free-learning-popup-code-line-left,.free-learning-popup.is-study .free-learning-popup-code-line-right {
	top: 39px;
	width: 34px;
	height: 8px;
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/arc-black@2x.88713d0c.png)
}

.free-learning-popup.is-study .free-learning-popup-code-line-left {
	left: -1px
}

.free-learning-popup.is-study .free-learning-popup-code-line-right {
	right: -1px
}

.free-learning-popup.is-study .free-learning-popup-code-value {
	font-size: 24px;
	color: #ff9b00;
	display: inline;
	padding: 0 8px
}

.free-learning-popup.is-study .free-learning-popup-code-copy-button {
	display: inline;
	font-size: 14px;
	color: #23b8ff;
	cursor: pointer
}

.free-learning-popup.is-study .free-learning-popup-code-qrcode {
	border-top: none
}

.free-learning-popup.is-study .free-learning-popup-code-qrcode p {
	color: #fff
}

.free-learning-popup-contact {
	top: 50%;
	left: 0;
	width: 100%;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.free-learning-popup-contact-tips {
	color: #bbb;
	font-size: 14px;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 15px
}

.free-learning-popup-contact-qrcode {
	display: inline-block;
	min-height: 90px;
	max-height: 180px;
	width: 100%;
	padding: 0 calc((100vw - 150px) / 2);
	text-align: center
}

.free-learning-popup-contact-qrcode img {
	height: 100%;
	width: 100%
}

.freelearning-tt {
	padding-left: 20px
}

.apply-btn-box {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.apply-btn-box .basic-btn-box {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.apply-btn-box .basic-btn-box .general-btn-main.hidden {
	display: none
}

.apply-btn-box.sbtn .general-btn .btn-origin-buy {
	padding: 12px
}

.apply-btn-box.sbtn .general-btn-main {
	padding: 12px 24px
}

.apply-btn-box .btn-study {
	background-color: #2080f7
}

.apply-btn-box .disabled {
	opacity: .3
}

.apply-btn-tip {
	font-size: 14px;
	line-height: 20px;
	color: #586470;
	margin-right: 16px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.apply-btn-tip>a {
	margin-left: 8px;
	color: #2080f7
}

.apply-btn-tip>span {
	font-size: 16px;
	color: #8797a1;
	margin-right: 8px
}

.apply-btn-tip--err>span {
	color: #f23f4e
}

.content---aK4iJG {
	font-size: 14px;
	line-height: 20px;
	color: #8797a1;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	max-width: 480px
}

.content---aK4iJG>ul {
	width: 100%
}

.refundItem---mTnvZI {
	margin-bottom: 24px;
	padding-left: 28px;
	position: relative
}

.refundItem---mTnvZI:last-child {
	margin-bottom: 0
}

.refundItem---mTnvZI>strong {
	display: block;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #3e454d;
	margin-bottom: 8px
}

.refundItemTitle---vdpQPo {
	-webkit-flex-shrink: 0;
	flex-shrink: 0
}

.refundItemTitle---vdpQPo:first-child {
	margin-left: 14px
}

.refundItemDesc---UPEK1M {
	font-size: 12px;
	line-height: 17px;
	color: #667280
}

.refundItemIcon---XRRGCX {
	position: absolute;
	font-size: 16px;
	width: 16px;
	height: 16px;
	left: 0;
	top: 3px;
	color: #2080f7
}

.descListDot---bQzX5i {
	position: absolute;
	top: 0;
	left: 0;
	color: #667280;
	font-weight: 400;
	font-size: 12px;
	line-height: 17px;
	width: 6px
}

.descLine---gz9pWG {
	text-decoration: underline
}

.descLine---gz9pWG:hover {
	cursor: pointer
}

.desc---njwA46>li {
	position: relative;
	margin-bottom: 8px
}

.desc---njwA46>li:last-child {
	margin-bottom: 0
}

.ml18---gp9HSn {
	margin-left: 18px
}

.itemTitle---cbO3Tp {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 4px
}

.left---SAfBRn>strong {
	display: block;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #3e454d
}

.moreRuleContent---aeLilU {
	display: -webkit-flex;
	display: flex;
	height: 16px;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	color: #667280
}

.moreRuleLeft---sDv3i5 {
	font-size: 12px;
	margin-right: 3px;
	color: #667280;
	cursor: pointer
}

.arrow---f6oIsn {
	width: 12px;
	height: 12px;
	background-size: 100% 100%;
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/arrow@2x.b501ad90.png)
}

.tipsTitle---qRGwA3 {
	color: #0f1419;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px
}

.tipsList---G1ySje {
	margin-top: 16px
}

.tipsItem---UWCytR {
	margin-bottom: 16px;
	position: relative;
	margin-left: 20px
}

.tipsItem---UWCytR:before {
	top: 7px;
	left: -18px;
	width: 6px;
	height: 6px;
	content: "";
	border-radius: 50%;
	position: absolute;
	background-color: #a1a9b2
}

.tipsItem---UWCytR:last-child {
	margin-bottom: 0
}

.tipsListTitle---6hKWvU {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3c464f;
	margin-bottom: 4px
}

.tipsListDesc---j0hEzz {
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: #a1a9b2
}

.ke-brand-rights-wrapper .rights-block {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding: 6px 16px 6px 8px;
	height: 32px;
	border-radius: 6px
}

.ke-brand-rights-wrapper .rights-block.h5 {
	padding-right: 8px
}

.ke-brand-rights-wrapper .rights-block.h5 .icon-intro {
	font-size: 12px
}

.ke-brand-rights-wrapper--salary-choice .icon-priv {
	width: 67px;
	height: 22px;
	margin-right: 8px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-priv@salary-choice.ae3037ed.png) 50%/100% no-repeat
}

.ke-brand-rights-wrapper--salary-choice .icon-right {
	margin-left: auto;
	width: 12px;
	height: 12px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-right@salary-choice.5793f364.png) 0 0/100% no-repeat
}

.ke-brand-rights-wrapper--salary-choice .icon-help {
	margin-left: 12px;
	width: 12px;
	height: 12px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-help@salary-choice.83fc29a1.png) 0 0/100% no-repeat
}

.ke-brand-rights-wrapper--salary-choice .rights-block {
	background-color: #fff5e0
}

.ke-brand-rights-wrapper--salary-choice .icon-intro {
	color: #cb913b
}

.ke-brand-rights-wrapper--training-camp .icon-priv {
	width: 67px;
	height: 22px;
	margin-right: 8px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-priv@training-camp.2579692c.png) 50%/100% no-repeat
}

.ke-brand-rights-wrapper--training-camp .icon-right {
	margin-left: auto;
	width: 12px;
	height: 12px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-right@training-camp.899dad15.png) 0 0/100% no-repeat
}

.ke-brand-rights-wrapper--training-camp .icon-help {
	margin-left: 12px;
	width: 12px;
	height: 12px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-help@training-camp.98111f0d.png) 0 0/100% no-repeat
}

.ke-brand-rights-wrapper--training-camp .rights-block {
	background-color: #eafbf5
}

.ke-brand-rights-wrapper--training-camp .icon-intro {
	color: #22ab80
}

.kc-popover.rights-popover .drawer-wrap,.rights-drawer .drawer-wrap {
	border-radius: 12px
}

.kc-popover.rights-popover .drawer-wrap .drawer-header,.rights-drawer .drawer-wrap .drawer-header {
	height: 60px;
	background-position-y: 24px
}

.kc-popover.rights-popover .drawer-wrap .drawer-body,.rights-drawer .drawer-wrap .drawer-body {
	padding-top: 60px;
	padding-bottom: 0
}

.kc-popover.rights-popover .drawer-des,.rights-drawer .drawer-des {
	color: #fff;
	font-size: 12px;
	margin-bottom: 16px;
	text-align: center
}

.kc-popover.rights-popover .drawer-content,.rights-drawer .drawer-content {
	padding: 20px;
	background-color: #fff;
	border-radius: 12px
}

.kc-popover.rights-popover .drawer-content.h5,.rights-drawer .drawer-content.h5 {
	max-height: 60vh;
	padding-top: 24px;
	overflow: auto;
	position: relative;
	padding-bottom: 106px
}

.kc-popover.rights-popover .drawer-content.h5 .list-item-content,.kc-popover.rights-popover .drawer-content.h5 .list-item-content .list-item-description,.rights-drawer .drawer-content.h5 .list-item-content,.rights-drawer .drawer-content.h5 .list-item-content .list-item-description {
	overflow: visible
}

.kc-popover.rights-popover .drawer-content.h5 .kc-certificate,.rights-drawer .drawer-content.h5 .kc-certificate {
	height: calc((100vw - 76px) * .683);
	margin: 12px -30px 0
}

.kc-popover.rights-popover .drawer-list .list-item,.rights-drawer .drawer-list .list-item {
	padding: 0
}

.kc-popover.rights-popover .drawer-list .list-item-center,.rights-drawer .drawer-list .list-item-center {
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: normal;
	justify-content: normal
}

.kc-popover.rights-popover .drawer-list .list-item-content,.rights-drawer .drawer-list .list-item-content {
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center
}

.kc-popover.rights-popover .drawer-list .list-item+.list-item,.rights-drawer .drawer-list .list-item+.list-item {
	margin-top: 24px
}

.kc-popover.rights-popover .drawer-list .list-item-title,.rights-drawer .drawer-list .list-item-title {
	color: #3c464f;
	font-weight: 700
}

.kc-popover.rights-popover .drawer-list .list-item-description,.rights-drawer .drawer-list .list-item-description {
	color: #586470;
	font-size: 12px;
	white-space: unset
}

.kc-popover.rights-popover .drawer-list .list-item-description-item,.rights-drawer .drawer-list .list-item-description-item {
	display: inline-block
}

.kc-popover.rights-popover .drawer-list .list-item-description-item.dots,.rights-drawer .drawer-list .list-item-description-item.dots {
	display: block;
	margin-bottom: 5px;
	position: relative;
	padding-left: 10px
}

.kc-popover.rights-popover .drawer-list .list-item-description-item.dots:last-child,.rights-drawer .drawer-list .list-item-description-item.dots:last-child {
	margin-bottom: 0
}

.kc-popover.rights-popover .drawer-list .list-item-description-item.dots:before,.rights-drawer .drawer-list .list-item-description-item.dots:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: currentcolor;
	opacity: .5
}

.kc-popover.rights-popover .drawer-list .list-item-icon,.rights-drawer .drawer-list .list-item-icon {
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-right: 12px;
	width: 20px;
	height: 20px;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto
}

.kc-popover.rights-popover .drawer-list .list-item-more,.rights-drawer .drawer-list .list-item-more {
	margin-left: 6px;
	cursor: pointer
}

.kc-popover.rights-popover .btn-cover,.rights-drawer .btn-cover {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 6px 16px 46px;
	background-color: #fff
}

.kc-popover.rights-popover .opacity-cover,.rights-drawer .opacity-cover {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 96px;
	z-index: -1;
	height: 180px;
	background: linear-gradient(hsla(0,0%,100%,0),#fff)
}

.kc-popover.rights-popover .drawer-btn,.rights-drawer .drawer-btn {
	border-radius: 24px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: 44px
}

.kc-popover.rights-popover .rc-tooltip-arrow,.rights-drawer .rc-tooltip-arrow {
	left: -11px;
	margin-top: -12px;
	border-width: 12px 12px 12px 0
}

.kc-popover.rights-popover .rc-tooltip-arrow:after,.rights-drawer .rc-tooltip-arrow:after {
	border-width: 12px 12px 12px 0
}

.kc-popover.rights-popover--salary-choice .drawer-header,.kc-popover.rights-popover--salary-choice .drawer-tt,.rights-drawer--salary-choice .drawer-header,.rights-drawer--salary-choice .drawer-tt {
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-drawer-hd@salary-choice.479013a9.png) 50%/101px 20px no-repeat
}

.kc-popover.rights-popover--salary-choice .list-item:before,.rights-drawer--salary-choice .list-item:before {
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-id@salary-choice.e5087e52.png) 50%/100% no-repeat
}

.kc-popover.rights-popover--salary-choice .drawer-body:before,.kc-popover.rights-popover--salary-choice .rc-tooltip-inner:before,.rights-drawer--salary-choice .drawer-body:before,.rights-drawer--salary-choice .rc-tooltip-inner:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	margin-left: 12px;
	width: 240px;
	height: 130px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-priv-corner@salary-choice.1845a021.png) 0 0/100% no-repeat
}

.kc-popover.rights-popover--salary-choice .drawer-wrap,.kc-popover.rights-popover--salary-choice .rc-tooltip-inner,.rights-drawer--salary-choice .drawer-wrap,.rights-drawer--salary-choice .rc-tooltip-inner {
	background: linear-gradient(161.13deg,#b78443,#ffe0a4 98.05%)
}

.kc-popover.rights-popover--salary-choice .drawer-wrap .drawer-btn,.kc-popover.rights-popover--salary-choice .rc-tooltip-inner .drawer-btn,.rights-drawer--salary-choice .drawer-wrap .drawer-btn,.rights-drawer--salary-choice .rc-tooltip-inner .drawer-btn {
	background: linear-gradient(270deg,#f3c476,#b78443 98.81%)
}

.kc-popover.rights-popover--salary-choice .drawer-wrap .list-item-more,.kc-popover.rights-popover--salary-choice .rc-tooltip-inner .list-item-more,.rights-drawer--salary-choice .drawer-wrap .list-item-more,.rights-drawer--salary-choice .rc-tooltip-inner .list-item-more {
	color: #cb913b
}

.kc-popover.rights-popover--salary-choice .rc-tooltip-arrow:after,.rights-drawer--salary-choice .rc-tooltip-arrow:after {
	border-right-color: #d5a96d
}

.kc-popover.rights-popover--training-camp .drawer-header,.kc-popover.rights-popover--training-camp .drawer-tt,.rights-drawer--training-camp .drawer-header,.rights-drawer--training-camp .drawer-tt {
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-drawer-hd@training-camp.df84d4bd.png) 50%/101px 20px no-repeat
}

.kc-popover.rights-popover--training-camp .list-item:before,.rights-drawer--training-camp .list-item:before {
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-id@training-camp.32d446e2.png) 50%/100% no-repeat
}

.kc-popover.rights-popover--training-camp .drawer-body:before,.kc-popover.rights-popover--training-camp .rc-tooltip-inner:before,.rights-drawer--training-camp .drawer-body:before,.rights-drawer--training-camp .rc-tooltip-inner:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	margin-left: 12px;
	width: 240px;
	height: 130px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-priv-corner@training-camp.d7970a5d.png) 0 0/100% no-repeat
}

.kc-popover.rights-popover--training-camp .drawer-wrap,.kc-popover.rights-popover--training-camp .rc-tooltip-inner,.rights-drawer--training-camp .drawer-wrap,.rights-drawer--training-camp .rc-tooltip-inner {
	background: linear-gradient(90deg,#41c2f7,#00b87e 62.4%)
}

.kc-popover.rights-popover--training-camp .drawer-wrap .drawer-btn,.kc-popover.rights-popover--training-camp .rc-tooltip-inner .drawer-btn,.rights-drawer--training-camp .drawer-wrap .drawer-btn,.rights-drawer--training-camp .rc-tooltip-inner .drawer-btn {
	background: linear-gradient(90deg,#41c2f7,#2dd192 50.15%)
}

.kc-popover.rights-popover--training-camp .drawer-wrap .list-item-more,.kc-popover.rights-popover--training-camp .rc-tooltip-inner .list-item-more,.rights-drawer--training-camp .drawer-wrap .list-item-more,.rights-drawer--training-camp .rc-tooltip-inner .list-item-more {
	color: #22ab80
}

.kc-popover.rights-popover--training-camp .rc-tooltip-arrow:after,.rights-drawer--training-camp .rc-tooltip-arrow:after {
	border-right-color: #42c9eb
}

.rights-popover {
	max-width: 480px
}

.rights-popover .rc-tooltip-inner {
	position: relative;
	padding: 24px
}

.rights-popover .rc-tooltip-inner .drawer-tt {
	height: 20px;
	display: block;
	margin-bottom: 16px
}

.rights-popover .rc-tooltip-inner .drawer-list .list-item+.list-item {
	margin-top: 16px
}

.certificate-popover {
	font-size: 16px;
	width: 448px;
	color: #0f1419
}

.certificate-popover .rc-tooltip-inner {
	padding: 24px;
	height: 320px
}

.certificate-popover .certificate-popover__label {
	margin-bottom: 8px
}

.list-item-wrapper {
	position: relative;
	width: 100%;
	height: 68px;
	font-size: 16px;
	border-top: 1px solid #f6f6f6;
	border-bottom: 1px solid #f6f6f6;
	background-color: #fff
}

.list-item-wrapper>p {
	width: 70%;
	padding-left: 28px;
	color: #000;
	line-height: 68px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/employmentRights.c356f8b7.png) 0 no-repeat;
	background-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: normal;
	white-space: nowrap
}

.list-item-wrapper>.list-item-btn {
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.list-item-wrapper>.list-item-btn>a {
	padding: 5px 11px;
	border: 1px solid #2196f3;
	font-size: 14px;
	color: #2196f3;
	background-color: #fff
}

.list-item-wrapper-mobile {
	height: 44px;
	font-size: 12px
}

.list-item-wrapper-mobile>p {
	width: 75%;
	padding-left: 42px;
	color: #192630;
	line-height: 44px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/employmentRights.c356f8b7.png) 15px no-repeat;
	background-size: 16px
}

.list-item-wrapper-mobile>.list-item-btn {
	right: 20px
}

.list-item-wrapper-mobile>.list-item-btn>a {
	border: 1px solid #f3f5f6;
	border-radius: 13px;
	font-size: 12px;
	color: #7b8996
}

.apply-promise {
	font-size: 14px;
	line-height: 20px;
	color: #8797a1;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center
}

.apply-promise .apply-promise-tt {
	-webkit-flex-shrink: 0;
	flex-shrink: 0
}

.apply-promise .apply-promise-tt:first-child {
	margin-left: 14px
}

.apply-promise .apply-promise-slash {
	margin: 0 5px
}

.apply-promise .apply-promise-slash:first-child {
	visibility: hidden
}

.apply-promise-item {
	margin-bottom: 24px;
	padding-left: 28px;
	position: relative
}

.apply-promise-item:last-child {
	margin-bottom: 0
}

.apply-promise-item>strong {
	display: block;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #3e454d;
	margin-bottom: 4px
}

.apply-promise-desc {
	font-size: 14px;
	line-height: 20px;
	color: #667280
}

.apply-promise-icon {
	position: absolute;
	font-size: 16px;
	width: 16px;
	height: 16px;
	left: 0;
	top: 3px
}

.apply-promise-popup {
	max-width: 480px;
	padding: 16px 14px
}

.apply-promise-popup-con {
	width: 432px;
	margin: 16px 14px
}

.price-container {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.price-container .fontsize-22 {
	margin-right: 16px
}

.price-container .instalment-price {
	font-size: 20px
}

.course-price-info {
	padding-left: 15px
}

.course-price-info.freelearning {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	left: 0;
	top: 0
}

.course-price-info.freelearning .price-container {
	-webkit-text-decoration-line: line-through;
	text-decoration-line: line-through
}

.course-price-info.freelearning .freelearning-icon {
	width: 64px;
	height: 20px;
	margin-left: 6px;
	position: relative;
	background-color: #ff7a38;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	border: .5px solid #ff7a38;
	border-radius: 12px
}

.course-price-info.freelearning .freelearning-icon:after {
	content: "";
	height: 0;
	width: 0;
	overflow: hidden;
	border-right: 6px solid #ff7a38;
	border-top: 6px dashed transparent;
	border-bottom: 6px dashed transparent;
	position: absolute;
	top: 50%;
	left: -4px;
	margin-top: -6px
}

.course-price-apply {
	margin-right: 16px;
	font-weight: 500;
	color: #0f1419;
	font-size: 0
}

.course-price-apply .btn-apply-icon {
	margin-right: 6px;
	font-size: 24px
}

.course-price-apply .btn-apply-icon+span {
	font-size: 16px;
	vertical-align: middle
}

.dividing {
	font-size: 14px;
	line-height: 20px;
	color: #c0c5cc
}

.dividing:first-child,.dividing:last-child {
	display: none
}

.apply-bar.freelearning .apply-bar-main {
	border-top-right-radius: 0
}

.apply-bar.freelearning .apply-bar-prefix,.apply-bar.prefix-filled-mode .apply-bar-prefix {
	height: 32px;
	margin-bottom: 0;
	border-top-right-radius: 12px
}

.apply-bar.freelearning .prefix-extra,.apply-bar.prefix-filled-mode .prefix-extra {
	height: calc(100% - 4px);
	position: relative;
	left: 0;
	top: 4px;
	width: 100%;
	background-color: #fff;
	border-top-right-radius: 12px
}

.apply-bar.freelearning .prefix-extra:after,.apply-bar.prefix-filled-mode .prefix-extra:after {
	content: "";
	position: absolute;
	top: 0;
	left: -39px;
	width: 39px;
	height: 100%;
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABICAYAAAAuyXGLAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALESURBVHgB7Z3dbdVAEIUniAJCBWw6gAowFUAH3A6SDpIKoAOgAugAOoBS6ABnRp4bbaJkYvvauzs755NG1n3I06ez3uOf+IxAM4zjKIdznoHnNc8b/Z30eJy7P3lJoBoqLPF8oEnWoL9nA4GFyaR94vlIk7jVQGABsqXxKG0g0D4ijuec55rn37g9/5HAHcgSd8lzRfc3HqBlNHWXOyUOCdwLTd1bns9U8Bz3gsDJqLwbnj9UeIOCBJ6Airvg+UqVdpYQuBKV957nB1XcpGAJXYHKk93lL6q8w4TAhWTnuy/UABC4gEzeNTUCBM6kRXkCBM6gVXkCBD5Dy/KEMwJPovIOPN+oTUYIfILs0lj1qmAwYgl9hOwKS9WSPgcIfEAmT5KXqHEgMEPlvaIpeYkcAIH3kT2B3A466TmVkkCgoumTqnAgR0Agtd/1LMLXCAddzyJ2D3TS9Szi9kBPXc8ipEBvXc8inECPXc8iYgLddT2LiALddT2LUAJ5+RR57rqeRZgawfLkzaDv1BcxeiDLk/Pdb+rvJZP+eyDLS3z4SZ2+IdS1QJUnyUvUKd0KZHmSOEleoo7pOYHy5HQXXc+iS4FaFw4UgO4EqrwbCkJXNaLTrmfRTw/suOtZ9NEDe+96Fu4FRuh6Fq4FRul6Ft4TGKLrWbgVGKnrWbgUGK3rWbirEQG7noWvHhi061n46YGRu56FC4HRu55F8wLR9Ww8JDB817NoWiC63vM0KxBdbx5NCoS8+TQnEPKW0ZRAyFtOM/+xl+XJbvOKwCKqC8x63kBgMVWXUJY38OEvQd5qqgnUJROXx06k+BKqqcPVlY0olsBx+gjUMXWQtxG7J1A3KfgI1E7sJhDiyrC5QD3HyUcO5dEHiNuZTQSqtHc03TlIBIqxSqDeIR9o2ozIB3wTgSo8KlDPX8dJNH0S+0KPA2FpbIZb/D7htSvzThsAAAAASUVORK5CYII=);background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

.apply-bar-prefix {
	border-radius: 12px 0 12px 0;
	margin-bottom: 4px
}

.apply-bar-prefix,.apply-bar-prefix .prefix-content {
	position: relative;
	left: 0;
	top: 0;
	display: -webkit-flex;
	display: flex
}

.apply-bar-prefix .prefix-content {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	-webkit-align-items: center;
	align-items: center;
	padding-right: 40px
}

.apply-bar-prefix .prefix-content-countdown {
	margin-left: 12px
}

.apply-bar-prefix .prefix-content .kc-countdown {
	position: relative;
	left: 0;
	top: 1px
}

.apply-bar-prefix .prefix-content .kc-countdown,.cover-mask {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.cover-mask {
	position: absolute;
	text-align: center;
	line-height: 1;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #fff;
	background: rgba(0,0,0,.6);
	mix-blend-mode: normal;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	padding: 16px 24px;
	border-radius: 28px;
	cursor: pointer;
	-webkit-justify-content: center;
	justify-content: center
}

.cover-mask-icon>span {
	font-size: 24px;
	color: #fff
}

.cover-mask-gif {
	width: 28px;
	height: 26px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/signal.0dba0551.gif) no-repeat
}

.cover-mask-txt {
	margin-left: 8px;
	font-weight: 500;
	font-size: 16px
}

.cover-pay-wrapper {
	position: relative;
	width: 400px;
	height: 225px;
	border-radius: 12px;
	background-position: 50%;
	background-size: cover;
	box-shadow: 0 3px 12px rgba(0,36,153,.06)
}

.highlight-icon--gold {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-gold-medal@2x.57c74fa4.png)
}

.highlight-icon--silver {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-silver-medal@2x.d17fd4ce.png)
}

.highlight-icon--bronze {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-copper-medal@2x.a3bfdd78.png)
}

.course-channel-specification-tag {
	position: relative;
	font-size: 12px;
	line-height: 16px;
	height: 16px;
	overflow: hidden;
	text-overflow: ellipsis
}

.course-channel-specification-tag p {
	color: #7f7f7f
}

.course-channel-specification-tag .icon {
	height: 16px;
	width: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-right: 1px
}

.course-channel-specification-tag.ext-it-system .icon {
	display: none
}

.course-channel-specification-tag.ext-free-learning .icon {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/free-learning@2x.5df93915.png)
}

.course-channel-specification-tag.ext-good-rank .icon {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/good-rank@2x.86cc9d9b.png)
}

.course-channel-specification-tag.ext-hot-rank .icon {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/hot-rank@2x.6dbc6731.png)
}

.course-channel-specification-tag.ext-training-camp .icon {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/training-camp@2x.189ad658.png)
}

.course-channel-specification-tag.is-page-list {
	margin: 6px 0 4px
}

.course-channel-specification-tag.is-page-index {
	padding-left: 8px;
	margin-bottom: 6px
}

.course-channel-specification-tag.is-page-course {
	margin: 16px 0
}

.course-channel-specification-tag.is-page-course.ext-it-system p {
	color: #e1ad56
}

.course-channel-specification-tag.is-page-course.ext-it-system .icon {
	display: inline-block;
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/it-system@2x.db1a0e3e.png)
}

.course-channel-specification-tag .course-channel-specification-tag-arrow {
	position: absolute;
	top: 0;
	right: 0;
	color: #c9d0d6
}

.icon-css-v {
	width: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.icon-css-v:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	box-sizing: border-box;
	width: 8px;
	height: 8px
}

.icon-css-v--left:after {
	margin-left: 2px;
	border-left: 2px solid;
	border-bottom: 2px solid
}

.icon-css-v--left:after,.icon-css-v--right:after {
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg)
}

.icon-css-v--right:after {
	margin-left: -2px;
	border-top: 2px solid;
	border-right: 2px solid
}

.icon-css-v--top:after {
	margin-top: 2px;
	border-top: 2px solid;
	border-right: 2px solid
}

.icon-css-v--bottom:after,.icon-css-v--top:after {
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg)
}

.icon-css-v--bottom:after {
	margin-top: -2px;
	border-left: 2px solid;
	border-bottom: 2px solid
}

.highlight-icon--itsystem {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/it-system@2x.db1a0e3e.png)
}

.highlight-icon--freelearning {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/free-learning@2x.5df93915.png)
}

.highlight-icon--goodrank {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/good-rank@2x.86cc9d9b.png)
}

.highlight-icon--hotrank {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/hot-rank@2x.6dbc6731.png)
}

.highlight-icon--trainingcamp {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/training-camp@2x.189ad658.png)
}

.train-camp-label:hover {
	color: #2080f7
}

.course-highlights {
	margin-bottom: 16px
}

.highlight-item {
	font-size: 14px;
	line-height: 20px;
	color: #586470;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	margin-right: 24px
}

.highlight-item:last-child {
	margin-right: 0
}

.highlight-icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	background-position: 50%;
	background-size: contain
}

.highlight-item {
	position: relative
}

.highlight-popup .im-popconfirm-content {
	padding: 24px;
	width: 480px
}

.highlight-popup .row {
	margin-bottom: 24px
}

.highlight-popup .row:last-child {
	margin-bottom: 0
}

.highlight-popup .tt {
	font-size: 16px;
	line-height: 22px;
	color: #3e454d;
	margin-bottom: 12px
}

.highlight-popup .desc {
	font-size: 14px;
	line-height: 22px;
	color: #667280
}

.course-banner--pay {
	position: relative;
	overflow: hidden
}

.course-banner--pay .course-banner-hd,.course-banner--pay .course-banner-inner {
	position: relative;
	z-index: calc(0 + 2)
}

.course-banner--pay .course-banner-row {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	z-index: calc(0 + 2)
}

.course-banner--pay .course-banner-row .yanxu-brand {
	margin-bottom: 16px
}

.course-banner--pay .course-banner-row .yanxu-brand img {
	height: 22px
}

.course-banner--pay .course-banner-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/background.308163eb.png);
	background-position: 50%;
	background-color: hsla(0,0%,100%,.9);
	background-size: cover;
	-webkit-filter: blur(96px);
	filter: blur(96px);
	opacity: .3
}

.course-banner--pay .section-left {
	margin-right: 24px
}

.course-banner--pay .section-right .term-switch {
	padding: 0;
	margin-bottom: 16px
}

.course-banner--pay .section-right .term-switch .dropdown {
	background-color: initial
}

.course-banner--pay .section-right .term-switch .dropdown .dropdown-wrap {
	padding: 0;
	background-color: initial;
	height: auto
}

.course-banner--pay .section-right .term-switch .dropdown .dropdown-wrap .training-cycle .training-bd,.course-banner--pay .section-right .term-switch .dropdown .dropdown-wrap .training-cycle .training-tt {
	font-size: 14px
}

.course-banner--pay .section-right .term-switch .dropdown .dropdown-wrap .training-cycle .training-down {
	font-size: 16px
}

.course-banner--pay .section-right .term-switch .dropdown .dropdown-list {
	width: 350px
}

.course-banner--pay .section-right .info-training-data {
	margin-bottom: 16px
}

.course-banner--pay .section-corner {
	position: absolute;
	margin-bottom: 18px;
	bottom: 0;
	right: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.course-banner--pay .section-corner>* {
	margin-left: 12px
}

.course-banner--pay .section-apply {
	position: relative;
	left: 0;
	top: 0
}

.course-banner--pay .section-apply:before {
	content: "";
	position: absolute;
	top: 0;
	left: calc((100% - 100vw) / 2);
	width: 100vw;
	height: 127%;
	background: linear-gradient(180deg,transparent,transparent 41%,#f5f8fa 0)
}

.course-banner--pay .course-title {
	font-size: 24px;
	line-height: 34px;
	color: #0f1419;
	margin-bottom: 16px
}

.course-banner--pay .course-hints,.course-banner--pay .course-title {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.course-banner--pay .course-hints {
	font-size: 14px;
	line-height: 20px;
	color: #586470
}

.course-banner--pay .course-hints>span {
	margin-right: 24px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.course-banner--pay .course-hints>span:last-child {
	margin-right: 0
}

.course-banner--pay .course-hints .num {
	font-size: 17px;
	color: #0f1419;
	margin-right: 4px
}

.course-banner--pay .course-labels {
	margin-bottom: 16px
}

@media only screen and (max-width:1239px) {
	.course-banner--pay .section-apply:before {
		left: -20px;
		width: 1239px
	}
}

.breadcrumb {
	color: #3e454d;
	padding: 4px 0;
	line-height: 20px;
	height: 68px;
	width: 1200px;
	margin-left: auto;
	margin-right: auto
}

.breadcrumb a {
	display: inline-block;
	vertical-align: middle;
	transition: .3s
}

.breadcrumb a:hover {
	color: #2080f7
}

.breadcrumb span {
	margin-right: 8px;
	margin-left: 8px
}

.banner-wrap {
	border-radius: 20px;
	background-color: #fff
}

.banner-wrap.free {
	margin-bottom: 20px
}

.course-banner-hd {
	position: relative
}

.course-banner-hd,.course-banner-inner {
	width: 100%;
	margin: 0 auto
}


.hidden {
	display: none
}

.hack-hidden {
	position: absolute;
	top: -99999px
}

.section-main {
	width: 1200px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.im-popconfirm.im-popconfirm-wrap {
	border-radius: 12px;
	box-shadow: none
}

.ke-btn,button {
	border: none;
	overflow: hidden;
	position: relative;
	background-color: initial;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.ke-btn:after,button:after {
	opacity: 0;
	content: "";
	position: absolute;
	transition: .3s;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.1);
	pointer-events: none
}

.ke-btn:hover:after,button:hover:after {
	opacity: 1
}

.ke-btn:active:after,button:active:after {
	opacity: 1;
	background-color: rgba(0,0,0,.25)
}

.free-learning-dialog .kecomp-dialog {
	background-color: initial;
	min-width: auto
}

.free-learning-dialog.pc .kecomp-dialog {
	width: 302px
}

.free-learning-dialog.pc .close-icon {
	position: absolute;
	top: -13px;
	right: -13px;
	-webkit-transform: translate(100%,-100%);
	transform: translate(100%,-100%);
	font-size: 28px
}

.free-learning-dialog.pc .free-learning-content {
	background-color: #fff5e0;
	height: 344px;
	width: 302px;
	border-radius: 12px;
	text-align: center;
	overflow: hidden
}

.free-learning-dialog.pc .free-learning-content .succ-title {
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	text-align: center;
	color: #0f1419;
	margin-bottom: 28px;
	margin-top: 32px
}

.free-learning-dialog.pc .free-learning-content .card {
	width: 213px
}

.free-learning-dialog.pc .free-learning-content .bottom {
	position: absolute;
	height: 190px;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/cover.77a2bf64.png);
	background-size: contain
}

.free-learning-dialog.pc .free-learning-content .bottom .des {
	font-size: 14px;
	line-height: 18px;
	color: #3e454d;
	margin: 50px 24px 32px;
	opacity: .8
}

.free-learning-dialog.pc .free-learning-content .bottom .button {
	background-color: #ffebc2;
	height: 40px;
	width: 214px;
	border-radius: 20px;
	color: #9e651c;
	font-size: 14px
}

.free-learning-dialog.h5 .kecomp-dialog {
	width: 279px
}

.free-learning-dialog.h5 .close-icon {
	position: absolute;
	bottom: -20px;
	left: 50%;
	-webkit-transform: translate(-50%,100%);
	transform: translate(-50%,100%);
	font-size: 24px
}

.free-learning-dialog.h5 .free-learning-content {
	width: 279px;
	height: 297px;
	background-color: initial;
	border-radius: 12px;
	text-align: center;
	overflow: hidden
}

.free-learning-dialog.h5 .free-learning-content .card {
	width: 100%;
	height: 112px
}

.free-learning-dialog.h5 .free-learning-content .bottom {
	height: calc(100% - 112px);
	background-color: #fff;
	overflow: hidden;
	margin-top: -5px;
	padding: 5px 20px 0;
	box-sizing: initial
}

.free-learning-dialog.h5 .free-learning-content .bottom .succ-title {
	font-size: 18px;
	line-height: 26px;
	color: #0f1419;
	margin-top: 7px;
	margin-bottom: 24px
}

.free-learning-dialog.h5 .free-learning-content .bottom .des {
	margin-bottom: 24px;
	font-size: 14px;
	line-height: 20px;
	color: #667280
}

.free-learning-dialog.h5 .free-learning-content .bottom .button {
	width: 237px;
	height: 40px;
	color: #fff;
	border-radius: 40px;
	background-color: #2080f7;
	font-size: 16px
}

.free-learning-dialog .kecomp-dialog-hd {
	display: none
}

.free-learning-dialog .kecomp-dialog-bd {
	overflow: visible
}

.free-learning-dialog .close-icon {
	color: #fff
}

.contact-text {
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.detail---MteFRW {
	box-shadow: 0 3px 12px rgba(0,36,153,.06);
	width: 820px;
	padding: 24px 20px;
	margin-top: 20px
}

.detail---MteFRW,.get-file {
	background: #fff;
	border-radius: 12px
}

.get-file {
	text-align: left;
	margin: 0 -24px -24px;
	padding: 0 24px 24px;
	position: relative
}

.get-file h3 {
	color: #3e454d;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	margin-bottom: 10px
}

.get-file__list-item {
	font-size: 14px;
	margin: 12px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.get-file__list-item-icon {
	width: 24px;
	height: 24px;
	margin-right: 8px;
	border-radius: 8px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/folder.7711983b.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%
}

.get-file__list-item:nth-child(3n+2) .get-file__list-item-icon {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/template.f13336f0.png)
}

.get-file__list-item:nth-child(3n+3) .get-file__list-item-icon {
	background-image: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/book.7b5c3b2f.png)
}

.get-file__list-item-text {
	width: 188px;
	word-break: break-word;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.get-file__list-item:last-child {
	margin-bottom: 0
}

.get-file__consult {
	margin: 0 -24px -24px;
	padding: calc(24px * 2) 24px 24px;
	background: #f5f7fa;
	border-radius: 0 0 12px 12px
}

.get-file .poor-content {
	display: inline-block;
	max-width: 176px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.get-file .poor-content .get-file-icon {
	width: 24px;
	height: 24px;
	margin-right: 8px;
	border-radius: 8px;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/folder.7711983b.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
	display: inline-block;
	width: 36px;
	height: 36px
}

.get-file .poor-content .get-file-text {
	-webkit-flex: 1;
	flex: 1;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.seo-topics {
	width: 1200px;
	margin: 0 auto;
	padding-top: 36px;
	padding-right: 400px
}

@media only screen and (max-width:1199px) {
	.seo-topics {
		width: 990px;
		padding-right: 170px
	}
}

.seo-topics {
	color: #333
}

.seo-topics-bar {
	gap: 80px;
	margin-bottom: 23px
}

.seo-topics-bar,.seo-topics-tab {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.seo-topics-tab {
	position: relative;
	-webkit-justify-content: center;
	justify-content: center;
	font-weight: 600;
	font-size: 16px;
	height: 22px;
	color: #0f1419
}

.seo-topics-tab.active:after {
	content: "";
	position: absolute;
	width: 24px;
	height: 3px;
	background: #2080f7;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 100%;
	margin-top: 4px;
	border-radius: 13px
}

.seo-topics-content {
	overflow: hidden;
	height: 92px
}

.seo-topics-list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 16px
}

.seo-topics-list a {
	display: inline-block;
	border: 1px solid #e4ebf0;
	border-radius: 8px;
	background: #f5f8fa;
	font-size: 14px;
	line-height: 16px;
	padding: 6px 8px;
	color: #586470
}

.nav-cjol {
	position: fixed;
	top: 0;
	height: 50px;
	background-color: #5075c9;
	width: 100%;
	z-index: 1000
}

.nav-cjol h2 {
	position: absolute;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	left: 140px;
	color: #fff
}

.nav-cjol-back {
	margin-left: 50px
}

.nav-cjol-back:before {
	position: relative;
	display: inline-block;
	top: 2px;
	width: 0;
	left: -25px;
	height: 14px;
	border-left: 1px solid hsla(0,0%,100%,.5);
	content: ""
}

.nav-cjol-judge {
	margin-left: 30px
}

.nav-cjol-cnt {
	width: 1195px;
	margin: 0 auto;
	padding-right: 5px;
	height: 50px;
	line-height: 50px;
	position: relative;
	background: url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/cjol-banner.b0ab8171.jpg) no-repeat -7px 0
}

@media only screen and (max-width:1199px) {
	.nav-cjol-cnt {
		width: 985px
	}
}

.nav-cjol a {
	float: right;
	color: #fff
}

.body-cjol {
	padding-top: 50px
}

.tab {
	position: relative;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	padding: 0 24px;
	text-align: center;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #0f1419;
	cursor: pointer
}

.active {
	font-weight: 700
}

.text {
	color: #667280
}

.text.active {
	color: #2080f7
}

.section-package {
	background: #fff;
	box-shadow: 0 3px 12px rgba(0,36,153,.06);
	width: 820px;
	border-radius: 12px;
	margin: 0 auto 16px;
	overflow: hidden;
	background-color: #fff
}

.section-package:hover .section-package-main .package-course-box .swip-arrow-box {
	display: -webkit-flex;
	display: flex
}

.section-package .section-package-hd {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding: 10px 10px 0 20px
}

.section-package .section-package-hd h2 {
	width: 162px;
	font-weight: 600;
	font-size: 17px;
	line-height: 24px;
	color: #00061a;
	-webkit-flex-shrink: 0;
	flex-shrink: 0
}

.section-package .section-package-hd .section-package-tab {
	background-color: #fff
}

.section-package .section-package-hd .section-package-tab span[class^=indicator] {
	width: 24px;
	bottom: 5px
}

.section-package .section-package-hd .package-tab-item {
	margin: 0;
	padding: 0;
	font-size: 16px;
	transition: .3s;
	cursor: pointer;
	width: 157px;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space: pre-wrap
}

.section-package .section-package-hd .package-tab-item:hover {
	color: #2080f7
}

.section-package .section-package-hd .package-tab-item:first-child {
	margin-left: 0
}

.section-package .section-package-hd .detail-tab[class*=active-] {
	cursor: default
}

.section-package .section-package-hd .detail-tab[class*=active-]:hover {
	color: #0f1419
}

.section-package .section-package-main {
	width: 100%;
	border-radius: 12px;
	margin-top: 3px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	background-color: #f5f8fa;
	position: relative;
	left: 0;
	top: 0
}

.section-package .section-package-main .package-pay-box {
	padding-top: 24px;
	padding-left: 20px;
	width: 200px;
	min-height: 233px;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	position: relative;
	left: 0;
	top: 0
}

.section-package .section-package-main .package-pay-box h3 {
	width: 164px;
	height: 66px;
	font-size: 16px;
	line-height: 22px;
	color: #3e414d;
	font-weight: 500;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.section-package .section-package-main .package-pay-box .package-info-price--new {
	font-size: 16px;
	line-height: 22px;
	color: #667280;
	margin-top: 12px
}

.section-package .section-package-main .package-pay-box .package-info-price--new span {
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #ff7a38
}

.section-package .section-package-main .package-pay-box .package-info-price--new.free {
	color: #ff7a38
}

.section-package .section-package-main .package-pay-box .package-info-price--old {
	font-size: 12px;
	line-height: 17px;
	-webkit-text-decoration-line: line-through;
	text-decoration-line: line-through;
	color: #667280;
	margin-top: 6px
}

.section-package .section-package-main .package-pay-box .package-more {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 6px 24px;
	gap: 10px;
	width: 104px;
	height: 32px;
	background: #2080f7;
	border-radius: 24px;
	font-family: PingFang SC;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	position: absolute;
	left: 20px;
	bottom: 24px
}

.section-package .section-package-main .package-course-box {
	width: 100%;
	min-height: 233px;
	padding: 24px 20px;
	display: -webkit-flex;
	display: flex;
	border-radius: 12px;
	border-top: 1px solid #f5f7fa;
	position: relative;
	left: 0;
	top: 0
}

.section-package .section-package-main .package-course-box .swip-arrow-box {
	display: none;
	position: absolute;
	width: 580px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	-webkit-align-items: center;
	align-items: center
}

.section-package .section-package-main .package-course-box .swip-arrow-box .swip-arrow {
	width: 44px;
	height: 44px;
	background: #fff;
	box-shadow: 0 2px 12px rgba(0,0,0,.15);
	border-radius: 24px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	opacity: .9;
	color: #2080f7;
	font-size: 18px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: absolute;
	transition: all .2s
}

.section-package .section-package-main .package-course-box .swip-arrow-box .swip-arrow.hidden {
	display: none
}

.section-package .section-package-main .package-course-box .swip-arrow-box .swip-arrow:hover {
	opacity: 1
}

.section-package .section-package-main .package-course-box .swip-arrow-box .swip-arrow:active {
	background-color: #f5f8fa
}

.section-package .section-package-main .package-course-box .swip-arrow-box .swip-arrow.left {
	right: 0
}

.section-package .section-package-main .package-course-box .swip-arrow-box .swip-arrow.right {
	left: 0
}

.section-package .section-package-main .package-course-box .course-item {
	width: 180px;
	height: 186px;
	margin-right: 20px
}

.section-package .section-package-main .package-course-box .course-item .kc-course-card-content {
	border: 1px solid #f5f7fa;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding: 8px
}

.section-package .section-package-main .package-course-box .course-item .kc-course-card-name {
	white-space: pre-wrap
}

.section-package .section-package-main .package-course-box .course-item .kc-course-card-cover {
	overflow: hidden
}

.section-package .section-package-main .package-course-box .course-item .kc-course-card-price {
	color: #ff7a38
}

.sticky-apply-nav-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 1000;
	height: 80px;
	background: #fff;
	box-shadow: 0 3px 12px rgba(0,36,153,.06);
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	transition: all .2s;
	min-width: 1200px
}

.sticky-apply-nav-container.hack-hidden {
	opacity: 0;
	top: -80px
}

.sticky-apply-nav-container .sticky-apply-nav-wrapper {
	width: 1200px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.sticky-apply-nav-container .sticky-apply-nav-wrapper .sticky-apply-nav-tabs {
	padding-top: 0
}

.recommend {
	width: 360px;
	padding: 24px 20px;
	position: relative;
	top: 0;
	z-index: calc(100 + 1)
}

.recommend .operate-btn {
	position: absolute;
	height: 28px;
	right: 20px;
	top: calc(24px / 2 + 24px - 14px);
	z-index: 1;
	background: var(--recommend-suggest-text)
}

.recommend .operate-btn span>span:first-child {
	color: #2080f7
}

.recommend .operate-btn--salary-choice span>span:first-child {
	font-size: 14px
}

.recommend .operate-btn--salary-choice span>span:first-child svg {
	color: #f3c476
}

.recommend .operate-btn--salary-choice .consult-btn-text {
	color: #586470
}

.recommend .operate-btn--training-camp span>span:first-child {
	font-size: 14px
}

.recommend .operate-btn--training-camp span>span:first-child svg {
	color: #2cdbb1
}

.recommend .operate-btn--training-camp .consult-btn-text {
	color: #586470
}

.recommend {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 3px 12px rgba(0,36,153,.06)
}

.recommend.fixed {
	transition: top .2s ease-in;
	position: fixed;
	top: 100px
}

.recommend-box {
	position: relative;
	margin-bottom: 20px
}

.recommend-box:last-child {
	margin-bottom: 0
}

.recommend-box .recommend-tt {
	height: 24px;
	font-family: PingFang SC,sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #00061a
}

.recommend-box .course-list .kc-course-card.kc-course-card-row {
	margin-top: 16px
}

.recommend-box .course-list .kc-course-card-cover img {
	width: 142px;
	height: 80px;
	border-radius: 6px
}

.recommend-box .course-list .kc-course-card-content {
	padding: unset;
	height: 84px
}

.recommend-box .course-list .kc-course-card-content .kc-course-card-name {
	width: 166px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: var(--color-grey-dark-2);
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: unset;
	height: 40px
}

.recommend-box .course-list .kc-course-card-content .kc-course-card-footer {
	height: unset
}

.recommend-box .course-list .kc-course-card-content .kc-course-card-footer .kc-coursecard-footer-left {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse
}

.recommend-box .course-list .kc-course-card-content .kc-course-card-footer .kc-coursecard-footer-left .kc-course-card-price {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
	color: #ff7a38;
	height: 16px;
	margin-top: 6px
}

.recommend-box .course-list .kc-course-card-content .kc-course-card-footer .kc-coursecard-footer-left .kc-course-card-student {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: #667280;
	height: 16px;
	margin-top: 4px
}

.recommend-box .flex-col-container {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 16px
}

.recommend-box .flex-col-container .recommend-suggest {
	width: 122px;
	height: 28px;
	background: #f5f6fa;
	border-radius: 24px;
	font-family: PingFang SC,sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: #666c80;
	padding: 5px 16px 3px 34px
}

.coupon {
	border-radius: 8px
}

.coupon .coupon-info {
	width: 0;
	-webkit-flex: 1;
	flex: 1;
	font-size: 14px;
	word-break: break-all
}

.coupon .coupon-ctrl button {
	width: 72px;
	height: auto;
	padding: 0;
	border-radius: 15px;
	border: none;
	font-size: 14px;
	line-height: 30px;
	white-space: nowrap
}

.coupon .coupon-ctrl .coupon-btn-disabled,.coupon .coupon-ctrl .coupon-btn-loading {
	opacity: .5;
	pointer-events: none
}

.coupon .coupon-price {
	display: inline-block;
	font-size: 32px;
	line-height: 1.2;
	font-weight: 500;
	font-style: normal;
	text-align: center;
	white-space: nowrap
}

.coupon .coupon-price i {
	margin-right: 2px;
	font-style: normal;
	font-size: 12px
}

.coupon .coupon-desc,.coupon .coupon-title {
	display: block;
	min-width: 0;
	-webkit-flex: 1;
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.coupon .coupon-title+.coupon-desc {
	margin-top: 6px;
	font-size: 12px
}

.coupon-card {
	height: 80px;
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row
}

.coupon-card .coupon-ctrl,.coupon-card .coupon-info {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	background: #fff
}

.coupon-card .coupon-ctrl {
	width: 30%
}

.coupon-card .coupon-ctrl-wrap {
	width: 100%;
	padding: 10px 10px 10px 2px;
	text-align: center
}

.coupon-card .coupon-info {
	padding: 10px 0
}

.coupon-card .coupon-price {
	width: 80px;
	font-size: 30px;
	font-family: PingFangSC-Medium,sans-serif,-apple-system,BlinkMacSystemFont,Microsoft YaHei UI,Microsoft YaHei,Roboto,Hiragino Sans GB,Source Han Sans CN,Fira Sans,Droid Sans,Helvetica Neue,arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}

.coupon-card .coupon-price.coupon-price-xl {
	width: 95px;
	font-size: 26px
}

.coupon-card .coupon-price.coupon-price-lg {
	width: 88px;
	font-size: 28px
}

.coupon-card .coupon-price.coupon-price-sm {
	width: 73px
}

.coupon-card .coupon-text {
	width: 0;
	-webkit-flex: 1;
	flex: 1;
	margin-right: -5px;
	position: relative;
	z-index: 1
}

.coupon-card .coupon-desc {
	-webkit-transform: scale(.9);
	transform: scale(.9);
	-webkit-transform-origin: top left;
	transform-origin: top left
}

.coupon-card .coupon-gutter {
	position: relative;
	overflow: hidden;
	width: 12px
}

.coupon-card .coupon-gutter-line {
	position: absolute;
	top: 10px;
	bottom: 10px;
	margin: auto;
	width: 100%;
	background: #fff;
	border-color: #e6e6e6
}

.coupon-card .coupon-gutter-line:before {
	content: "";
	display: block;
	border-right: 1px dashed #e6e6e6;
	border-color: inherit;
	height: 100%;
	margin-right: 6px
}

.coupon-card .coupon-gutter:after,.coupon-card .coupon-gutter:before {
	content: "";
	position: absolute;
	z-index: 1;
	left: -5px;
	width: 10px;
	height: 10px;
	margin: auto;
	border-radius: 50%;
	border: 6px solid #fff
}

.coupon-card .coupon-gutter:before {
	top: -9px
}

.coupon-card .coupon-gutter:after {
	bottom: -9px
}

.coupon-pkg {
	padding-top: 18px
}

.coupon-pkg .coupon-pkg-wrap {
	position: relative;
	z-index: 9;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 100%;
	padding: 12px;
	background: #fff;
	border-radius: inherit
}

.coupon-pkg .coupon-pkg-wrap img {
	width: 56px;
	height: 56px;
	margin-right: 8px
}

.coupon-pkg .coupon-pkg-wrap:after,.coupon-pkg .coupon-pkg-wrap:before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 94.43%;
	height: 100%;
	left: 0;
	right: 0;
	margin: auto;
	top: -8px;
	background: inherit;
	border-radius: inherit;
	opacity: .7
}

.coupon-pkg .coupon-pkg-wrap:before {
	width: 87.33%;
	top: -16px;
	opacity: .4
}

.coupon-pkg .coupon-price {
	line-height: 1
}

.coupon-pkg .coupon-ctrl {
	float: right
}

.coupon-popup {
	position: fixed;
	top: -100%;
	bottom: -100%;
	right: 0;
	left: 0;
	width: 100%;
	z-index: 4000
}

@media screen and (max-width:768px) {
	.coupon-popup {
		z-index: 10020
	}
}

.coupon-popup.coupon-popup-closing>.coupon-popup-mask {
	display: none
}

.coupon-popup.coupon-popup-closing .coupon-popup-wrap {
	-webkit-transform: translate(-50%,-50%) scale(0);
	transform: translate(-50%,-50%) scale(0)
}

.coupon-popup>.coupon-popup-mask {
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.5)
}

.coupon-popup .coupon-popup-wrap {
	position: fixed;
	top: 50%;
	left: 50%;
	max-width: 98%;
	min-width: 310px;
	border-radius: 16px;
	background: #ff0042;
	transition: all .5s;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.coupon-popup .coupon-popup-header {
	position: relative;
	z-index: 9;
	height: 84px
}

.coupon-popup .coupon-popup-header img {
	position: absolute;
	width: 100%;
	bottom: -10px;
	left: 0
}

.coupon-popup .coupon-popup-inner {
	padding: 18px 12px 12px
}

.coupon-popup .coupon-popup-body {
	position: relative;
	border-radius: inherit;
	overflow: hidden
}

.coupon-popup .coupon-popup-body .coupon-popup-scroll {
	max-height: 310px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.coupon-popup .coupon-popup-body .coupon-popup-scroll .coupon-popup-footer {
	height: 86px
}

.coupon-popup .coupon-popup-body .coupon-popup-mask {
	position: absolute;
	z-index: 9;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	border-radius: 0 0 16px 16px;
	background: linear-gradient(180deg,rgba(225,68,68,0),#e14444)
}

.coupon-popup .coupon-popup-footer .coupon-popup-mask {
	bottom: 86px;
	height: 24px;
	background: linear-gradient(180deg,rgba(225,68,68,0),rgba(225,68,68,.3))
}

.coupon-popup .coupon-popup-footer .coupon-popup-inner {
	position: absolute;
	z-index: 9;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 21px 12px;
	background: #ff0042;
	border-radius: 0 0 16px 16px
}

.coupon-popup .coupon-popup-footer button {
	display: block;
	width: 100%;
	border-radius: 22px;
	padding: 0;
	border: none;
	outline: none;
	font-size: 16px;
	line-height: 44px;
	background: #fff;
	color: #ff0042
}

.coupon-popup .coupon-popup-close {
	position: absolute;
	bottom: -50px;
	left: 0;
	right: 0;
	margin: auto;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(0,0,0,.3);
	color: #fff;
	text-align: center
}

.coupon-popup .coupon-popup-close .icon {
	vertical-align: initial
}

.coupon-popup .coupon-popup-list li+li {
	margin-top: 8px
}

.coupon-popup .coupon-btn-icon img {
	width: 24px;
	height: 24px
}

.coupon-popup .coupon-card .coupon-ctrl {
	position: relative;
	overflow: hidden
}

.coupon-icon-received {
	position: absolute;
	bottom: -11px;
	right: -11px;
	width: 62px;
	height: 62px;
	line-height: 62px;
	text-align: center;
	border-radius: 50%;
	border: 2px solid #ff0042;
	color: #ff0042;
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg);
	font-size: 12px
}

.coupon-icon-received:after {
	content: "";
	position: absolute;
	width: 90%;
	height: 90%;
	top: 3%;
	left: 3%;
	border-radius: 50%;
	border: 1px solid;
	border-color: inherit
}

.drawer-notice.drawer-visible .drawer-wrap {
	top: 20px
}

.drawer-notice .drawer-mask {
	display: none
}

.drawer-notice .drawer-wrap {
	background: none
}

.drawer-notice .drawer-body {
	padding: 0 16px 16px
}

.coupon-notice {
	padding: 12px;
	border-radius: 8px;
	box-shadow: 0 0 8px 0 rgba(0,0,0,.2)
}

.coupon-notice .coupon-card {
	height: 64px
}

.coupon-notice .coupon-card .coupon-ctrl {
	width: auto;
	min-width: 65px
}

.coupon-notice .coupon-notice-title {
	margin-bottom: 4px;
	font-size: 14px;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.coupon-notice .coupon-notice-icon {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-right: 4px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top
}

.coupon-notice .coupon-notice-desc {
	font-size: 14px;
	line-height: 20px
}

.coupon-notice-text {
	position: relative;
	background: #fff;
	color: #000;
	overflow: hidden
}

.coupon-notice-text .coupon-notice-icon {
	width: 24px;
	height: 24px;
	margin-right: 8px
}

.coupon-notice-text .coupon-notice-title {
	font-size: 16px;
	font-weight: 500
}

.coupon-notice-text .coupon-notice-footer {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.coupon-notice-text .coupon-notice-desc {
	padding: 0 12px 0 32px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.coupon-notice-text .coupon-notice-ctrl {
	white-space: nowrap;
	-webkit-flex: 1;
	flex: 1;
	text-align: right
}

.coupon-notice-text .coupon-notice-ctrl .coupon-icon-wrap {
	min-width: 40px
}

.coupon-notice-text .coupon-notice-ctrl button {
	padding: 0 10px;
	line-height: 30px;
	font-size: 14px;
	border-radius: 15px;
	border: none
}

.coupon-receive-toast {
	z-index: 5000
}

.coupon-receive-toast .s-toast {
	max-width: 98%;
	padding: 10px 16px;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.5;
	white-space: nowrap
}

.coupon-popup .coupon-popup-header {
	height: 92px
}

.coupon-popup .coupon-popup-body .coupon-popup-scroll {
	overflow: visible;
	overflow: initial
}

.coupon-popup .coupon-popup-wrap {
	width: 410px
}

.coupon-popup .coupon-card .coupon-price {
	width: 108px
}

.rebate-modal-container {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 4000
}

.rebate-modal-container .rebate-modal-bg {
	height: 100%;
	width: 100%;
	background: #000;
	opacity: .4
}

.rebate-modal-container .rebate-modal {
	position: absolute;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	width: 450px;
	height: 280px;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.rebate-modal-container .rebate-modal-close {
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	cursor: pointer
}

.rebate-modal-container .rebate-modal-btn {
	position: absolute;
	display: inline-block;
	bottom: 20px;
	left: 95px;
	width: 260px;
	height: 90px;
	cursor: pointer
}

.obn-container {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 100px;
	background-color: #f94257;
	z-index: calc(2000 - 1)
}

.obn-container .obn-main {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 100%
}

.obn-container .obn-qrcode {
	position: absolute;
	display: inline-block;
	bottom: -8px;
	right: 40px;
	width: 108px;
	height: 108px;
	background-color: #f94257;
	border-radius: 5px
}

.obn-container .obn-qrcode img {
	margin: 5px auto 0
}

.obn-container .obn-close {
	position: absolute;
	display: inline-block;
	right: -42px;
	bottom: 29px;
	width: 42px;
	height: 42px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	background-color: #f94257;
	cursor: pointer
}

.obn-container .obn-close .i-close {
	line-height: 42px;
	font-size: 24px
}

.obn-container .obn-close:hover {
	opacity: .8
}


	/* 底部 */
/*			.bottom {
				margin-top: 60px;
				width: 100%;
				display: flex;
				flex-direction: column;
				align-items: center;
				background: #232323;
			}

			.bottom-top {
				width: 90%;
				color: #FFF;
				height: 60px;
				display: flex;
				align-items: center;
				border-bottom: 1px solid #565656;
			}

			.bottom-top span {
				color: #D20001;
				margin-right: 40px;
			}

			.bottom-btm {
				width: 90%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 20px 0;
			}

			.bottom-left {
				height: 180px;
				display: flex;
				flex-direction: column;
				justify-content: space-evenly;
				color: #FFF;
			}

			.bottom-list {
				height: 140px;
				display: flex;
				flex-direction: column;
				justify-content: space-evenly;
				font-size: 14px;
				color: #565656;
			}

			.bottom-list span {
				color: #D20001;
			}

			.bottom-right {
				width: 250px;
				height: 140px;
				display: flex;
				justify-content: space-between;
				color: #FFF;
			}

			.bottom-right>div {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: space-between;
			}

			.code {
				width: 100px;
				height: 100px;
				background: #FFF;
			}

			.service {
				display: flex;
				width: 100%;
				flex-direction: column;
				align-items: center;
				background: #f4f4f4;
				padding: 20px 0 50px 0;
				margin-top: 30px;
			}

			.service .box {
				width: 80%;
			}

			.bottom-text {
				width: 90%;
				height: 40px;
				display: flex;
				align-items: center;
				color: #565656;
				border-top: 1px solid #848484;
				font-size: 14px;
			}

		*/	/* 底部结束 */
			.mainBox {
				width: 80%;
				display: flex;
				justify-content: space-between;
			}

			.crumb {
				width: 80%;
				height: 30px;
				display: flex;
				align-items: center;
				color: #848484;
				margin: 10px 0;
			}

			.crumb a {
				font-weight: bold;
				font-size: 14px;
				color: #232323;
			}

			.crumb span {
				color: #666666;
				font-size: 14px;
			}

			.crumb a,
			.crumb span {
				margin: 0 10px;
			}

			.main {
				/*background: rgba(248, 248, 248, 1);*/
			}

			.mainBox {
				width: 80%;
				display: flex;
				justify-content: space-between;
			}

			.main-left {
				width: 73%;
				display: flex;
				flex-direction: column;
				align-items: center;
			}

			.main-right {
				width: 25%;
				display: flex;
				flex-direction: column;
			}

			.left_1 {
				width: 100%;
				display: flex;
				flex-direction: column;

				border-radius: 5px;
				background: #fff;
			}

			.left_1-box {
				width: 90%;
				margin: 5%;

			}

			.left_1-title-box {
				width: 100%;
				display: flex;
				flex-direction: column;
				padding: 0 0 30px 0;
				border-bottom: 1px solid #eee;
				margin-bottom: 40px;
			}

			.left_1-title {
				font-size: 24px;
				font-weight: 700;
			}

			.left_1-text {
				margin-top: 15px;
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.left_1-text>div:nth-child(2) {
				color: #666666;
			}

			.left_1-content {
				width: 100%;
				display: flex;
				flex-direction: column;
			}





			.left_4 {
				width: 100%;

				border-radius: 5px;
				background: #fff;
				margin-top: 20px;
			}

			.left_4-box {
				width: 90%;
				margin: 5%;
				display: flex;
				flex-direction: column;
			}

			.left_4-comment {
				width: 100%;
				position: relative;
				height: 135px;
			}

			.left_4-comment-input {
				max-width: 100%;
				max-height: 135px;
				width: 100%;
				height: 100%;
				min-height: 135px;
				min-width: 100%;
			}

			.comment-btn {
				position: absolute;
				right: 10px;
				bottom: 10px;

			}

			.comment-btn button {
				width: 70px;
				height: 40px;
				background: #409eff;
				color: #fff;
				border: none;
				outline: none;
				cursor: pointer;
				border-radius: 5px;
			}

			.comment-btn span {
				font-size: 14px;
				color: #999;
			}

			.notLoggedIn {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 305px;
				background: rgba(0, 0, 0, 0.5);
				display: flex;
				justify-content: center;
				align-items: center;
				color: #fff;
			}

			.notLoggedIn button {
				width: 70px;
				height: 40px;
				border-radius: 5px;
				outline: none;
				border: none;
				background: #ff9c00;
				color: #fff;
				margin-right: 30px;
				cursor: pointer;
			}

			.popularComments {
				width: 100%;
				display: flex;
				flex-direction: column;
				margin: 15px 0;
			}

			.popularComments-title {
				color: #000;
				font-weight: 700;
				font-size: 24px;
				display: flex;
				align-items: center;
				height: 35px;
			}

			.popularComments-title span {
				margin-right: 5px;
				height: 30px;
			}

			.popularComments-title span img {
				width: 26px;
				height: 30px;
			}

			.popularComments-box {
				width: 100%;
				min-height: 60px;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.popularComments-content {
				width: 90%;
				margin: 5%;
			}

			.popularComments-item {
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				border-bottom: 1px solid #eee;
				padding-bottom: 30px;
				margin: 20px 0;
			}

			.popularComments-item-img {
				width: 57px;
				height: 57px;
			}

			.popularComments-item-img img {
				width: 100%;
				height: 100%;
				border-radius: 50%;
			}

			.popularComments-item-textGroup {
				width: calc(100% - 70px);
				display: flex;
				flex-direction: column;
			}

			.popularComments-item-name-thumbs {
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				color: #666666;
			}

			.popularComments-item-pointer {
				display: flex;
				align-items: center;
			}

			.popularComments-item-pointer .icon {
				fill: #666666;
				width: 16px;
				height: 16px;
			}

			.popularComments-item-name-time {
				margin: 18px 0;
				color: #666666;
				font-size: 14px;
			}

			.popularComments-item-name-text {
				color: #232323;
			}


			.right_1 {
				width: 100%;

				border-radius: 5px;
				background: #fff;
			}

			.right_1-box {
				width: 90%;
				margin: 5%;
			}

			.right_1-top {
				width: 100%;
				height: 62px;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.right_1-top img {
				width: 62px;
				height: 62px;
			}

			.right_1-text {
				width: calc(100% - 80px);
			}

			.right_1-text>div:nth-child(1) {
				font-size: 20px;
				color: #000;
			}

			.right_1-text>div:nth-child(2) {
				font-size: 14px;
				color: #ffffff;
				background: #409eff;
				width: 70px;
				height: 24px;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 5px;
			}

			.right_1-bottom {
				display: -webkit-box;
				-webkit-line-clamp: 2;
				/* 设置显示两行文字 */
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
				line-height: 2;
				font-size: 14px;
				color: #666666;
				letter-spacing: 1px;
			}

			.right_2 {
				width: 100%;
				border-radius: 5px;
			}

			.right_2-item {
				margin-top: 20px;
				background: #fff;

			}

			.right_2-title {
				color: #000;
				font-size: 24px;
				font-weight: 600;
				display: flex;
				align-items: center;
				padding: 28px 0;
			}

			.right_2-title>div:nth-child(1) {
				margin: 0 10px;
				width: 27px;
				height: 27px;
				border-radius: 5px;
				background: #ff9c00;
				color: #FFF;
				display: flex;
				justify-content: center;
				align-items: center;
				font-weight: 300;
			}

			.right_2-img {
				width: 100%;
			}

			.right_2-img img {
				width: 100%;
				border-radius: 5px 5px 0 0;
			}

			.right_2-item-box {
				width: 100%;
				display: flex;
				flex-direction: column;
				align-items: center;
				padding-bottom: 15px;
			}

			.right_2-item-title {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				word-wrap: break-word;
				word-break: break-all;
				width: 100%;
				font-size: 18px;
				font-weight: 400;
				color: #000;
				margin: 10px 0;
			}
			.right_2-item-box>div:not(.right_2-img){
				width: 90%;
			}
			.right_2-item-bot{
				display: flex;
				justify-content: space-between;
				margin: 0 0 25px 0;
				color: #666666;
			}
			.right_2-item-bot .like{
				display: flex;
				align-items: center;
			}
			.right_2-item-bot .like>div{
				display: flex;
				align-items: center;
				margin: 0 3px;
			}
			.like .icon{
				width: 16px;
				height: 16px;
				fill: #666666;
			}
			.right_2-item-venue{
				display: flex;
				justify-content: space-between;
				align-items: center;
				font-size: 14px;
			}
			.right_2-item-venue-left{
				display: flex;
				align-items: center;
				color: #777;
			}
			.right_2-item-venue-left img{
				width: 32px;
				height: 32px;
				border-radius: 50%;
			}
			.right_2-item-time{
				color: #777;
			}