.hui-icon-carat-d:before {
	content: "\E80B"
}

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

a {
	background-color: transparent
}

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

img {
	border: 0
}

li,p,ul {
	padding: 0;
	margin: 0
}
pre{
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    overflow: auto;
    word-break: break-all;
    word-wrap: break-word;
}
@font-face {
	font-family:hui-font;src:url(../_/common/font/hui-font-36016.eot);src:url(../_/common/font/hui-font-36016.eot#iefix) format("embedded-opentype"),url(../_/common/font/hui-font-20046.woff) format("woff"),url(../_/common/font/hui-font-de3d3.ttf) format("truetype"),url(../_/common/font/hui-font-ba049.svg#hui-font) format("svg");font-weight:400;font-style:normal
}[class*=" hui-icon-"]:before {
	font-family: hui-font;
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

* {
	-webkit-tap-highlight-color: rgba(255,255,255,0)
}

html>body {
	background-color: #f5f5f5;
	min-height: 100%;
	width: 100%;
	color: #666;
	font-size: 14px;
	font-family: -apple-system,PingFang SC,Helvetica Neue,STHeiti,Microsoft Yahei,Tahoma,Simsun,sans-serif
}

html>body {
	max-width: 800px;
	margin: 0 auto
}

img {
	border: none
}

a {
	outline: 0
}

a {
	text-decoration: none
}[class*=" icon-"],[class^=icon-] {
	display: inline-block;
	vertical-align: middle
}

[class*=icon-] {
	vertical-align: middle
}

li,ul {
	list-style: none
}

body {
	padding-bottom: 1.28rem;
	box-sizing: border-box;
	background-color: #f7f7f7
}

.item-info {
	padding: 0 .3733rem 0 .4267rem;
	background-color: #fff
}

.item-info img {
	max-width: 100%
}

.item-info .item-name {
	margin: 0;
	height: 1.04rem;
	line-height: 1.04rem;
	font-size: .4267rem;
	color: #333;
	padding-left: .2667rem;
	position: relative
}

.item-info .item-name:before {
	content: "";
	position: absolute;
	left: 0;
	top: .3467rem;
	width: .08rem;
	height: .3733rem;
	background: #68c04a
}

.item-info .item-name:after {
	content: "";
	display: block;
	position: absolute;
	background: #e6e6e6;
	z-index: 2;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	height: 1px;
	left: 0;
	right: 0;
	top: auto;
	bottom: 0
}

@media (-webkit-device-pixel-ratio:2) {
	.item-info .item-name:after {
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5)
	}
}

@media (-webkit-device-pixel-ratio:3) {
	.item-info .item-name:after {
		-webkit-transform: scaleY(.33);
		transform: scaleY(.33)
	}
}

.rich-text-wrapper {
	margin-top: .32rem;
	border-bottom: 1px solid transparent;
	overflow: hidden
}

.rich-text-wrapper p {
	line-height: .5867rem
}

.list {
	padding: 0;
	margin: 0;
	list-style: none
}

.list>li {
	position: relative
}

.list>li:after {
	content: "";
	display: block;
	position: absolute;
	background: #e6e6e6;
	z-index: 2;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	height: 1px;
	left: 0;
	right: 0;
	top: auto;
	bottom: 0;
	height: 0;
	background: transparent
}

@media (-webkit-device-pixel-ratio:2) {
	.list>li:after {
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5)
	}
}

@media (-webkit-device-pixel-ratio:3) {
	.list>li:after {
		-webkit-transform: scaleY(.33);
		transform: scaleY(.33)
	}
}

.tab-content .tab-basic-info {
	width: 100%;
	overflow: hidden
}

.widget-card {
	margin-bottom: 8px;
	padding: 0;
	background: #fff
}

.cover-area.class-img {
	line-height: 0;
	position: relative;
	width: 100%;
	overflow: hidden
}

.cover-area.class-img .videl-bg {
	margin: 0 auto;
	width: 100%;
	height: 60vw
}

.title-area {
	padding-top: .4267rem;
	padding-bottom: .2667rem
}

.title-area .class-title {
	font-size: .4267rem;
	line-height: .64rem;
	color: #333;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.title-area .class-title {
	margin: 0;
	word-break: break-all;
	word-wrap: break-word
}

.select-class-area {
	position: relative;
	background-color: #fff;
	line-height: .5333rem;
	color: #ababab
}

.select-class-area .list-item {
	display: -webkit-box;
	display: flex;
	display: -webkit-flex;
	-webkit-align-content: space-between;
	align-content: space-between;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: .4267rem 0
}

.select-class-area .list-item-title {
	font-size: .3467rem;
	padding-right: .5333rem
}

.select-class-area .list-item-content {
	position: relative;
	max-width: 65%;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	height: 20px
}

.select-class-area .list-item-content .class-name {
	display: inline-block;
	color: #333;
	font-size: 13px;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.target-area {
	padding-top: .48rem
}

.target-area .item-name {
	height: .5867rem;
	line-height: .5867rem;
	font-size: .4267rem;
	padding-left: .2667rem
}

.target-area .item-name:before {
	width: .08rem;
	height: .3733rem;
	left: 0;
	top: .1333rem
}

.target-area .item-name:after {
	height: 0;
	background: transparent
}

.target-area .rich-text-wrapper {
	border-bottom: none;
	padding-bottom: .32rem;
	overflow: hidden
}

.footer-cash-area {
	position: fixed;
	z-index: 1000;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 1.28rem;
	background: #fff;
	box-sizing: border-box
}

.footer-cash-area:before {
	content: "";
	display: block;
	position: absolute;
	background: #e6e6e6;
	z-index: 2;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	height: 1px;
	left: 0;
	right: 0;
	top: 0;
	bottom: auto
}

@media (-webkit-device-pixel-ratio:2) {
	.footer-cash-area:before {
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5)
	}
}

@media (-webkit-device-pixel-ratio:3) {
	.footer-cash-area:before {
		-webkit-transform: scaleY(.33);
		transform: scaleY(.33)
	}
}

.footer-cash-area * {
	box-sizing: border-box
}

.footer-cash-area .hfooter {
	height: 1.28rem;
	line-height: 1.28rem;
	position: relative;
	padding: 0;
	border: 0
}

.footer-cash-area .btn-buy {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 56%!important;
	box-sizing: border-box;
	height: 1.28rem;
	line-height: 1.28rem;
	font-size: .48rem;
	text-align: center;
	padding: 0;
	background: #49b849
}
.footer-cash-area .jyb-btn-line-white {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 96%;
	box-sizing: border-box;
	height: 1rem;
	line-height: 1rem;
	font-size: .30rem;
	text-align: center;
	padding: 0;
	background: #ffffff;
    border: thin;
}
.footer-cash-area .btn,.footer-cash-area .btn:active,.footer-cash-area .btn:focus,.footer-cash-area .btn:hover {
	background: #49b849;
	color: #fff
}

.footer-cash-area .icon-list {
	margin: 0;
	padding: 0!important;
	width: 43%!important;
	height: 100%;
	box-sizing: border-box
}

.footer-cash-area li {
	float: left;
	width: 33%;
	line-height: 1;
	box-sizing: border-box;
	position: relative;
	color: #49b849;
	text-align: center!important;
	padding-top: .08rem
}

.footer-cash-area li:first-child {
	padding-left: .2667rem;
	padding-right: 0
}

.footer-cash-area li a {
	color: #49b849
}

.footer-cash-area li:last-of-type i:before {
	font-weight: 400
}

.footer-cash-area .text {
	font-size: .2667rem;
	padding-top: .08rem;
	position: relative;
	text-align: center
}

.footer-cash-area .consult {
	text-align: center;
	display: inline-block
}

.footer-cash-area .consult i.icon-consult {
	display: block;
	width: .64rem;
	height: .64rem;
	background: url(data:image/png;
	base64,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) 50% no-repeat;background-size: contain
}

.footer-cash-area .phonecall {
	text-align: center;
	display: inline-block
}

.footer-cash-area .phonecall i.icon-phonecall {
	display: block;
	width: .64rem;
	height: .64rem;
	background: url(../product-detail/images/icon_phonecall.png) 50% no-repeat;
	background-size: contain
}

.footer-cash-area .collect {
	text-align: center;
	display: inline-block;
	min-width: .96rem
}

.footer-cash-area .collect i {
	display: inline-block;
	width: .64rem;
	height: .64rem;
	margin: 0 auto
}

.footer-cash-area .collect .hui-icon {
	font-size: .64rem
}

.footer-cash-area .collect i.icon-star {
	background: url(../product-detail/images/icon_star.png) 50% no-repeat;
	background-size: contain
}

@supports (padding:0px) {
	.footer-cash-area {
		box-sizing: content-box!important;
		padding-bottom: constant(safe-area-inset-bottom)!important;
		padding-bottom: env(safe-area-inset-bottom)!important
	}
}

.footer-area {
	position: fixed;
	z-index: 1000;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1.28rem;
	background: #fff;
	box-sizing: border-box
}

.footer-area:before {
	content: "";
	display: block;
	position: absolute;
	background: #e6e6e6;
	z-index: 2;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	height: 1px;
	left: 0;
	right: 0;
	top: 0;
	bottom: auto
}

@media (-webkit-device-pixel-ratio:2) {
	.footer-area:before {
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5)
	}
}

@media (-webkit-device-pixel-ratio:3) {
	.footer-area:before {
		-webkit-transform: scaleY(.33);
		transform: scaleY(.33)
	}
}

.footer-area .hfooter {
	height: 1.28rem;
	line-height: 1.28rem;
	position: relative
}

.footer-area .btn,.footer-area .btn:active,.footer-area .btn:focus,.footer-area .btn:hover {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 66.66667%;
	height: 1.28rem;
	line-height: 1.3067rem;
	background: #49b849;
	font-size: .48rem;
	color: #fff;
	text-align: center
}

@media (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
	.footer-area .btn,.footer-area .btn:active,.footer-area .btn:focus,.footer-area .btn:hover {
		width: 50%
	}
}

@media (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
	.footer-area .btn,.footer-area .btn:active,.footer-area .btn:focus,.footer-area .btn:hover {
		width: 50%
	}
}

.footer-area .icon-list {
	margin: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: 100%;
	padding: 0 .7467rem 0 .6667rem;
	width: 33.33333%;
	box-sizing: border-box
}

@media (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
	.footer-area .icon-list {
		width: 40%
	}
}

@media (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
	.footer-area .icon-list {
		width: 40%
	}
}

.footer-area li {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	line-height: 1;
	position: relative;
	color: #49b849
}

.footer-area li:first-child {
	text-align: left
}

.footer-area li:last-child {
	text-align: right
}

.footer-area li:last-of-type i:before {
	font-weight: 400
}

.footer-area .text {
	font-size: .2667rem;
	padding-top: .08rem;
	position: relative;
	text-align: center
}

.footer-area .collect {
	text-align: center;
	display: inline-block;
	min-width: .96rem
}

.footer-area .collect i {
	font-size: .64rem
}

@supports (padding:0px) {
	.footer-area {
		box-sizing: content-box;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom)
	}
}

.objective-area {
	padding-bottom: .4rem
}

.teacher-info-area ::-webkit-scrollbar {
	display: none
}

.teacher-info-area .teacher-list {
	height: 2.9333rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	overflow: auto;
	margin: 0;
	padding: 0;
	-webkit-overflow-scrolling: touch
}

.teacher-info-area .teacher-list li {
	margin-right: .64rem;
	padding: .32rem 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0
}

.teacher-info-area .teacher-avatar {
	width: 1.7067rem;
	height: 1.7067rem;
	border-radius: 50%
}

.teacher-info-area .teacher-name {
	width: 1.7067rem;
	max-width: 1.7067rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-top: .1067rem;
	text-align: center;
	font-size: .32rem;
	line-height: .4533rem;
	color: #333
}

.evaluation-area {
	position: relative;
	background-color: #fff;
	padding-bottom: .5333rem
}

.evaluation-area .item-name {
	position: relative
}

.evaluation-area .evaluation-count {
	margin: 0 .1067rem 0 .16rem;
	font-weight: 400;
	font-size: .32rem;
	line-height: .4533rem;
	color: #ababab
}

.evaluation-area .evaluation-list li {
	position: relative;
	padding: .5333rem 0
}

.evaluation-area .evaluation-list li:after {
	content: "";
	display: block;
	position: absolute;
	background: #e6e6e6;
	z-index: 2;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	height: 1px;
	left: 0;
	right: 0;
	top: auto;
	bottom: 0
}

@media (-webkit-device-pixel-ratio:2) {
	.evaluation-area .evaluation-list li:after {
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5)
	}
}

@media (-webkit-device-pixel-ratio:3) {
	.evaluation-area .evaluation-list li:after {
		-webkit-transform: scaleY(.33);
		transform: scaleY(.33)
	}
}

.evaluation-area .evaluation-list li:last-child {
	padding-bottom: 0
}

.evaluation-area .evaluation-list li:last-child:after {
	height: 0
}

.evaluation-area .evaluation-student-info {
	font-size: 0;
	display: table;
	width: 100%;
	table-layout: fixed
}

.evaluation-area .evaluation-student-info>div {
	display: table-cell;
	vertical-align: middle
}

.evaluation-area .evaluation-student-info>div:first-child {
	text-align: left
}

.evaluation-area .evaluation-student-info>div:last-child {
	text-align: right
}

.evaluation-area .evaluation-student-info .student-photo {
	width: .7467rem;
	height: .7467rem;
	margin-right: .2667rem;
	vertical-align: middle;
	border-radius: .3733rem
}

.evaluation-area .evaluation-student-info .student-name {
	color: #333;
	font-size: .3733rem;
	line-height: .5333rem;
	vertical-align: middle
}

.evaluation-area .evaluation-student-info .evaluation-create-date {
	color: #999;
	font-size: .32rem;
	line-height: .4533rem
}

.evaluation-area .evaluation-comment-wrapper {
	position: relative;
	margin-top: .32rem
}

.evaluation-area .evaluation-comment {
	color: #333;
	line-height: .5867rem;
	max-height: 4.1067rem;
	overflow: hidden;
	text-overflow: clip;
	font-size: .4rem
}

.evaluation-area .evaluation-comment-show-all {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: .4rem;
	line-height: .56rem;
	color: #49b849;
	background-color: #fff;
	padding-left: .2133rem
}

.evaluation-area .evaluation-comment-show-all .simi-transparent-bg {
	width: .4267rem;
	height: .5067rem;
	position: absolute;
	left: -.4267rem;
	top: .0267rem;
	background: -webkit-linear-gradient(right,#fff,hsla(0,0%,100%,0));
	background: linear-gradient(-90deg,#fff,hsla(0,0%,100%,0))
}

.evaluation-area .evaluation-comment-show-all .hui-icon.hui-icon-carat-d {
	margin-left: .1067rem
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */

.class-info {
	margin-bottom: 8px
}