html,
body {
	background: #F5F6F7 !important;
	height: auto;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	cursor: pointer;
}

html,
body {
	-webkit-tap-highlight-color: transparent;
}

/* @font-face {
    font-family: 'iconfont';
    src: url("../fonts/font_2444528_i6oxd8w78c.woff2") format("woff2"), url("../fonts/font_2444528_i6oxd8w78c.woff") format("woff"), url("../fonts/font_2444528_i6oxd8w78c.ttf") format("truetype");
} */
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
	font-family: 'iconfont';
	/* Project id 2444528 */
	src: url('../fonts/font_2444528_9brcx9l4yj.woff2') format('woff2'),
		url('../fonts/font_2444528_9brcx9l4yj.woff') format('woff'),
		url('../fonts/font_2444528_9brcx9l4yj.ttf') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 20px;
	color: #666;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale
}

.m-common-icon {
	width: 24px;
	height: 24px;
}

.jyb-tips {
	width: auto !important;
	max-width: 260px !important;
}

.jyb-tips p {
	line-height: 24px !important;
}

/* icon */
.nav_mec_hp_icon {
	-webkit-mask: url('../fonts/nav_mec_hp_icon.svg') no-repeat;
	mask: url('../fonts/nav_mec_hp_icon.svg') no-repeat;
}

.nav_mec_collect_icon {
	-webkit-mask: url('../fonts/nav_mec_collect_icon.svg') no-repeat;
	mask: url('../fonts/nav_mec_collect_icon.svg') no-repeat;
}

.nav_mec_share_icon {
	-webkit-mask: url('../fonts/nav_mec_share_icon.svg') no-repeat;
	mask: url('../fonts/nav_mec_share_icon.svg') no-repeat;
}

.nav_mec_scollect_icon {
	-webkit-mask: url('../fonts/nav_mec_scollect_icon.svg') no-repeat;
	mask: url('../fonts/nav_mec_scollect_icon.svg') no-repeat;
}

.nav_mec_more_icon {
	-webkit-mask: url('../fonts/nav_mec_more_icon.svg') no-repeat;
	mask: url('../fonts/nav_mec_more_icon.svg') no-repeat;
}

.mec_open_icon {
	-webkit-mask: url('../fonts/mec_open_icon.svg') no-repeat;
	mask: url('../fonts/mec_open_icon.svg') no-repeat;
}

.album_slide_icon {
	-webkit-mask: url('../fonts/album_slide_icon.svg') no-repeat;
	mask: url('../fonts/album_slide_icon.svg') no-repeat;
}

.cs_list_map_icon {
	-webkit-mask: url('../fonts/cs_list_map_icon.svg') no-repeat;
	mask: url('../fonts/cs_list_map_icon.svg') no-repeat;
}

.cs_list_tel_icon {
	-webkit-mask: url('../fonts/cs_list_tel_icon.svg') no-repeat;
	mask: url('../fonts/cs_list_tel_icon.svg') no-repeat;
}

.cs_list_iocation_icon {
	-webkit-mask: url('../fonts/cs_list_iocation_icon.svg') no-repeat;
	mask: url('../fonts/cs_list_iocation_icon.svg') no-repeat;
}

.mec_hp_rank_icon {
	-webkit-mask: url('../fonts/mec_hp_rank_icon.svg') no-repeat;
	mask: url('../fonts/mec_hp_rank_icon.svg') no-repeat;
}

.popup_ec_icon {
	-webkit-mask: url('../fonts/popup_ec_icon.svg') no-repeat;
	mask: url('../fonts/popup_ec_icon.svg') no-repeat;
}

.popup_si_icon {
	-webkit-mask: url('../fonts/popup_si_icon.svg') no-repeat;
	mask: url('../fonts/popup_si_icon.svg') no-repeat;
}

.pj_xx_1 {
	-webkit-mask: url('../fonts/pj-xx-1.svg') no-repeat;
	mask: url('../fonts/pj-xx-1.svg') no-repeat;
}

.icon_share {
	-webkit-mask: url('../fonts/icon-share.svg') no-repeat;
	mask: url('../fonts/icon-share.svg') no-repeat;
}

.share_icon {
	-webkit-mask: url('../fonts/share-icon.svg') no-repeat;
	mask: url('../fonts/share-icon.svg') no-repeat;
}

.icon_map_linear {
	-webkit-mask: url('../fonts/icon-map-linear.svg') no-repeat;
	mask: url('../fonts/icon-map-linear.svg') no-repeat;
}

.icon_up_no_bg {
	-webkit-mask: url('../fonts/icon-up-no-bg.svg') no-repeat;
	mask: url('../fonts/icon-up-no-bg.svg') no-repeat;
}

.assess_grey_star_icon {
	-webkit-mask: url('../fonts/assess_grey_star_icon.svg') no-repeat;
	mask: url('../fonts/assess_grey_star_icon.svg') no-repeat;
}

.assess_red_star_icon {
	-webkit-mask: url('../fonts/assess_red_star_icon.svg') no-repeat;
	mask: url('../fonts/assess_red_star_icon.svg') no-repeat;
}

.mec_campus_lo_icon {
	-webkit-mask: url('../fonts/mec_campus_lo_icon.svg') no-repeat;
	mask: url('../fonts/mec_campus_lo_icon.svg') no-repeat;
}

.mec_campus_coo_icon {
	-webkit-mask: url('../fonts/mec_campus_coo_icon.svg') no-repeat;
	mask: url('../fonts/mec_campus_coo_icon.svg') no-repeat;
}

.qr_code_icon {
	-webkit-mask: url('../fonts/qr-code-icon.svg') no-repeat;
	mask: url('../fonts/qr-code-icon.svg') no-repeat;
}

.m-content {
	width: 100%;
	padding-bottom: 68px;
	position: relative;
}

.m-head {
	width: 100%;
	height: 76px;
	position: relative;
}

.m-head .m-common-icon {
	background-color: #fff;
	width: 28px;
	height: 28px;
}

.m-head-agency-intro-bg {
	width: 100%;
	height: auto;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-filter: blur(5px);
	filter: blur(3px);
}

.m-head-mask {
	width: 100%;
	height: 76px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.m-head-mask .masks {
	width: 100%;
	height: 114px;
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.m-head-operation {
	width: 100%;
	height: 44px;
	padding: 0 13px;
	position: absolute;
	left: 0px;
	top: 6px;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.m-head-ope-r {
	width: auto;
	height: 44px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.m-head-ope-r .ope-r-btn {
	display: block;
	margin-left: 15px;
}

.m-head-ope-r .shake {
	animation: mymove 10s;
}

.more-select {
	width: 122px;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 8px;
	padding-left: 16px;
	position: absolute;
	right: 8px;
	top: 60px;
	z-index: 100;
	display: none;
}

.more-select>a {
	display: block;
	width: 106px;
	height: 46px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 1px solid #8c8c8c;
}

.more-select>a>.m-common-icon {
	width: 16px;
	height: 16px;
	margin-right: 8px;
}

.more-select>a>span {
	display: block;
	font-size: 16px;
	color: #fff;
}

.collection-tips {
	/* width:159px;*/
	height: 44px;
	border-radius: 22px;
	background: rgba(0, 0, 0, 0.6);
	padding: 0 16px;
	position: absolute;
	right: 16px;
	top: 50px;
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
}

.collection-tips>em {
	display: block;
	width: 0px;
	height: 0px;
	border: 6px solid transparent;
	border-bottom: 6px solid rgba(0, 0, 0, 0.6);
	position: absolute;
	left: 56px;
	top: -12px;
}

.collection-tips>img {
	display: block;
	width: 18px;
	height: 18px;
	margin-right: 4px;
}

.collection-tips>span {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 20px;
}

.m-jg-top {
	width: 100%;
	background: #fff;
	margin-top: -22px;
	padding-top: 12px;
	border-radius: 12px 12px 0px 0px;
	position: relative;
	z-index: 2;
	overflow: hidden;
	margin-bottom: 12px;
}

.jg-logo-name {
	/* height: 40px; */
	padding: 0 16px 12px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 1px solid #F5F6F7;
}

.jg-logo-name .jg-logo {
	width: 40px;
	height: 40px;
	border: 1px solid #EBEBEB;
	border-radius: 4px;
}

.jg-logo-name .jg-logo>img {
	display: block;
	width: 38px;
	height: 38px;
	border-radius: 4px;
}

.jg-logo-name .jg-name {
	display: block;
	width: calc(100% - 48px);
	margin-left: 8px;
	font-size: 22px;
	color: #262626;
	font-weight: 600;
	line-height: 30px;
}

.m-jg-t2 {
	width: calc(100% - 32px);
	/* height: 17px; */
	padding-top: 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto 4px;
	border-top: 1px solid #F5F6F7;
}

.m-jg-t2l {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.m-jg-t2l>i {
	width: 12px;
	height: 12px;
	font-size: 12px;
	color: #FE5900;
	text-align: center;
	line-height: 12px;
	margin-right: 5px;
}

.jyb-score {
	width: 60px;
	height: 12px;
	position: relative;
	line-height: 12px;
	margin-right: 4px;
}

.jyb-score .jyb-score-top {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
	white-space: nowrap;
}

.jyb-score .jyb-score-bottom {
	padding: 0;
	z-index: 0;
	display: block;
}

.jyb-score img {
	display: block;
	width: 60px;
	height: 12px;
}

.m-jg-t2l .jyb-score-num {
	display: block;
	font-size: 17px;
	font-weight: 600;
	color: #FE5900;
	line-height: 20px;
	margin-right: 4px;
}

.m-jg-t2l .jyb-score-num2 {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #FE5900;
	margin-right: 4px;
}

.jyb-sign-num {
	display: block;
	font-size: 12px;
	color: #262626;
}

.m-jg-t2r {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.m-jg-t2r>span {
	display: block;
	font-size: 12px;
	color: #262626;
}

.m-jg-t2r>i {
	display: block;
	width: 16px;
	height: 16px;
	background: #262626;
}

.m-jg-ranking {
	width: calc(100% - 24px);
	height: 21px;
	background: linear-gradient(270deg, #FFFFFF 0%, #FDF7E9 100%);
	border-radius: 4px;
	margin: 0 12px 12px;
	padding: 0 4px 0 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.m-jg-ranking .rank-l {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.m-jg-ranking .rank-l>i {
	width: 12px;
	height: 12px;
	background: #CDA76E;
	margin-right: 5px;
}

.m-jg-ranking .rank-l>span {
	display: block;
	font-size: 12px;
	color: #CDA76E;
}

.m-jg-ranking .rank-r {
	display: block;
	width: 16px;
	height: 16px;
	background: #CDA76E;
}

/* 閸ュ墽澧栫憴鍡涱暥濠婃垵濮� */
.evaluated-detail-content {
	width: 100%;
	height: 83px;
	overflow: hidden;
	margin-bottom: 16px;
}

.evaluated-detail-content .preview_item {
	width: 135px;
	height: 83px;
	margin-right: 4px;
	border-radius: 4px;
	overflow: hidden;
}

.evaluated-detail-content .imgs .preview_item:first-child {
	margin-left: 16px;
}

.evaluated-detail-content .preview_item img,
.evaluated-detail-content .preview_item video {
	display: block;
	width: 135px;
	height: 83px;
}

.evaluated-detail-content .imgs .slide-more {
	width: 32px;
	height: 83px;
	padding: 0px 8px 0px 37px;
	box-sizing: content-box;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.evaluated-detail-content .imgs .slide-more>i {
	width: 14px;
	height: 14px;
	background: #ABABAB;
	flex-shrink: 0;
	margin-right: 4px;
}

.evaluated-detail-content .imgs .slide-more>.flip {
	transform: rotate(180deg);
}

.evaluated-detail-content .imgs .slide-more>span {
	font-size: 11px;
	color: #262626;
	line-height: 13px;
}

/* 閸ュ墽澧栫憴鍡涱暥閹绢厽鏂� */
.swiper_container_lantern {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #000;
	width: 100%;
	height: 100vh;
	z-index: 9999;
}

.swiper-pagination-fraction {
	top: 12px;
	bottom: unset;
}

.swiper_container_lantern img {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
}

.swiper_container_lantern video {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

.swiper-pagination-fraction {
	color: #fff;
}

.swiper-pagination-current {
	color: #f58905;
}

.icon-left-no-bg {
	z-index: 99;
	position: absolute;
	left: 10px;
	top: 8px;
	display: inline-block;
	height: 28px;
	width: 28px;
	-webkit-mask: url(../fonts/icon-left-no-bg.svg) no-repeat;
	mask: url(../fonts/icon-left-no-bg.svg) no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	background-color: #fff !important;
}

.video_item {
	position: relative;
}

.video_item::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: '';
	height: 40px;
	width: 40px;
	background: url(../fonts/list-pic-play-img.svg);
	background-size: 100% 100%;
}

.jg-xq-no-location {
	width: 100%;
	height: 40px;
	padding: 0 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.jg-xq-no-location .get-location {
	/* width:184px;*/
	height: 40px;
	background: #F1F9FE;
	border-radius: 20px;
	border: 1px solid rgba(26, 140, 255, 0.2);
	padding: 0 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.jg-xq-no-location .get-location>i {
	width: 16px;
	height: 16px;
	background: #1A8CFF;
	margin-right: 4px;
}

.jg-xq-no-location .get-location>span {
	font-size: 14px;
	color: #1A8CFF;
	line-height: 40px;
}

.jg-xq-no-location .jg-xq-text,
.xq-t1 .jg-xq-text {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.jg-xq-no-location .jg-xq-text>span,
.xq-t1 .jg-xq-text>span {
	display: block;
	font-size: 12px;
	color: #595959;
}

.jg-xq-no-location .jg-xq-text>i,
.xq-t1 .jg-xq-text>i {
	display: block;
	width: 16px;
	height: 16px;
	background: #595959;
}

.jg-xq-con {
	width: 100%;
	padding: 0 16px 16px;
}

.xq-t1 {
	width: 100%;
	height: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 6px;
}

.xq-t1 .xq-t1-l {
	height: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: #FFFFFF;
	border-radius: 10px;
	border: 1px solid #EBEBEB;
	padding-right: 6px;
}

.xq-t1 .xq-t1-l .lately-label {
	display: block;
	width: 56px;
	height: 20px;
	background: #F5FCFF;
	border-radius: 10px 2px 10px 2px;
	border: 1px solid rgba(148, 212, 255, 1);
	/* border-image:linear-gradient(270deg,rgba(148,212,255,1),rgba(26,140,255,1)) 1 1;*/
	font-size: 12px;
	color: #1A8CFF;
	text-align: center;
	line-height: 20px;
	margin-right: 6px;
}

.xq-t1 .xq-t1-l .lately-sch-name {
	display: block;
	font-size: 12px;
	color: #595959;
}

.xq-t2 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.xq-t2 .xq-t2-l {
	width: calc(100% - 107px);
}

.xq-t2 .xq-t2-l>span {
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	color: #262626;
	line-height: 20px;
	margin-bottom: 2px;
}

.xq-t2 .xq-t2-l .xq-distance {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.xq-t2 .xq-t2-l .xq-distance>span {
	display: block;
	font-size: 12px;
	color: #8C8C8C;
	line-height: 17px;
	margin-right: 4px;
}

.xq-t2 .xq-t2-r {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.xq-t2 .xq-t2-r .xq-t2-r-btn {
	width: 24px;
	height: 36px;
	margin-left: 20px;
}

.xq-t2 .xq-t2-r .xq-t2-r-btn i {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto 2px;
}

.xq-t2 .xq-t2-r .xq-t2-r-btn span {
	display: block;
	font-size: 10px;
	color: #595959;
}

.jg-nav-out {
	position: relative;

	width: 100%;
	height: 48px;
}

.jg-nav-out .fixed {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 101;
}

.jg-nav-out .fixed2 {
	position: fixed;
	left: 0;
	top: 44px;
	z-index: 101;
}

.jg-nav-out .fixed3 {
	display: block;
	width: 100%;
	position: fixed;
	left: 0;
	top: 88px;
	z-index: 101;
	padding-bottom: 10px;
}

.jg-nav-out .jg-nav {
	width: 100%;
	/* height: 44px; */
	background: #fff;
	display: flex;
	justify-content: center;
	padding: 12px 8px 10px;
	/* position: relative; */
}

.swiper-container-nav {
	position: relative;
	height: 30px;
}

.nav-mask {
	width: 40px;
	height: 28px;
	background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
	position: absolute;
	right: 0px;
	top: 12px;
	z-index: 2;
}

.jg-nav a {
	display: block;
	position: relative;
	flex: 1;
	margin: 0 12px;
}

.jg-nav a>span {
	display: block;
	min-width: 30px;
	font-size: 15px;
	color: #262626;
	text-align: center;
	line-height: 21px;
	white-space: nowrap;
}

.jg-nav a>i {
	display: block;
	width: 14px;
	height: 3px;
	background: #FE5900;
	position: absolute;
	top: 24px;
	left: 50%;
	transform: translateX(-50%);
	display: none;
}

.jg-nav .swiper-wrapper .swiper-slide:last-child {
	/* width: 120px; */
	/* margin-right: 30px; */
}

.jg-nav .swiper-slide {
	width: 54px;
	/* min-width: 54px; */
	/* max-width: 84px; */
	/* flex: 1; */


}

.jg-nav .jg-nav-active>span {
	color: #FE5900;
	font-weight: 600;
}

.jg-nav .jg-nav-active>i {
	display: block;
}

.jg-nav-out .jg-nav-two {
	background: #fff;
}

.jg-qy {
	width: 100%;
	padding: 16px;
	background: #FFFBF7;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.jg-qy-list {
	width: calc(100% - 110px);
}

.jg-qy-list>.jg-qy-item,
.qy-alert-list>.jg-qy-item {
	margin-bottom: 8px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.jg-qy-list>.jg-qy-item img,
.qy-alert-list>.jg-qy-item img {
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 6px;
}

.jg-qy-list>.jg-qy-item span,
.qy-alert-list>.jg-qy-item span {
	display: block;
	font-size: 13px;
	color: #262626;
	line-height: 18px;
}

.jg-qy-list>.jg-qy-item:last-child {
	margin-bottom: 0px;
}

.qy-alert-list>.jg-qy-item:last-child {
	margin-bottom: 0px;
}

.qy-receive {
	max-width: 110px;
	height: 30px;
	border-radius: 15px;
	border: 1px solid #FE5900;
	font-size: 14px;
	font-weight: 600;
	color: #FE5900;
	text-align: center;
	line-height: 28px;
	padding: 0 5px;
}

.qy-alert {
	width: 100%;
	background: #fff;
	padding-bottom: 8px;
	position: fixed;
	left: 0px;
	bottom: -1000px;
	z-index: 102;
	transition: all 0.5s;
	border-radius: 16px 16px 0px 0px;
}

.qy-alert-clear {
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.qy-alert-clear>i {
	display: block;
	width: 28px;
	height: 28px;
	background: #595959;
}

.qy-alert-list {
	width: 100%;
	background: #FFFBF7;
	padding: 16px;
}

.qy-alert-tips {
	width: 100%;
	margin: 24px 0 12px;
	font-size: 15px;
	font-weight: 600;
	color: #262626;
	line-height: 21px;
	text-align: center;
}

.qy-input {
	display: block;
	width: calc(100% - 32px);
	height: 44px;
	padding: 0 16px;
	background: #F5F6F7;
	border-radius: 22px;
	border: 1px solid #D9D9DA;
	margin: 0 16px 32px;
	font-size: 14px;
	font-weight: 600;
	color: #262626;
}

.qy-submit,
.qy-success-btn {
	width: calc(100% - 32px);
	height: 40px;
	background: linear-gradient(270deg, #FF6100 0%, #FE8D00 100%);
	border-radius: 20px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
}

.qy-success {
	padding: 0 16px;
	display: none;
}

.qy-success-top {
	padding-top: 19px;
}

.qy-success-top>.icon_success {
	display: block;
	width: 68px;
	height: 68px;
	border-radius: 50%;
	margin: 0 auto 4px;
	background: #35D3A3;
}

.qy-success-top>i {
	display: block;
	width: 28px;
	height: 6px;
	background: #EBEBEB;
	border-radius: 50%;
	margin: 0 auto;
}

.qy-alert-tips2 {
	display: block;
	width: 100%;
	margin-bottom: 32px;
	font-size: 14px;
	color: #8c8c8c;
	line-height: 22px;
	text-align: center;
}

.jg-title {
	width: 100%;
	padding: 16px 16px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.jg-title .jg-title-l {
	font-size: 17px;
	font-weight: 600;
	color: #262626;
	line-height: 24px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.jg-title .jg-title-l>a {
	display: block;
	margin-right: 20px;
	font-size: 17px;
	color: #8c8c8c;
	line-height: 24px;
	font-weight: 400;
}

.jg-title .jg-title-l>.active {
	font-weight: 600;
	color: #262626;
}

.jg-title .jg-title-r {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.jg-title .jg-title-r div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 13px;
}

.jg-title .jg-title-r div i {
	width: 14px;
	height: 14px;
	background: #8c8c8c;
	margin-right: 3px;
}

.jg-title .jg-title-r div span {
	display: block;
	font-size: 12px;
	color: #8c8c8c;
}

.activity {
	background: #fff;
	overflow: hidden;
}

.act-list {
	padding: 3px 16px 0;
	margin-bottom: 16px;
	max-height: 231px;
	overflow: hidden;
}

.act-item {
	margin-top: 14px;
	width: 100%;
	height: 62px;
	display: flex;
	justify-content: flex-start;
}

.act-item>.act-item-l {
	display: block;
	width: 83px;
	height: 62px;
	position: relative;
	margin-right: 10px;
}

.act-item>.act-item-l>img {
	display: block;
	width: 83px;
	height: 62px;
	border-radius: 4px;
}

.act-item>.act-item-l>i {
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	line-height: 16px;
}

.act-item>.act-item-l>.quan {
	background: linear-gradient(270deg, #FF6100 0%, #FE8D00 100%);
}

.act-item>.act-item-l>.zhe {
	background: linear-gradient(270deg, #FFB832 0%, #FFCA30 100%);
}

.act-item>.act-item-l>.mian {
	background: linear-gradient(270deg, #FF4069 0%, #FE7A4C 100%);
}

.act-item>.act-item-l>.zeng {
	background: linear-gradient(270deg, #00dbc9 0%, #00c7b7 100%);
}

.act-item .act-item-r {
	width: calc(100% - 93px);
	position: relative;
}

.act-item-r .act-tit {
	font-size: 14px;
	font-weight: 600;
	color: #262626;
	line-height: 20px;
	margin-bottom: 2px;
}

.act-item-r>span {
	display: block;
	font-size: 12px;
	color: #595959;
	line-height: 17px;
	margin-bottom: 4px;
}

.act-item-r>.price {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}

.act-item-r>.price>i {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #FE5900;
}

.act-item-r>.price>span {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #FE5900;
	margin-right: 4px;
}

.act-item-r>.price>em {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #8C8C8C;
	text-decoration: line-through;
}

.act-item-r>.price>var {
	display: block;
	height: 16px;
	padding: 0 4px;
	background: rgba(255, 243, 230, 0.4);
	border-radius: 2px;
	border: 1px solid #FFD0A3;
	font-style: normal;
	font-size: 12px;
	color: #FE5900;
	line-height: 16px;
}

.snap-up {
	width: 59px;
	height: 26px;
	background: linear-gradient(270deg, #FF6100 0%, #FE8D00 100%);
	border-radius: 14px;
	position: absolute;
	right: 0px;
	top: 29px;
	font-size: 13px;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	line-height: 26px;
}

.slideUP-Down {
	display: flex;
	justify-content: center;
	align-items: center;
}

.slideUP-Down>span {
	font-size: 13px;
	color: #262626;
	margin-right: 2px;
}

.slideUP-Down>i {
	width: 14px;
	height: 14px;
	background: #262626;
}

.jg-curriculum {
	width: 100%;
	background: #fff;
	margin-top: 12px;
	padding-bottom: 16px;
}

.kc-class {
	width: 100%;
	/* height:28px;*/
	padding: 12px 16px;
	overflow-y: auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.kc-class::-webkit-scrollbar {
	display: none;
}

.kc-class>li {
	height: 28px;
	padding: 0 10px;
	background: #FFFFFF;
	border-radius: 14px;
	border: 1px solid #DFDFE0;
	flex-shrink: 0;
	margin-right: 8px;
	font-size: 12px;
	color: #595959;
	line-height: 28px;
}

.kc-class>.active {
	color: #FE5900;
	border: 1px solid #FE5900;
}

.kc-box {
	width: 100%;
	padding: 0 16px;
}

.kc-box>.active {
	display: flex;
}

.kc-inner {
	display: flex;
	justify-content: flex-start;
	display: none;
	flex-wrap: wrap;
}

.kc-inner .kc-item {
	display: block;
	width: calc(50% - 5px);
	margin-right: 10px;
	margin-bottom: 16px;
}

.kc-inner .kc-item:nth-child(2n) {
	margin-right: 0;
}

.kc-inner .kc-item img {
	display: block;
	width: 100%;
	height: 100px;
	border-radius: 4px;
	margin-bottom: 8px;
}

.kc-inner .kc-item .m-class-tuijian-sign {
	width: 39px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.kc-inner .kc-item>span {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #262626;
	line-height: 18px;
	margin-bottom: 3px;
}

.kc-inner .kc-item>.class-type {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 12px;
	color: #595959;
	line-height: 17px;
	margin-bottom: 3px;
}

.kc-inner .kc-item>.class-type>em {
	display: block;
	padding: 0 8px;
}

.kc-inner .kc-item>.price {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.kc-inner .kc-item>.price>em {
	display: block;
	font-size: 10px;
	font-weight: 600;
	color: #FE5900;
}

.kc-inner .kc-item>.price>span {
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: #FE5900;
	line-height: 22px;
}

.tuition {
	width: 100%;
	background: #fff;
	margin-top: 12px;
	padding-bottom: 16px;
}

.swiper-container1 {
	max-height: 110px;
	overflow: hidden;
}

.tuition-list {
	height: 100%;
	padding: 0 16px;
	margin-top: 18px;
}

.tuition-item {
	width: 100%;
	height: 45px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.tuition-item:last-child {
	margin-bottom: 0;
}

.tuition-item .item-l {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.tuition-item .item-l>img {
	display: block;
	width: 36px;
	height: 36px;
	margin-right: 12px;
}

.tuition-item .item-l .item-l-con .item-name {
	width: 56vw;
	font-size: 14px;
	color: #262626;
	line-height: 20px;
	display: block;
}

.tuition-item .item-l .item-l-con .item-name span,
.tuition-item .item-l .item-l-con .item-time span {
	display: inline;
	padding-right: 8px;
}

.tuition-item .item-l .item-l-con .item-name em {
	display: inline;
}

.tuition-item .item-l .item-l-con .item-time {
	font-size: 13px;
	color: #8C8C8C;
	line-height: 18px;
}

.tuition-item .item-r {
	flex-shrink: 0
}

.tuition-item .item-r>.xf {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 12px;
	font-weight: 600;
	color: #FE5900;
	line-height: 17px;
}

.tuition-item .item-r>.xf>img {
	display: block;
	width: 14px;
	height: 17px;
	margin-right: -4px;
	margin-top: -3px;
}

.tuition-item .item-r>.xf>img:last-child {
	margin-right: -1px;
}

.tuition-item .item-r .goto-login {
	display: block;
	width: 68px;
	height: 24px;
	background: #FFFFFF;
	border-radius: 14px;
	border: 1px solid #DFDFE0;
	font-size: 12px;
	color: #262626;
	text-align: center;
	line-height: 24px;
	margin-top: 4px;
}

.short-video {
	width: 100%;
	background: #fff;
	margin-top: 12px;
	padding-bottom: 16px;
}

.short-video .video_item::after {
	position: absolute;
	top: 77px;
	left: 15px;
	content: '';
	height: 20px;
	width: 20px;
	background: url(../fonts/list-pic-play-img.svg);
	background-size: 100% 100%;
}

.short-video .video_item {
	width: 150px;
	height: 90px;
}

.evaluated-detail-content .preview_item {
	margin-right: 6px;
}

.short-video .video_item video {
	width: 150px;
	height: auto;
	border-radius: 4px;
}

.short-video .video_item .label {
	display: block;
	width: 56px;
	height: 16px;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 3px;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 16px;
	text-align: center;
	position: absolute;
	right: 4px;
	top: 70px;
}

.short-video .video_item .video_item_title {
	margin-top: 7px;
	font-size: 14px;
	font-weight: 600;
	color: #262626;
	line-height: 20px;
}

.evaluate {
	width: 100%;
	background: #fff;
	margin-top: 12px;
	padding-bottom: 16px;
}

.eval-tips {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 0 4px;
}

.eval-tips>i {
	width: 16px;
	height: 16px;
	font-size: 16px;
	color: #CDA76E;
	text-align: center;
	line-height: 16px;
	margin-right: 4px;
}

.eval-tips>span {
	font-size: 12px;
	color: #CDA76E;
	/* line-height: 17px; */
}

.eval-score-out {
	padding: 16px 0 12px;
	margin: 0 16px;
	border-bottom: 1px solid #EBEBEB;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.eval-score-out .eval-score {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.eval-score-out .eval-score>span {
	display: block;
	font-size: 30px;
	font-weight: 600;
	color: #FE5900;
	line-height: 42px;
	margin-right: 8px;
}

.eval-score-r {
	height: 42px;
	margin-right: 24px;
}

.eval-score-out .eval-score .eval-score-describe {
	font-size: 12px;
	font-weight: 600;
	color: #FE5900;
	line-height: 17px;
	padding: 4px 0 2px;
}

.eval-score-out .eval-score .jyb-score {
	width: 70px;
}

.eval-score-out .eval-score .jyb-score img {
	width: 70px;
}

.other-scores {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.other-scores .scores-list {
	margin-right: 20px;
}

.other-scores .scores-list:last-child {
	margin-right: 0;
}

.other-scores .scores-list>span {
	display: block;
	font-size: 12px;
	color: #8C8C8C;
	line-height: 17px;
}

.other-scores .scores-list>em {
	font-size: 14px;
	font-weight: 600;
	color: #262626;
	line-height: 20px;
}

.evaluate-list {
	width: 100%;
	padding: 0 16px;
}

.evaluate-list .evaluate-item {
	display: block;
	width: 100%;
	padding: 16px 0 12px;
	display: flex;
	justify-content: flex-start;
	position: relative;
	border-bottom: 1px solid #EBEBEB;
}

.evaluate-list .evaluate-item:last-child {
	border-bottom: 0;
}

.evaluate-list .evaluate-item .eval-item-head {
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-right: 8px;
	font-size: 12.8px;
	font-weight: 600;
	line-height: 36px;
	text-align: center;
	color: #fff;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #43a0eb;
}

.evaluate-list .evaluate-item .eval-item-r {
	width: calc(100% - 40px);
}

.eval-item-r .selected {
	display: block;
	width: 55px;
	height: 55px;
	position: absolute;
	right: -5px;
	top: 3px;
}

.eval-name {
	width: 100%;
	height: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.eval-name>span {
	display: block;
	font-size: 14px;
	color: #262626;
	line-height: 20px;
	margin-right: 8px;
}

.eval-name>.jyb-score {
	margin-right: 4px;
}

.eval-name>.jyb-score i {
	display: block;
	width: 60px;
	height: 12px;
}

.jyb-score-top i {
	background: linear-gradient(180deg, #FF6100 0%, #FE8D00 100%);
}

.jyb-score-bottom i {
	background: #D9D9DA;
}

.eval-name>em {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #FE5900;
}

.eval-name .xufei {
	display: block;
	width: 54px;
	height: 18px;
	background: #FE5900;
	border-radius: 2px;
	font-style: normal;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	line-height: 18px;
	zoom: 0.9;
}

.eval-name .jieke {
	display: block;
	width: 54px;
	height: 18px;
	background: #1A8CFF;
	border-radius: 2px;
	font-style: normal;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	line-height: 18px;
	zoom: 0.9;
}

.eval-item-r .curr {
	display: block;
	font-size: 12px;
	color: #8C8C8C;
	line-height: 17px;
}

.eval-item-r .ping {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.eval-item-r .ping>div {
	font-size: 12px;
	color: #8C8C8C;
	line-height: 17px;
}

.eval-item-r .ping>.jyb-score i {
	display: block;
	width: 60px;
	height: 12px;
}

.eval-item-r .ping>em {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #FE5900;
}

.tuitions {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 12px;
	color: #8C8C8C;
	line-height: 17px;
	margin-right: 8px;
	position: absolute;
	top: 36px;
	right: 0px;
}

.tuitions>span {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 12px;
	color: #8C8C8C;
	line-height: 17px;
}

.tuitions>span>img {
	display: block;
	width: 14px;
	height: 17px;
	margin-right: -4px;
	margin-top: -3px;
}

.tuitions>span>img:last-child {
	margin-right: -1px;
}



.eval-item-r .time-tuition {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
	margin-right: 68px;
}

.eval-item-r .time-tuition>div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 12px;
	color: #8C8C8C;
	line-height: 17px;
	margin-right: 8px;
}

.eval-item-r .time-tuition>div>span {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 12px;
	color: #8C8C8C;
	line-height: 17px;
}

.eval-item-r .time-tuition>div>span>img {
	display: block;
	width: 14px;
	height: 17px;
	margin-right: -4px;
	margin-top: -3px;
}

.eval-item-r .time-tuition>div>span>img:last-child {
	margin-right: -1px;
}

.eval-item-r .goto-login {
	display: block;
	width: 68px;
	height: 24px;
	background: #FFFFFF;
	border-radius: 14px;
	border: 1px solid #DFDFE0;
	position: absolute;
	top: 60px;
	right: 0px;
	font-size: 12px;
	color: #262626;
	text-align: center;
	line-height: 24px;
}

.eval-item-r .eval-text {
	font-size: 15px;
	color: #262626;
	line-height: 21px;
	margin-bottom: 12px;
}

.eval-item-r .evaluated-detail-content {
	height: auto;
	margin-bottom: 0;
}

.eval-item-r .evaluated-detail-content .imgs {
	flex-wrap: wrap;
}

.eval-item-r .evaluated-detail-content .preview_item {
	width: calc(25% - 4px);
	max-height: 80px;
	height: 75px;
	margin-left: 0 !important;
	margin-right: 4px;
	margin-bottom: 4px;
}

.eval-item-r .evaluated-detail-content .preview_item:nth-child(4n) {
	margin-right: 0;
}

.eval-item-r .evaluated-detail-content .preview_item img {
	display: block;
	width: 100%;
	height: 100%;
}

.eval-item-r .evaluated-detail-content .imgs .preview_item:last-child {
	margin-right: 0;
}

.brief-intr {
	width: 100%;
	background: #fff;
	margin-top: 12px;
}

.jg-characteristic {
	width: calc(100% - 32px);
	margin: 16px 16px 12px;
	background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(254, 127, 0, 0.1) 100%);
	border-radius: 13px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.jg-characteristic .jg-cha-img {
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 2px 0 8px;
}

.jg-characteristic span {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #FE5900;
}

.brief-intr .intr-con-out {
	position: relative;
	overflow: hidden;
}

.brief-intr .intr-com {
	max-height: 288px;
	padding: 0 16px 12px;
	font-size: 15px;
	color: #262626;
	line-height: 21px;
	overflow: hidden;
}

.brief-intr .intr-com img {
	display: block;
	width: 100%;
	height: auto;
	margin: 16px 0;
}

.brief-intr .intr-com p {
	font-size: 15px;
	color: #262626;
	line-height: 21px;
	padding-bottom: 10px;
}

.brief-intr .intr-mask {
	width: 100%;
	height: 80px;
	background: linear-gradient(180deg, rgba(254, 255, 255, 0) 0%, #FFFFFF 100%);
	position: absolute;
	left: 0;
	top: 208px;
	z-index: 1;
}

.intr-up-down {
	z-index: 9;
	position: relative;
	width: calc(100% - 32px);
	height: 36px;
	margin: 0 auto;
	background: #FFFFFF;
	border-radius: 18px;
	border: 1px solid #D9D9DA;
	display: flex;
	justify-content: center;
	align-items: center;
}

.intr-up-down>span {
	font-size: 13px;
	color: #262626;
}

.intr-up-down>i {
	width: 16px;
	height: 16px;
	background: #262626;
}

.char-list {
	width: 100%;
	padding: 16px 16px 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.char-list .char-item {
	width: calc(33% - 8px);
	height: 32px;
	background: #F5F7FA;
	border-radius: 4px;
	margin-right: 8px;
	margin-bottom: 8px;
	font-size: 13px;
	color: #7C8AA6;
	text-align: center;
	line-height: 32px;
}

.char-list .char-item:nth-child(3n) {
	margin-right: 0;
}

.teacher {
	width: 100%;
	background: #fff;
}

.teacher-list {
	margin: 16px 16px 0;
	background: #FAFBFC;
	border-radius: 4px;
	padding: 0 6px;
	display: flex;
	justify-content: flex-start;
	overflow-y: auto;
}

.teacher-list .teacher-item {
	width: 63px;
	padding: 16px 10px;
	box-sizing: content-box;
}

.teacher-list .teacher-item>img {
	display: block;
	width: 63px;
	height: 63px;
	margin-bottom: 4px;
	border-radius: 50%;
}

.teacher-list .teacher-item>span {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #323232;
	line-height: 20px;
	text-align: center;
	margin-bottom: 2px;
}

.teacher-list .teacher-item>em {
	display: block;
	font-size: 12px;
	color: #666666;
	text-align: center;
	line-height: 17px;
}

.teacher-list::-webkit-scrollbar {
	display: none;
}

.jg-info {
	width: 100%;
	background: #fff;
	padding-top: 16px;
}

.jg-info .info-list {
	padding: 0 16px;
	display: none;
}

.jg-info .active {
	display: block;
}

.jg-info .info-list .info-item {
	display: block;
	width: 100%;
	padding: 16px 0;
	border-bottom: #ebebeb;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.jg-info .info-list .info-item>span {
	flex: 1;
	height: 44px;
	font-size: 16px;
	color: #262626;
	line-height: 22px;
}

.jg-info .info-list .info-item>img {
	display: block;
	width: 83px;
	height: 62px;
	border-radius: 4px;
	margin-left: 16px;
}

.campus {
	width: 100%;
	background: #fff;
	margin-top: 12px;
	padding-bottom: 16px;
}

.m-school-content-map {
	width: 100%;
	height: 161px;
	margin-top: 16px;
}

.m-school-map-marker {
	width: 18px;
	height: 22px;
	position: absolute;
	font-size: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	color: #fff;
}

.m-school-map-num {
	width: 18px;
	height: 22px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	display: block !important;
	line-height: 22px;
	text-align: center;
}

.m-school-map-icon {
	width: 18px;
	height: 22px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	font-size: 28px;
	cursor: pointer;
}

.m-school-map-marker-info {
	min-width: 20px;
	max-width: 170px;
	height: 28px;
	padding: 0 10px;
	position: absolute;
	top: -32px !important;
	left: 50%;
	line-height: 28px;
	-webkit-transform: translateX(-45%);
	-moz-transform: translateX(-45%);
	-ms-transform: translateX(-45%);
	transform: translateX(-45%);
	text-align: center;
	-moz-border-radius: 14px;
	border-radius: 14px;
	background: #fff;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .20);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .20);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .20);
	display: none;
}

/* .m-school-popper__arrow{width:0;height:0;position:absolute;bottom:-6px;left:50%;-webkit-transform:translateX(-45%);-moz-transform:translateX(-45%);-ms-transform:translateX(-45%);transform:translateX(-45%);border-top:solid 6px rgba(17,132,225,.80);border-right:solid 6px transparent;border-left:solid 6px transparent;}
*/
.m-school-map-marker-info h3 {
	font-size: 12px;
	font-weight: 600;
	color: #262626;
	line-height: 28px;
	text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08);
}

.m-school-map-blue,
.m-school-map-marker.active .m-school-map-red {
	display: none;
}

.m-school-map-red,
.m-school-map-marker.active .m-school-map-blue {
	display: block !important;
}

/* .m-school-map-marker .m-school-map-marker-info,.m-school-map-marker.active-single .m-school-map-icon,.m-school-map-marker.active-single .m-school-map-num{display:none;}
*/
.m-school-map-marker.active-single .m-school-map-marker-info {
	display: block !important;
}

.m-school-cur-location {
	width: 32px;
	height: 32px;
	position: absolute;
	z-index: 1;
	top: 14px;
	left: 0;
	font-size: 28px;
	cursor: pointer;
}

.m-school-popper__arrow {
	border-top: solid 6px rgba(255, 255, 225, 1);
}

.campus-list {
	width: 100%;
	padding: 0 8px;
}

.campus-list>li {
	width: 100%;
	height: 70px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.campus-list>li .cam-list-l {
	width: 24px;
	height: 24px;
	margin-right: 8px;
	position: relative;
}

.campus-list>li .cam-list-l>i {
	width: 24px;
	height: 24px;
	background: #DBDBDC;
}

.campus-list>li .cam-list-l>span {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0px;
	top: -1px;
	text-align: center;
	line-height: 24px;
	font-size: 12px;
	color: #DBDBDC;
}

.cam-list-r {
	width: calc(100% - 32px);
	height: 70px;
	padding: 14px 14px 14px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #eee;
}

.cam-list-r .cam-con {
	width: calc(100% - 108px);
}

.cam-list-r .cam-con .cam-con-t {
	width: 100%;
	height: 20px;
	margin-bottom: 4px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.cam-list-r .cam-con .cam-con-t>span {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #262626;
	margin-right: 8px;
}

.cam-list-r .cam-con .cam-con-t>em {
	display: block;
	flex-shrink: 0;
	font-size: 12px;
	color: #595959;
}

.cam-list-r .cam-con>span {
	display: block;
	font-size: 12px;
	color: #595959;
	line-height: 17px;
}

.cam-list-r .cam-btn {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.cam-list-r .cam-btn .xq-t2-r-btn {
	width: 24px;
	height: 36px;
	margin-left: 20px;
}

.cam-list-r .cam-btn .xq-t2-r-btn i {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto 2px;
}

.cam-list-r .cam-btn .xq-t2-r-btn span {
	display: block;
	font-size: 10px;
	color: #595959;
	line-height: 16px;
}

.recommend {
	width: 100%;
	background: #fff;
	margin-top: 12px;
}

.rec-jg-list {
	width: 100%;
	padding: 0 16px;
}

.rec-jg-list .course-collect-content-li {
	display: block;
	position: relative;
	background-color: #fff;
	padding: 16px 0;
	border-bottom: 1px solid #EBEBEB;
}

.rec-jg-list .course-collect-content-li:last-child {
	border-bottom: 0;
}

.rec-jg-list .course-collect-content-li .item-subject {
	position: relative;
	display: flex;
}

.rec-jg-list .course-collect-content-li .item-subject .item-logo {
	margin: 4px 10px 0 0;
	position: relative;
	width: 85px;
	height: 85px;
}

.rec-jg-list .course-collect-content-li .item-subject .item-logo:before {
	content: '';
	position: absolute;
	width: 200%;
	height: 200%;
	border: 1px solid #EBEBEB;
	border-radius: 8px;
	transform-origin: 0 0;
	transform: scale(0.5, 0.5);
}

.rec-jg-list .course-collect-content-li .item-subject .item-logo img {
	width: 100%;
	height: 100%;
}

.rec-jg-list .course-collect-content-li .item-subject .item-logo .item-logo-offline {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 19px;
	width: 100%;
	font-size: 12px;
	background-color: #fff;
	background: #262626;
	line-height: 21px;
	color: #FFFFFF;
	text-align: center;
	border-radius: 0 0 3px 3px;
}

.rec-jg-list .course-collect-content-li .item-subject .course-collect-logo {
	width: 115px;
	height: 68px;
	margin: 0 10px 0 0;
	min-width: 115px;
}

.rec-jg-list .course-collect-content-li .item-subject .course-collect-logo::before {
	content: none;
}

.rec-jg-list .course-collect-content-li .item-subject .course-collect-logo img {
	width: 100%;
	height: 100%;
	border-radius: 4px;
}

.rec-jg-list .course-collect-content-li .item-subject .item-info {
	position: relative;
	flex: 1;
	width: 50%;
}

.rec-jg-list .course-collect-content-li .item-subject .item-info .item-title {
	font-weight: 600;
	font-size: 16px;
	color: #262626;
	letter-spacing: 0;
	margin-bottom: 5px;
}

.rec-jg-list .course-collect-content-li .item-subject .item-info .course-collect-title {
	font-size: 14px;
	margin-top: 3px;
	margin-bottom: 5px;
}

.rec-jg-list .course-collect-content-li .item-subject .item-info .item-evaluate {
	margin-bottom: 4px;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.rec-jg-list .course-collect-content-li .item-subject .item-info .item-evaluate .item-score {
	font-weight: 600;
	font-size: 12px;
	color: #FE5900;
	letter-spacing: 0;
	margin-right: 8px;
}

.rec-jg-list .jyb-score i {
	display: block;
	width: 60px;
	height: 12px;
}

.item-eval {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.item-eval>span {
	font-size: 12px;
	color: #262626;
}

.item-eval>i {
	width: 14px;
	height: 14px;
	background: #262626;
}

.rec-jg-list .course-collect-content-li .item-subject .item-info .item-evaluate .advisory-item {
	font-size: 12px;
	color: #262626;
	letter-spacing: 0;
	margin-left: 6px;
}

.rec-jg-list .course-collect-content-li .item-subject .item-info .item-evaluate .course-collect-label {
	padding-right: 7px;
	border-right: 1px solid #D9D9DA;
}

.rec-jg-list .course-collect-content-li .item-subject .item-info .item-evaluate .course-collect-info {
	margin-left: 4px;
}

.rec-jg-list .course-collect-content-li .item-subject .item-info .collect-evaluate {
	display: flex;
	justify-content: start;
}

.rec-jg-list .course-collect-content-li .item-subject .item-info .please-enquiry {
	margin-top: 5px;
	font-size: 12px;
	color: #595959;
	letter-spacing: 0;
}

.rec-jg-list .course-collect-content-li .item-subject .item-info .item-address {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6px;
}

.rec-jg-list .course-collect-content-li .item-subject .item-info .item-address>div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.rec-jg-list .course-collect-content-li .item-subject .item-info .item-address .icon-map-linear {
	width: 12px;
	height: 12px;
	display: inline-block;
	-webkit-mask: url(../fonts/list-hot-icon.svg) no-repeat;
	mask: url(../fonts/list-hot-icon.svg) no-repeat;
	background-color: #FF6800;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.rec-jg-list .course-collect-content-li .item-subject .item-info .item-address .item-address-info {
	max-width: 25vw;
	margin-left: 2px;
	font-size: 12px;
	color: #FF6800;
	letter-spacing: 0;
}

.item-address-r i {
	width: 12px;
	height: 12px;
	margin-right: 2px;
}

.item-address-r span {
	display: block;
	font-size: 12px;
	color: #8C8C8C;
	margin-right: 8px;
	max-width: 20vw;
}

.rec-jg-list .course-collect-content-li .item-subject .item-info .item-label {
	display: flex;
	flex-wrap: wrap;
}

.rec-jg-list .course-collect-content-li .item-subject .item-info .item-label li {
	height: 18px;
	padding: 1px 4px;
	background-color: #F1FBFF;
	color: #1A8CFF;
	letter-spacing: 0;
	text-align: center;
	line-height: 16px;
	margin-bottom: 0;
	font-size: 11px;
	-webkit-transform: scale(0.916);
}

.rec-jg-list .course-collect-content-li .item-subject .item-tag {
	position: absolute;
	top: 0;
	right: 0;
}

.rec-jg-list .course-collect-content-li .item-subject .item-tag .item-tag-juan,
.rec-jg-list .course-collect-content-li .item-subject .item-tag .item-tag-zhe {
	display: inline-block;
	height: 16px;
	width: 16px;
	background: #FF8240;
	border-radius: 2px;
	font-size: 11px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 16px;
	text-align: center;
}

.rec-jg-list .course-collect-content-li .item-subject .item-tag .item-tag-zhe {
	background: #FFB340;
}

.rec-jg-list .course-collect-content-li .item-subject .item-distance {
	position: absolute;
	top: 29px;
	right: 0;
	font-size: 12px;
	color: #595959;
	letter-spacing: 0;
}

.rec-jg-list .course-collect-content-li .item-subject .consult-num {
	top: 48px;
}

.rec-jg-list .course-collect-content-li .item-activity {
	position: relative;
	margin-left: 95px;
	display: flex;
	margin-top: 20px;
	margin-bottom: -4px;
}

.rec-jg-list .course-collect-content-li .item-activity::before {
	content: '';
	height: 1px;
	position: absolute;
	top: -11.5px;
	left: 0;
	display: block;
	width: 100%;
	background: #EBEBEB;
	transform: scaleY(0.5);
}

.rec-jg-list .course-collect-content-li .item-activity .item-activity-new {
	position: absolute;
	top: 0;
	left: -43px;
	width: 33px;
	height: 16px;
	background: url("../images/list-new-tag@3x.png");
	background-size: 100% 100%;
}

.rec-jg-list .course-collect-content-li .item-activity .item-activity-price {
	display: inline-block;
	height: 16px;
	white-space: nowrap;
	background-color: #fff8f1;
	padding: 0 4px;
	font-size: 11px;
	color: #FE5900;
	border-radius: 2px;
	letter-spacing: 0;
	text-align: center;
	line-height: 16px;
	margin-right: 4px;
}

.rec-jg-list .course-collect-content-li .item-activity .item-activity-info {
	font-size: 12px;
	color: #595959;
	letter-spacing: 0;
	line-height: 16px;
}

.rec-jg-list .collect-li {
	padding: 12px;
}

.rec-jg-list .item-activity-collect {
	margin-left: 125px !important;
}

.relevant {
	width: 100%;
	background: #fff;
	margin-top: 12px;
	padding-bottom: 8px;
}

.relevant .rel-list {
	padding: 16px 16px 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.relevant .rel-list .rel-item {
	display: block;
	width: calc(50% - 5px);
	margin-right: 10px;
	margin-bottom: 8px;
	font-size: 14px;
	color: #262626;
	line-height: 20px;
}

.relevant .rel-list .rel-item:nth-child(2n) {
	margin-right: 0;
}

.jg-foot {
	width: 100%;
	height: 56px;
	background: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 10;
	padding: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.foot-icon-btn {
	width: 156px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.foot-icon-btn>div {
	padding: 0 12px;
	position: relative;
}

.foot-icon-btn>div img {
	display: block;
	width: 24px;
	height: 24px;
}

.foot-icon-btn>div span {
	display: block;
	width: 100%;
	height: 16px;
	font-size: 11px;
	color: #595959;
	line-height: 16px;
}

.jg-foot .foot-appointment {
	flex: 1;
	height: 40px;
	background: linear-gradient(270deg, #FF6100 0%, #FE8D00 100%);
	border-radius: 20px;
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
}

.foot-tips {
	/* width:290px;*/
	height: 45px;
	background: #FFFBF7;
	border: 1px solid #FE8A00;
	border-radius: 23px;
	position: absolute;
	left: 16px;
	bottom: 60px;
	display: none;
}

.foot-tips>i {
	display: block;
	width: 12px;
	height: 6px;
	background: #FFFBF7;
	border-left: 1px solid #FE8A00;
	border-bottom: 1px solid #FE8A00;
	transform: rotate(-24deg);
	position: absolute;
	left: 110px;
	bottom: -4px;
}

.foot-tips>div {
	width: 100%;
	height: 42px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.foot-tips>div>span {
	display: block;
	font-size: 14px;
	color: #FE5900;
	padding: 0 4px 0 16px;
}

.foot-tips>div>i {
	width: 16px;
	height: 16px;
	background: #8F8F8F;
	margin-right: 16px;
}

.jg-foot-icon-kf {
	animation: mymove 10s infinite;
}

@keyframes mymove {
	0% {
		transform: rotate(10deg);
	}

	1% {
		transform: rotate(-10deg);
	}

	2% {
		transform: rotate(10deg);
	}

	3% {
		transform: rotate(-10deg);
	}

	4% {
		transform: rotate(10deg);
	}

	5% {
		transform: rotate(0deg);
	}
}

.foot-icon-btn .num {
	display: none;
	position: absolute;
	top: -4px;
	right: 3px;
	height: 17px;
	width: 17px;
	/* background-color:#FE1940;*/
	background-color: #FE5900;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 18px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.jg-foot-icon-kf .num {
	display: block;
	padding: 0 5px;
	background-color: #FE5900;
	font-size: 12px;
	color: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	position: absolute;
	top: -4px;
	right: 3px;
	height: unset;
	width: unset;
}

/* 鐠囧墽鈻奸崚妤勩€� */
.head-top {
	width: 100%;
	height: 44px;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #E5E8ED;
	box-shadow: 0px 0px 0px 0px #E5E8ED;
}

.head-top .head-top-l {
	width: 80px;
	display: flex;
	justify-content: space-between;
	padding: 0px 12px;
}

.head-top .head-top-c {
	width: calc(100% - 160px);
	font-size: 17px;
	font-weight: 600;
	color: #262626;
	text-align: center;
	line-height: 24px;
}

.head-top .head-top-r {
	width: 80px;
	display: flex;
	justify-content: flex-end;
	padding: 0px 12px;
}

.head-top .head-top-l i,
.head-top .head-top-r i {
	display: block;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	color: #262626;
}

.head-top-r .shake {
	animation: mymove 10s;
}

.list-menu {
	width: 110px;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	position: fixed;
	right: 8px;
	top: 52px;
	z-index: 102;
	display: none;
}

.list-menu a {
	display: block;
	width: 100%;
	height: 44px;
	padding: 0 15px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.list-menu a>i {
	display: block;
	width: 16px;
	/* height:16px;*/
	font-size: 16px;
	margin-right: 8px;
}

.list-menu a>span {
	display: block;
	font-size: 14px;
	color: #262626;
	line-height: 20px;
}

.swiper-container-jg-nav {
	width: 100%;
	height: 28px;
	padding: 0 16px;
	margin-top: 4px;
	overflow: hidden;
}

.swiper-container-jg-nav .swiper-slide {
	width: auto;
	margin-right: 8px;
}

.swiper-container-jg-nav .swiper-slide:last-child {
	margin-right: 0;
}

.swiper-container-jg-nav .swiper-slide a {
	display: block;
	width: auto;
	height: 28px;
	padding: 5px 10px;
	background: #FFFFFF;
	border-radius: 14px;
	border: 1px solid #DFDFE0;
	font-size: 12px;
	color: #595959;
}

.swiper-container-jg-nav .active a {
	border: 1px solid #FE5900;
	color: #FE5900;
}

.m-list-container {
	width: 100%;
	padding: 0 16px;
}

.m-list-container .m-list-container-item:last-child {
	padding-bottom: 16px;
}

.m-list-container-item .m-module-title {
	height: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 16px;
	box-sizing: content-box;
}

.m-list-container-item .m-module-title>span {
	display: block;
	font-size: 17px;
	font-weight: 600;
	color: #262626;
	line-height: 24px;
}

.m-list-container-item .m-module-title>i {
	display: block;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
}

.m-list-out>li {
	margin-top: 16px;
}

.m-list-out>li:first-child {
	margin-top: 12px;
}

.m-list-out>li .m-class-img {
	display: block;
	width: 132px;
	height: 79px;
}

.m-list-out>li .m-class-img>img {
	width: 100%;
	height: 100%;
	border-radius: 4px;
}

.m-list-out>li .m-class-intro {
	margin-left: 12px;
}

.m-list-out>li .m-class-intro h3 {
	width: calc(100vw - 176px);
	font-size: 15px;
	font-weight: 600;
	color: #262626;
	line-height: 21px;
}

.m-list-out>li .m-class-intro .price {
	font-size: 16px;
	font-weight: 600;
	color: #FE5900;
	line-height: 22px;
}

.m-list-out>li .m-class-intro .price span {
	font-size: 10px;
}

/* 鐠囧墽鈻肩拠锔藉剰 */
.curr-swiper-container {
	width: 100%;
	height: 60vw;
}

.curr-swiper-container .video-container {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.curr-swiper-container .video-container .m-class-imgbanner {
	display: block;
	width: 100%;
	height: 100%;
}

.currdet-info {
	width: 100%;
	padding: 16px 16px 0;
}

.currdet-t1 {
	padding-bottom: 13px;
	border-bottom: 1px solid #EBEBEB;
}

.currdet-info .currdet-title {
	font-size: 22px;
	font-weight: 600;
	color: #262626;
	line-height: 30px;
	margin-bottom: 12px;
}

.course-det-open {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	overflow: hidden;
}

/* .course-det-open span:first-child{max-width:calc( 50% - 60px);}
*/
.course-det-open span {
	padding-right: 8px;
	margin-right: 8px;
	position: relative;
	display: inline-block;
	height: 18px;
	font-size: 13px;
	color: #595959;
	flex-shrink: 0;
	max-width: calc(50% - 58px);
}

.course-det-open i {
	display: inline-block;
	margin-right: 2px;
	max-width: calc(100% - 28px);
	color: #1A8CFF;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}

.course-det-open span:after {
	content: '';
	width: 1px;
	height: 12px;
	background: #D9D9DA;
	position: absolute;
	right: 0;
	top: 3px;
}

.course-det-open span:last-child:after {
	content: '';
	width: 0;
}

.currdet-label {
	width: 100%;
	margin-top: 8px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.currdet-label>span {
	display: block;
	height: 18px;
	font-size: 11px;
	padding: 0 4px;
	color: #FE5900;
	line-height: 18px;
	margin-right: 4px;
	background: #FFF9F2;
	border-radius: 2px;
}

.currdet-t2 {
	width: 100%;
	padding: 16px 0;
}

.course-det-info>li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 15px;
	height: 21px;
	font-size: 13px;
	color: #8C8C8C;
	line-height: 18px;
}

.course-det-info>li:first-child {
	margin: 0;
}

.course-det-info>li>.title {
	display: block;
	font-size: 13px;
	color: #8C8C8C;
	line-height: 20px;
	margin-right: 28px;
	flex-shrink: 0;
}

.course-det-info>li .price>a {
	font-size: 15px;
	color: #FE5900;
	line-height: 20px;
	text-decoration: underline;
}

.course-det-info>li>.people {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 15px;
	color: #262626;
	line-height: 20px;
}

.course-det-info .course-info-price .people {
	font-size: 13px;
	color: #8C8C8C;
}

.course-det-info .course-info-price .price {
	font-size: 13px;
	color: #FE5900;
}

.course-det-info>li>.people>i {
	width: 14px;
	height: 20px;
	color: #8C8C8C;
	text-align: center;
	line-height: 20px;
}

.course-det-info .course-info-school .data {
	width: 41px;
	font-size: 15px;
	color: #262626;
}

.course-det-info .course-info-school .people {
	position: relative;
	width: calc(100% - 123px);
	color: #8C8C8C;
	overflow: hidden;
}

.course-det-info .course-info-school .people .school-name {
	float: left;
	width: calc(100% - 18px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	color: #8C8C8C;
	line-height: 20px;
}

.m-course-det-school {
	margin: 16px 0 0;
}

.m-school-right-tel li {
	float: left;
	margin-left: 14px;
	margin-right: 4px;
	cursor: pointer;
}

.m-school-right-tel li img {
	width: 22px;
	margin: auto;
	display: block;
}

.m-school-right-tel li p {
	font-size: 11px;
	color: #1A8CFF;
	line-height: 16px;
	text-align: center;
}

.m-course-map-no {
	position: relative;
	display: inline-block;
	padding: 0 12px;
	height: 36px;
	line-height: 36px;
	font-size: 13px;
	color: #1A8CFF;
	cursor: pointer;
	background: #F1F9FE;
	border-radius: 22px;
}

.m-course-map-no img {
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: text-bottom;
}

.m-course-map-no:after {
	content: "";
	width: 200%;
	height: 200%;
	border: 1px solid #1A8CFF;
	transform-origin: 0 0;
	box-sizing: border-box;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	pointer-events: none;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	transform: scale(.5);
	border-radius: 44px;
}

.m-school-left-distance {
	width: calc(100% - 112px);
}

.m-school-left-distance .school-name {
	margin-right: 27px;
	position: relative;
	line-height: 21px;
	font-size: 15px;
	color: #262626;
}

.m-school-left-distance .school-name .icon-jin {
	position: absolute;
	top: -8px;
	right: -20px;
	padding: 0 3px;
	height: 16px;
	line-height: 16px;
	font-size: 10px;
	color: #FE5900;
	background: #fff;
	border-radius: 8px 8px 8px 0;
}

.m-school-left-distance .school-name .icon-jin:before {
	content: "";
	width: 200%;
	height: 200%;
	border: 1px solid rgba(254, 89, 0, 0.20);
	transform-origin: 0 0;
	box-sizing: border-box;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	pointer-events: none;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	transform: scale(.5);
	border-radius: 16px 16px 16px 0;
}

.m-school-left-distance .school-name {
	max-width: calc(100% - 150px) !important;
}

.m-school-left-distance .school-distance-box {
	margin-top: 2.5px;
	padding: 0 5px;
	height: 16px;
	line-height: 16px;
	background: #FAFBFC;
	border-radius: 2px;
}

.m-school-left-distance .school-distance {
	padding-right: 4px;
	margin-right: 4px;
	display: block;
	font-size: 11px;
	color: #595959;
	position: relative;
	line-height: 16px;
}

.m-school-left-distance .school-distance:after {
	content: "";
	width: 0.5px;
	height: 10px;
	background: #D9D9DA;
	position: absolute;
	right: 0;
	top: 3px;
}

.m-school-left-distance .school-nav {
	position: relative;
	font-size: 11px;
	color: #1A8CFF;
}

.m-school-left-distance .school-nav .icon-nav {
	width: 12px;
	height: 12px;
	display: inline-block;
	-webkit-mask: url(../fonts/icon-distance-block.svg) no-repeat;
	mask: url(//static.jiaoyubao.cn/images/common/icon-distance-block.svg) no-repeat;
	background-color: #1A8CFF;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	position: relative;
	top: 2px;
}

.m-school-left-distance .school-type-way span {
	float: left;
	display: block;
	margin: 4px 8px 0 0;
	padding-right: 8px;
	position: relative;
	font-size: 12px;
	color: #8C8C8C;
	line-height: 17px;
}

.m-school-left-distance .school-type-way span:after {
	content: "";
	width: 1px;
	height: 12px;
	background: #D9D9DA;
	position: absolute;
	right: 0;
	top: 2.5px;
}

.m-school-left-distance .school-type-way span:last-child {
	margin: 4px 0 0;
	padding: 0;
}

.m-school-left-distance .school-type-way span:last-child:after {
	content: "";
	width: 0;
}

.m-school-left-distance .school-type-way i {
	font-size: 12px;
	color: #262626;
}

.curr-feature {
	width: 100%;
	padding: 0px 16px 12px;
}

.m-class-feature-list {
	margin-top: 12px !important;
	padding: 10px 21px 10px 0;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #f1f9ff;
}

.m-class-feature-list li {
	width: 100%;
	height: 24px;
	padding-left: 26px;
	position: relative;
	overflow: hidden;
	font-size: 15px;
	line-height: 24px;
	text-align: justify;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #595959;
}

.m-class-feature-list li:before {
	width: 6px;
	height: 6px;
	position: absolute;
	z-index: 10;
	top: 9px;
	left: 12px;
	content: '';
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #1a8cff;
}

.curr-det .jg-title {
	padding: 20px 0 0;
}

.curr-schedule .schedule-img {
	margin-top: 12px;
}

.curr-schedule .schedule-img,
.curr-schedule .schedule-img img {
	display: block;
	width: 100%;
	height: auto;
}

.harvest-con {
	margin-top: 12px;
	padding: 10px 16px 10px 0;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #FFF9F2;
}

.harvest-con li {
	width: 100%;
	padding-left: 26px;
	position: relative;
	overflow: hidden;
	font-size: 15px;
	line-height: 20px;
	color: #595959;
}

.harvest-con li::before {
	width: 6px;
	height: 6px;
	position: absolute;
	z-index: 10;
	top: 9px;
	left: 12px;
	content: '';
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #FE5900;
}

.harvest-con li img {
	width: 100%
}

.course-details {
	position: relative;
	margin-top: 12px;
}

.course-details .m-class-detail-box {
	/*max-height:580px;*/
	font-size: 15px;
	color: #262626;
	line-height: 21px;
	overflow: hidden;
}

.m-class-detail-box img {
	max-width: 100%;
	height: auto !important;
}

.m-class-detail-box table {
	width: 100%;
}

.m-class-detail-img {
	width: 100%;
	height: auto;
	margin-top: 15px;
}

.m-class-detail-txt,
.m-class-detail-box>p,
.m-class-detail-box .cont-editor p {
	margin-top: 16px;
	font-size: 15px;
	line-height: 24px;
	color: #262626;
}

.m-class-detail-more a {
	height: 18px;
	margin-top: 10px;
	display: inline-block;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	color: #1a8cff;
}

.course-details .intr-mask {
	width: 100%;
	height: 80px;
	background: linear-gradient(180deg, rgba(254, 255, 255, 0) 0%, #FFFFFF 100%);
	position: absolute;
	left: 0;
	top: 500px;
	z-index: 1;
}

.course-details .intr-up-down {
	width: calc(100% - 32px);
	height: 36px;
	margin: 0 auto;
	background: #FFFFFF;
	border-radius: 18px;
	border: 1px solid #1A8CFF;
	display: flex;
	justify-content: center;
	align-items: center;
}

.course-details .intr-up-down>span {
	font-size: 13px;
	color: #1A8CFF;
}

.course-details .intr-up-down>i {
	width: 16px;
	height: 16px;
	background: #1A8CFF;
}

.m-class-other-watching {
	padding: 0px 0 16px 16px !important;
}

.m-class-other-watching-list {
	margin-top: 12px;
	margin-left: -16px;
}

.m-class-other-watching-list .swiper-slide {
	width: 130px;
	margin-right: 10px;
}

.m-class-other-watching-list .swiper-slide:first-child {
	margin-left: 16px;
}

.m-class-other-watching-list img {
	width: 130px;
	height: 78px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.m-class-other-watching-list p {
	width: 100%;
	max-height: 36px;
	margin-top: 8px;
	display: -webkit-box;
	overflow: hidden;
	font-size: 14px;
	line-height: 18px;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	color: #262626;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.m-class-other-watching .swiper-slide:last-child {
	margin-right: 16px;
}

.pages {
	margin: 10px auto;
	padding: 0 70px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	overflow: hidden;
	font-size: 14px;
	line-height: 50px;
	color: #999;
	background-color: #fff;
}

.pages a {
	cursor: pointer;
	color: #ABABAB;
}

.pages a.on,
.pages a:hover {
	color: #FE5900;
}

.pages a.disabled,
.pages a.disabled:hover {
	cursor: not-allowed;
	color: #ddd;
}

.pages span {
	text-align: center;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
}

.jesong_pan_icon {
	display: none !important;
}

.evaluation-tab {
	width: 100%;
	padding: 6px 8px 0px 16px;
}

.evaluation-tab-list {
	width: 100%;
	max-height: 77px;
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	position: relative;
}

.evaluation-tab-list>li {
	margin-right: 8px;
	margin-top: 10px;
}

.evaluation-tab-list .active a {
	background: #FFF9F3;
	color: #FE8A00;
	font-weight: 600;
}

.evaluation-tab-list>li>a {
	display: block;
	padding: 0 15px;
	background: #F5F6F7;
	border-radius: 14px;
	font-size: 12px;
	color: #595959;
	line-height: 28px;
}

.evaluation-tab .updown {
	display: block;
	width: 100%;
	height: 16px;
	margin-top: 8px;
}

.evaluation-tab .updown>i {
	width: 16px;
	height: 16px;
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 16px;
	color: #8C8C8C;
}

.no-position {
	width: calc(100% - 16px);
	height: 40px;
	background: #F1F9FE;
	border-radius: 20px;
	border: 1px solid rgba(26, 140, 255, 0.2);
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 12px auto;
	padding: 0 8px 0 18px;
}

.no-position>div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.no-position>div>i {
	margin-right: 2px;
	font-size: 16px;
}

.no-position>div>span {
	font-size: 14px;
	color: #1A8CFF;
}

.no-position i {
	width: 16px;
	height: 16px;
	color: #1A8CFF;
	/* font-size:16px;*/
	text-align: center;
	line-height: 16px;
}

.info-list {
	width: 100%;
	padding: 0 16px;
	background: #fff;
}

.info-list .info-item {
	display: block;
	width: 100%;
	padding: 16px 0;
	border-bottom: 1px solid #EBEBEB;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.info-list .info-item span {
	height: 44px;
	flex: 1;
	font-size: 16px;
	color: #262626;
	line-height: 22px;
}

.info-list .info-item img {
	display: block;
	width: 83px;
	height: 62px;
	border-radius: 4px;
	margin-left: 16px;
	flex-shrink: 0;
}

/* 鐠у嫯顔嗙拠锔藉剰 */
.m-info-detail-container {
	padding: 16px 16px 30px;
}

.m-info-detail-container h1 {
	font-size: 24px;
	font-weight: 600;
	color: #262626;
	line-height: 32px;
	margin-bottom: 14px;
}

.m-info-detail-container .info-lab {
	width: 100%;
	height: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.m-info-detail-container .info-lab>span {
	display: block;
	margin-right: 16px;
	font-size: 12px;
	color: #8C8C8C;
	line-height: 20px;
}

.m-info-detail-container .m-info-detail-summary img {
	width: 25px;
	position: relative;
	top: -3px;
}

.m-info-detail-container .m-info-detail-summary p {
	width: -moz-calc(100% - 31px);
	width: calc(100% - 31px);
	margin-left: 6px;
	font-size: 15px;
	line-height: 26px;
	color: #8c8c8c;
}

.m-info-detail-container .m-info-detail-article p {
	margin-top: 20px;
	font-size: 16px;
	line-height: 29px;
	text-align: justify;
	color: #262626;
}

.m-info-detail-container .m-info-detail-article img {
	width: 100%;
	height: auto;
	margin-top: 20px;
}

/* 鐎涳箒鍨傞弫鐗堝祦 */
.jyb-btn-yellow {
	background: #FE8A00;
	border-radius: 15px !important;
	font-size: 13px !important;
	color: #FFFFFF !important;
	line-height: 30px !important;
	border: 0 !important;
}

.m-fee-sign {
	width: calc(100% - 32px);
	margin: 4px 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.m-fee-sign>span {
	font-size: 12px;
	color: #8C8C8C;
	line-height: 17px;
}

.m-fee-sign>div {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-left: 12px;
}

.m-fee-sign>div>i {
	display: block;
	width: 8px;
	height: 8px;
	margin-right: 4px;
}

.m-fee-sign>div>span {
	display: block;
	font-size: 12px;
	color: #8C8C8C;
}

/* 閺岃京濮搁崶锟� */
.m-fee-bar-box {
	position: relative;
	margin-top: 0px !important;
	padding-bottom: 60px;
	background: #fff;
}

.m-fee-box-mask {
	width: 100%;
	height: 76px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
	position: absolute;
	left: 0;
	bottom: 60px;
}

.m-fee-updown {
	width: 100%;
	height: 60px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 13px;
	color: #262626;
}

.m-fee-updown>i {
	margin-left: 2px;
}

.histogram {
	width: 100%;
	max-height: 280px !important;
	overflow: hidden;
}

.m-fee-bar-box .histogram.maxhnone {
	max-height: none !important;
}

.histogram>li {
	margin-top: 20px;
}

.histogram>li .his-name {
	width: 100%;
	font-size: 12px;
	color: #262626;
	line-height: 17px;
	margin-bottom: 8px;
}

.histogram>li .his-box {
	width: 100%;
	height: 28px;
}

.histogram>li .his-box>div {
	height: 12px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 4px;
}

.histogram>li .his-box>div:first-child i {
	background: #FFD873;
}

.histogram>li .his-box>div:last-child i {
	background: #FE8A00;
}

.histogram>li .his-box>div>i {
	display: block;
	height: 12px;
}

.histogram>li .his-box>div>span {
	display: block;
	margin-left: 8px;
	font-size: 12px;
	color: #8C8C8C;
}

/* 鐠囧墽鈻肩€涳箒鍨� */
.m-fee-list {}

.m-fee-list>li {
	width: 100%;
	padding: 16px 0;
	padding-right: 16px;
	border-bottom: 1px solid #EBEBEB;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.m-fee-list>li>div {
	flex: 1;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.m-fee-list>li>div>img {
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin-right: 12px;
}

.m-fee-list .m-fee-item-msg {
	border-bottom: 0;
	padding: 0;
	margin-left: 16px;
	flex: 1;
}

.m-fee-list .m-fee-item-msg>div {
	display: flex;
	justify-content: flex-start;
	align-content: center;
}

.m-fee-list .m-fee-item-msg>div>em {
	font-size: 14px;
	color: #262626;
	line-height: 20px;
}

.m-fee-list .m-fee-item-msg>div>span {
	display: inline-block;
	margin-left: 8px;
	font-size: 14px;
	color: #262626;
	line-height: 20px;
	flex: 1;
	max-width: 190px;
}

.m-fee-list .m-fee-item-msg>p>span {
	display: inline-block;
	margin-left: 4px;
}

.m-fee-list .m-fee-item-msg>p>em,
.m-fee-list .m-fee-item-msg>p>span {
	font-size: 13px;
	color: #8C8C8C;
	line-height: 18px;
}

.m-fee-list>li>span {
	font-size: 14px;
	font-weight: 600;
	color: #FE5900;
}

.m-fee-drop-box {
	width: 100%;
	background: #fff;
}

.m-fee-list-out .m-fee-drop-box.active {
	position: fixed;
	left: 0;
	top: 44px;
	z-index: 101;
}

.m-fee-list-out .m-fee-drop-box.active .m-fee-nav {
	padding-bottom: 12px;
	border-bottom: 1px solid #E5E8ED;
}

.m-fee-drop-box .m-fee-nav {
	width: 100%;
	padding: 12px 16px 4px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.m-fee-nav-list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-right: 20px;
}

.m-fee-nav-list>span {
	display: block;
	font-size: 14px;
	color: #262626;
	line-height: 20px;
}

.m-fee-nav-list>i {
	display: block;
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 16px;
	color: #262626;
	line-height: 20px;
}

.m-fee-drop-box .m-fee-nav .active>span {
	color: #FE8A00;
}

.m-fee-drop-box .m-fee-nav .active>i {
	color: #FE8A00;
}

.m-fee-drop-out {
	width: 100%;
	height: 406px;
	display: none;
}

.m-fee-drop {
	width: 100%;
	height: 362px;
}

.m-fee-mask {
	z-index: 99;
}

.m-fee-drop-btn {
	width: 100%;
	height: 43px;
	border-top: 1px solid #E5E8ED;
	display: flex;
	justify-content: center;
	align-items: center;
}

.m-fee-drop-btn span {
	display: block;
	width: 50%;
	height: 43px;
	font-size: 15px;
	color: #262626;
	line-height: 43px;
	text-align: center;
}

.m-fee-drop-btn .drop-btn-complete {
	border-left: 1px solid #E5E8ED;
	font-weight: 600;
	color: #FE8A00;
}

.m-fee-drop {
	display: flex;
	justify-content: flex-start;
}

.m-fee-drop .drop-l {
	width: 143px;
	height: 362px;
	overflow-y: auto;
	padding: 15px 16px;
	border-right: 1px solid #E5E8ED;
}

.m-fee-drop .drop-l>li {
	width: 100%;
	padding: 15px 0;
	font-size: 14px;
	color: #262626;
	line-height: 20px;
}

.m-fee-drop .drop-l>.active {
	font-weight: 600;
	color: #FE8A00;
}

.m-fee-drop .drop-r {
	flex: 1;
	height: 362px;
	overflow-y: auto;
	padding: 15px 16px;
}

.m-fee-drop .drop-r>ul {
	display: none;
}

.m-fee-drop .drop-r>.active {
	display: block;
}

.m-fee-drop .drop-r>ul>li {
	width: 100%;
	padding: 15px 0;
	font-size: 14px;
	color: #262626;
	line-height: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.m-fee-drop .drop-r>ul>li>label {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.m-fee-drop .drop-r .checkbox {
	display: none;
}

.m-fee-drop .drop-r .check-mark {
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 1px solid #bbb;
	background: #FFF;
	margin-right: 5px;
	vertical-align: middle;
	top: -1px;
	flex-shrink: 0;
}

.m-fee-drop .drop-r .label .checkbox:checked+.check-mark {
	position: relative;
	background: #FE8A00;
	border: 1px solid #FE8A00;
}

.m-fee-drop .drop-r .label .checkbox:checked+.check-mark:before {
	content: "";
	position: absolute;
	width: 6px;
	transition: .1s;
	height: 3px;
	top: 45%;
	left: 50%;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: translate(-50%, -50%) rotate(-45deg);
}

/* 閻儴鐦戞惔锟� */
.knowinfo-list {
	width: 100%;
	padding: 0 16px;
	background: #fff;
}

.knowinfo-item {
	width: 100%;
	display: block;
	padding: 16px 0;
	border-bottom: .5px solid #eee;
}

.knowinfo-item h3 {
	font-size: 17px;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: 0;
	color: #262626;
}

.knowinfo-item>span {
	margin-top: 6px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.knowinfo-item img {
	width: 14px;
	height: 14px;
	margin-right: 4px;
	display: inline-block;
}

.knowinfo-item em {
	height: 14px;
	display: inline-block;
	font-size: 13px;
	line-height: 14px;
	letter-spacing: 0;
	color: #8c8c8c;
}

.m-knowledge-detail {
	padding: 16px 0 24px 16px;
}

/* 閻儴鐦戞惔鎾诡嚊閹懘銆� */
.m-know-details {
	width: 100%;
}

.m-know-details .know-tit {
	padding: 16px 0px;
	margin: 0 16px;
	border-bottom: .5px solid #e6e6e6;
}

.m-know-details .know-tit h1 {
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	color: #262626;
}

.m-know-details .know-tit span {
	display: block;
	margin-top: 10px;
	color: #8c8c8c;
	font-size: 12px;
}

.m-knowledge-detail-top {
	margin-right: 12px;
	padding-bottom: 16px;
	border-bottom: .5px solid #e6e6e6;
}

.m-knowledge-detail-top h1 {
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	color: #262626;
}

.m-knowledge-detail-top p {
	margin-top: 14px;
	font-size: 12px;
	line-height: 17px;
	color: #8c8c8c;
}

.m-knowledge-detail-top p span+span {
	margin-left: 16px;
}

.m-knowledge-detail-container {
	padding: 0 16px 16px;
}

.m-knowledge-detail-container img {
	max-width: 100%;
}

.m-knowledge-detail-container h3 {
	height: 22px;
	margin-top: 24px;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	text-align: justify;
	color: #262626;
}

.m-knowledge-detail-container p {
	margin-top: 16px;
	font-size: 15px;
	line-height: 26px;
	text-align: justify;
	color: #262626;
}

.m-knowledge-detail-container table {
	width: 100%;
	margin-top: 16px;
	border-spacing: 0;
	border-collapse: collapse;
	text-align: left;
	border-top: .5px solid #e1e1e1;
	border-left: .5px solid #e1e1e1;
}

.m-knowledge-detail-container thead {
	background: #f5f5f6;
}

.m-knowledge-detail-container th,
.m-knowledge-detail-container td {
	padding: 7px 16px 11px;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	text-align: justify;
	color: #262626;
	border-right: .5px solid #e1e1e1;
	border-bottom: .5px solid #e1e1e1;
}

.m-knowledge-detail-container th {
	color: #595959 !important;
}

.set-width {
	width: 92px;
}

.m-knowledge-detail-container tr td:first-child {
	max-width: -moz-calc(100vw - 124px);
	max-width: calc(100vw - 124px);
}

.m-knowledge-detail-container tr td:first-child span {
	max-width: -moz-calc(100% - 38px);
	max-width: calc(100% - 38px);
	display: inline-block;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@media screen and (max-width:320px) {

	.m-knowledge-detail-container th,
	.m-knowledge-detail-container td {
		padding: 7px 6px 11px;
		font-size: 12px;
	}

	.set-width {
		width: 62px;
	}

	.m-knowledge-detail-container tr td:first-child {
		max-width: -moz-calc(100vw - 96px);
		max-width: calc(100vw - 96px);
	}
}

.m-knowledge-detail-container thead th:first-child {
	border-right: 0;
}

.m-knowledge-detail-container .jyb-btn {
	width: 100%;
	height: 50px;
	margin-top: 16px;
	margin-left: 0;
	font-size: 16px;
	line-height: 48px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.m-knowledge-detail-container .jyb-btn img {
	width: 18px;
	height: 18px;
	margin-right: 8px;
	position: relative;
	top: 2px;
	display: inline-block;
}

.m-knowledge-detail-download {
	height: 50px;
	margin-top: 16px;
	line-height: 48px;
	text-align: center;
	border: 1px dashed #1a8cff;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.m-knowledge-detail-download a {
	height: 20px;
	font-size: 14px;
	letter-spacing: 0;
	color: #1a8cff;
}

.m-knowledge-detail-download img {
	width: 13px;
	height: 13px;
	position: relative;
	top: 2px;
	display: inline-block;
}

.m-knowledge-detail-data {
	padding: 23px 16px;
}

.m-knowledge-detail-data .m-news-data-container {
	margin-top: 16px;
}

/* 韫囨顒� */
/* 閺佹瑥绗€閸掓銆冮崗顒€鍙ss */
.gary-line {
	margin-top: 20px;
	width: 100vw;
	transform: translateX(-16px);
	height: 10px;
	background: #F5F6F7;
	-webkit-transform: translateX(-16px);
	-moz-transform: translateX(-16px);
	-ms-transform: translateX(-16px);
	-o-transform: translateX(-16px);
}

.teach-list .teach-list-title-l {
	font-size: 18px;
	font-weight: 600;
	color: #262626;
}

.m-list-main li a {
	display: flex;
}

.m-list-main .m-teach-img {
	height: 52px;
	width: 52px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	overflow: hidden;
	margin-right: 12px;
}

.m-teach-img img {
	height: 100%;
	width: 100%;
}

.m-teach-intro {
	flex: 1;
	width: calc(100% - 84px);
}

.m-list-main .m-teach-intro h3 {
	font-size: 17px;
	font-weight: 600;
	color: #262626;
	line-height: 26px;
}

.m-list-main .m-teach-intro p {
	font-size: 13px;
	color: #595959;
	margin-bottom: 2px;
}

.m-teach-intro p em {
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #D9D9DA;
	margin: 0 6px;
}

.m-list-main .m-teach-intro span {
	font-size: 13px;
	display: block;
	color: #8C8C8C;
}

.m-list-main li {
	padding: 20px 0 20px;
	border-bottom: 1px #EBEBEB solid;
}

.m-list-main li:last-child {
	border-bottom: none;
}

/* 2022.06.08閺傛澘顤冮崝锟� */
.jg-foot .foot-icon-btn {
	width: 139px;
}

.foot-icon-btn>div {
	padding: 0 10px;
}

.foot-tips {
	left: 6px;
}

.foot-right-btn {
	flex: 1;
	height: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.jg-foot .foot-appointment {
	margin-left: 8px;
	font-size: 15px;
}

.jg-foot .wx-consulting {
	flex: 1;
	height: 40px;
	background: linear-gradient(90deg, #01D869 0%, #07C260 100%);
	border-radius: 20px 20px 20px 20px;
	font-size: 15px;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
}

.wx-consulting-list {
	width: 100%;
}

.wx-consulting-item {
	width: 100%;
	height: 114px;
	padding: 28px 16px 20px;
	margin-top: 12px;
	background: #fff;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.wx-consulting-item .item-angle {
	width: 92px;
	height: 28px;
	background: url(../images/wx-angle.png) center center no-repeat;
	background-size: 100% 100%;
	padding-left: 23px;
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 22px;
}

.wx-consulting-item .back {
	width: 190px;
	height: 68px;
	background: url(../images/wx-consulting-back.png) center center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0px;
	top: 0px;
}

.wx-consulting-item .item-l {
	width: calc(100% - 94px);
}

.item-l .name-school,
.item-l .wx-code {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 6px;
}

.name-school span {
	display: block;
	margin-right: 4px;
	font-size: 16px;
	font-weight: 600;
	color: #262626;
	line-height: 22px;
}

.name-school em {
	font-size: 12px;
	color: #595959;
	line-height: 16px;
}

.wx-code>span {
	display: block;
	margin-right: 4px;
	font-size: 12px;
	color: #8C8C8C;
	line-height: 16px;
}

.wx-code>i {
	width: 14px;
	height: 14px;
	font-size: 20px;
	color: #8C8C8C;
	background: #8C8C8C;
	text-align: center;
	line-height: 14px;
}

.item-l>p {
	font-size: 12px;
	color: #8C8C8C;
	line-height: 16px;
}

.wx-consulting-item .item-r {
	width: 84px;
	height: 40px;
	flex-shrink: 0;
	background: linear-gradient(90deg, #07C260 0%, #01D869 100%);
	border-radius: 20px;
	padding-left: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
}

.wx-consulting-item .item-r span {
	font-size: 13px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 40px;
}

.wx-consulting-item .item-r i {
	width: 16px;
	height: 16px;
	background: #FFFFFF;
	line-height: 40px;
}

.wx-alert-mask,
.agreement-alert-mask {
	width: 100%;
	height: 100%;
	background: rgba(38, 38, 38, 0.4);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 105;
}

/* 濞ｈ濮炲顔讳繆閸溿劏顕� */
/*.wx-consulting-alert {
    width: 323px;
    padding: 32px 18px;
    background: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 102;
    display: none;
}

.clear {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 12px;
    top: 12px;
    background: #8C8C8C;
    font-size: 16px;
    color: #8C8C8C;
    text-align: center;
    line-height: 24px;
}

.wx-consulting-alert .alert-tit {
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 600;
    color: #262626;
    text-align: center;
    line-height: 26px;
}

.wx-consulting-alert .vice-tit {
    display: block;
    font-size: 15px;
    color: #8C8C8C;
    text-align: center;
    line-height: 22px;
}

.limit-tips {
    display: block;
    width: 211px;
    margin: 16px auto 0px;
    font-size: 12px;
    color: #FE9A00;
    text-align: center;
    line-height: 16px;
}

.wx-consulting-alert .form {
    width: 100%;
    margin: 16px 0;
}

.form .phone,
.form .code {
    width: 100%;
    height: 44px;
    padding: 0 16px;
    background: #FFFFFF;
    border-radius: 22px;
    border: 1px solid #D9D9DA;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form .phone input,
.form .code input {
    width: 100%;
    height: 44px;
    background: transparent;
    font-size: 15px;
    color: #333;
    line-height: 20px;
}

.wx-consulting-alert2 .form .phone input,
.wx-consulting-alert3 .form .phone input {
    width: calc(100% - 80px);
}

.wx-consulting-alert2 .form .phone,
.wx-consulting-alert3 .form .phone {
    margin-bottom: 16px;
}

.form .phone .switch {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.form .phone .switch i {
    display: block;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    background: #FE5900;
}

.form .phone .switch span {
    display: block;
    font-size: 13px;
    color: #FE5900;
}

.form .code {
    width: 100%;
    height: 44px;
    padding: 0 16px;
    background: #FFFFFF;
    border-radius: 22px;
    border: 1px solid #D9D9DA;
    margin-bottom: 12px;
}

.form .code input {
    width: calc(100% - 85px);
}

.form .code button {
    width: 85px;
    height: 44px;
    background: transparent;
    text-align: right;
    font-size: 15px;
    color: #FE5900;
}

.form .confirm {
    width: 100%;
    height: 44px;
    background: linear-gradient(90deg, #FF6100 0%, #FE8D00 100%);
    border-radius: 22px;
    font-size: 17px;
    font-weight: 600;
    color: #FFFFFF;
    text-align: center;
    line-height: 44px;
}

.agreement {
    font-size: 12px;
    color: #595959;
    line-height: 16px;
}

.agreement>span {
    display: inline-block;
    color: #1A8CFF;
    padding-bottom: 1px;
    border-bottom: 1px solid #1A8CFF;
}*/

.agreement-alert {
	width: 323px;
	height: 500px;
	background: #FFFFFF;
	border-radius: 8px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 106;
	padding: 32px 18px 0;
	display: none;
}

.agreement-alert .tit {
	display: block;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 600;
	color: #262626;
	text-align: center;
	line-height: 26px;
}

.agreement-alert .agre-tab {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 11px;
}

.agreement-alert .agre-tab>span {
	display: block;
	margin-right: 24px;
	font-size: 15px;
	color: #8C8C8C;
	line-height: 21px;
}

.agreement-alert .agre-tab>span:last-child {
	margin-right: 0;
}

.agreement-alert .agre-tab>.active {
	font-weight: 600;
	color: #1A8CFF;
	position: relative;
}

.agreement-alert .agre-tab>.active:after {
	content: '';
	width: 20px;
	height: 3px;
	background: #1A8CFF;
	position: absolute;
	left: 50%;
	bottom: -8px;
	transform: translate(-50%);
}

.agre-text {
	width: 100%;
	height: 342px;
	overflow-x: hidden;
	overflow-y: auto;
}

.agre-close {
	width: 100%;
	height: 48px;
	background: #FFFFFF;
	font-size: 17px;
	color: #1A8CFF;
	text-align: center;
	line-height: 48px;
}

.agre-text h2 {
	font-size: 20px;
	color: #333;
	font-weight: 600;
	margin: 10px 0;
}

.agre-text p {
	font-size: 14px;
	color: #262626;
	line-height: 22px;
	margin-bottom: 6px;
}

/*.qr-code-box {
    width: 323px;
    padding: 16px 12px 40px;
    background: url(../images/wx-info-back1.png) center center no-repeat;
    background-size: 100% 100%;
    border-radius: 8px 8px 8px 8px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 103;
}

    .qr-code-box .clear {
        background: #fff;
    }

.qr-code-box2 {
    background: url(../images/wx-info-back2.png) center center no-repeat;
    background-size: 100% 100%;
}

.qr-code-box .code-t1 {
    width: 100%;
    height: 40px;
    margin-bottom: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .qr-code-box .code-t1 .logo {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #fff;
        margin-right: 8px;
    }

        .qr-code-box .code-t1 .logo img {
            display: block;
            width: 40px;
            height: 40px;
            border-radius: 50%;
        }

    .qr-code-box .code-t1 span {
        display: block;
        font-size: 15px;
        color: #FFFFFF;
        line-height: 20px;
    }

.code-con {
    width: 100%;
    height: 311px;
    padding-top: 20px;
    background: #FFFFFF;
    border-radius: 8px;
}

.qr-code-box2 .code-con {
    height: 242px;
}

.code-con .code-name {
    display: block;
    width: 100%;
    height: 28px;
    margin-bottom: 4px;
    font-size: 20px;
    font-weight: 600;
    color: #262626;
    text-align: center;
    line-height: 28px;
}

.code-con .code-tips {
    display: block;
    font-size: 13px;
    color: #8C8C8C;
    text-align: center;
    line-height: 18px;
}

.wx-num {
    margin: 21px auto 12px;
    width: 211px;
    height: 52px;
    border: 1px solid #D9D9DA;
    border-radius: 8px;
    position: relative;
}

    .wx-num > span {
        display: block;
        width: 70px;
        height: 16px;
        position: absolute;
        left: 50%;
        top: -8px;
        transform: translate(-50%);
        background: #fff;
        font-size: 12px;
        color: #ABABAB;
        text-align: center;
        line-height: 16px;
    }

    .wx-num > div {
        width: 100%;
        height: 52px;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

        .wx-num > div em {
            display: block;
            height: 52px;
            font-size: 18px;
            color: #262626;
            line-height: 52px;
        }

        .wx-num > div span {
            display: block;
            width: 32px;
            height: 20px;
            border-radius: 4px;
            border: 1px solid #D9D9DA;
            margin-left: 8px;
            font-size: 12px;
            font-style: normal;
            color: #8C8C8C;
            text-align: center;
        }

.code-con .qr-code-imgs {
    display: block;
    width: 140px;
    height: 140px;
    margin: 0 auto;
}

.qr-code-box2 .code-con .qr-code-imgs {
    margin-top: 16px;
}

.qr-code-box .preservation,
.canvas1 .preservation,
.canvas2 .preservation {
    width: 132px;
    height: 44px;
    background: #FFFFFF;
    border-radius: 22px;
    border: 1px solid #06C662;
    position: absolute;
    left: 50%;
    bottom: -72px;
    transform: translate(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

    .qr-code-box .preservation i,
    .canvas1 .preservation i,
    .canvas2 .preservation i {
        display: block;
        width: 20px;
        height: 20px;
        background: #06C662;
        margin-right: 2px;
    }

    .qr-code-box .preservation span,
    .canvas1 .preservation span,
    .canvas2 .preservation span {
        font-size: 14px;
        font-weight: 600;
        color: #06C662;
        line-height: 20px;
    }

.download_icon {
    -webkit-mask: url('../fonts/download-icon.svg') no-repeat;
    mask: url('//static.jiaoyubao.cn/images/common/download-icon.svg') no-repeat;
}

.switch_icon {
    -webkit-mask: url('../fonts/switch-icon.svg') no-repeat;
    mask: url('../fonts/switch-icon.svg') no-repeat;
}

.canvas1 {
    width: 323px;
    height: 415px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 103;
    border-radius: 8px 8px 8px 8px;
}

.canvas2 {
    width: 323px;
    height: 346px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 103;
    border-radius: 8px 8px 8px 8px;
}

.canvas1 img,
.canvas2 img {
    width: 100%;
    height: 100%;
}*/

/* 婢堆冩寘 */
.big-shot {
	width: 100%;
	background: #fff;
	margin-top: 12px;
	padding-bottom: 16px;
	line-height: 1;
}

.big-list {
	width: 100%;
	padding: 0 16px;
	background: #fff;
	margin-bottom: 16px;
}

.big-list>li:after {
	width: 200%;
	height: 200%;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	content: ' ';
	transform: scale(0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #EBEBEB;
	border-radius: 10px;
}

/* .big-list>li:last-child:after {
	display: none;
} */

.big-list>li {
	position: relative;
}

.big-list>li>a {
	display: block;
	padding: 20px 0;
	position: relative;
	z-index: 1;
}

.big-list>li>a .big-info {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.big-list>li>a .big-info img {
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	margin-right: 12px;
	flex-shrink: 0;
}

.big-list>li>a .big-info .big-info-r {
	width: calc(100% - 60px);
}

.big-list>li>a .big-info .big-info-r .info-r-t1 {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.big-list>li>a .big-info .big-info-r .info-r-t1 span {
	display: block;
	margin-right: 10px;
	font-size: 16px;
	font-weight: 600;
	color: #262626;
	line-height: 22px;
}

.big-list>li>a .big-info .big-info-r .info-r-t1 div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.big-list>li>a .big-info .big-info-r .info-r-t1 div i {
	width: 14px;
	height: 14px;
	font-size: 14px;
	color: #8C8C8C;
}

.big-list>li>a .big-info .big-info-r .info-r-t1 div span {
	display: block;
	margin-left: 3px;
	font-size: 14px;
	color: #8C8C8C;
	font-weight: 400;
	line-height: 20px;
}

.big-list>li>a .big-info .big-info-r p {
	margin-top: 4px;
	font-size: 14px;
	color: #595959;
	line-height: 20px;
}

.big-list>li>a .field {
	width: 100%;
	margin-top: 12px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.big-list>li>a .field span {
	display: block;
	font-size: 14px;
	color: #8C8C8C;
	line-height: 20px;
}

.big-list>li>a .field ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.big-list>li>a .field ul li {
	height: 22px;
}

.big-list>li>a .field ul li a {
	display: block;
	height: 22px;
	background: #F5F6F7;
	border-radius: 4px;
	padding: 0 5px;
	margin-right: 6px;
	font-size: 13px;
	color: #595959;
	line-height: 22px;
}

.big-list>li>a .appointment-out {
	height: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 13px;
}

.big-list>li>a .appointment-out .appointment {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.big-list>li>a .appointment-out .appointment li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-right: 15px;
	position: relative;
}

.big-list>li>a .appointment-out .appointment li span {
	display: block;
	font-size: 14px;
	color: #8C8C8C;
	line-height: 20px;
	margin-right: 4px;
}

.big-list>li>a .appointment-out .appointment li em {
	font-size: 14px;
	color: #262626;
	line-height: 20px;
}

.big-list>li>a .appointment-out .appointment li .free {
	color: #8C8C8C;
}

.big-list>li>a .appointment-out .appointment li:after {
	content: '';
	width: 3px;
	height: 3px;
	background: #ABABAB;
	border-radius: 50%;
	position: absolute;
	right: 6px;
	top: 9px;
}

.big-list>li>a .appointment-out .appointment li:last-child:after {
	display: none;
}

.big-list>li>a .appointment-out .consulting {
	width: 70px;
	height: 30px;
	flex-shrink: 0;
	border-radius: 15px;
	border: 1px solid #FE5900;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 6px;
}

.big-list>li>a .appointment-out .consulting span {
	font-size: 13px;
	font-weight: 600;
	color: #FE5900;
}

.big-list>li>a .appointment-out .consulting i {
	font-size: 16px;
	color: #FE5900;
}

/* .head-top-active {
    background: transparent !important;
    border-bottom: 1px solid transparent !important;
} */

.rq-tips {
	text-align: center;
	font-size: 12px;
	color: #8C8C8C;
	margin-top: 2px;
}

.jyb-tips {
	min-height: 44px;
	height: auto;
}

.jyb-tips p {
	line-height: 24px;
	height: auto;
	padding: 10px 20px;
}


.alert-foot-a {
	display: block;
	width: calc(100% + 36px);
	height: 48px;
	background: #FAFBFC;
	border-radius: 0px 0px 8px 8px;
	margin-top: 20px;
	margin-left: -18px;
	font-size: 15px;
	color: #595959;
	text-align: center;
	line-height: 48px;
}

/* 瀛﹁垂鏁版嵁寮规 */
.consulting-alert {
	width: 323px;
	padding: 32px 18px 0;
	background: #FFFFFF;
	border-radius: 8px 8px 8px 8px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 102;
	display: none;
}

.clear {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 12px;
	top: 12px;
	background: #8C8C8C;
	font-size: 16px;
	color: #8C8C8C;
	text-align: center;
	line-height: 24px;
}

.consulting-alert .alert-tit {
	display: block;
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 600;
	color: #262626;
	text-align: center;
	line-height: 26px;
}

.consulting-alert .vice-tit {
	display: block;
	font-size: 15px;
	color: #8C8C8C;
	text-align: center;
	line-height: 22px;
}

.limit-tips {
	display: block;
	width: 211px;
	margin: 16px auto 0px;
	font-size: 12px;
	color: #FE9A00;
	text-align: center;
	line-height: 16px;
}

.consulting-alert .form {
	width: 100%;
	margin: 16px 0;
}

.form .phone,
.form .code {
	width: 100%;
	height: 44px;
	padding: 0 16px;
	background: #FFFFFF;
	border-radius: 22px;
	border: 1px solid #D9D9DA;
	margin-bottom: 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.form .phone input,
.form .code input {
	width: 100%;
	height: 44px;
	background: transparent;
	font-size: 15px;
	color: #333;
	line-height: 20px;
}

.consulting-alert2 .form .phone input,
.consulting-alert3 .form .phone input {
	width: calc(100% - 80px);
}

.consulting-alert2 .form .phone,
.consulting-alert3 .form .phone {
	margin-bottom: 16px;
}

.form .phone .switch {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.form .phone .switch i {
	display: block;
	width: 14px;
	height: 14px;
	margin-right: 4px;
	background: #FE5900;
}

.form .phone .switch span {
	display: block;
	font-size: 13px;
	color: #FE5900;
}

.form .code {
	width: 100%;
	height: 44px;
	padding: 0 16px;
	background: #FFFFFF;
	border-radius: 22px;
	border: 1px solid #D9D9DA;
	margin-bottom: 12px;
}

.form .code input {
	width: calc(100% - 85px);
}

.form .code button {
	width: 85px;
	height: 44px;
	background: transparent;
	text-align: right;
	font-size: 15px;
	color: #FE5900;
}

.form .confirm {
	width: 100%;
	height: 44px;
	background: linear-gradient(90deg, #FF6100 0%, #FE8D00 100%);
	border-radius: 22px;
	font-size: 17px;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	line-height: 44px;
}

.agreement {
	font-size: 12px;
	color: #595959;
	line-height: 16px;
}

.agreement>span {
	display: inline-block;
	color: #1A8CFF;
	padding-bottom: 1px;
	border-bottom: 1px solid #1A8CFF;
}




.characteristic {
	width: calc(100% - 32px);
	margin: 12px auto 0;
	background: #FAFBFC;
	border-radius: 4px;
}

.characteristic .characteristic-t {
	width: 100%;
	height: 20px;
	background: #EDF8FF;
	border-radius: 4px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.characteristic .characteristic-t>img {
	display: block;
	width: 52px;
	height: 20px;
	flex-shrink: 0;
}

.characteristic .characteristic-t .char-text {
	display: block;
	width: calc(100% - 52px);
	overflow: hidden;
}

.characteristic .characteristic-t .char-text .char-text-swiper {
	/* animation: myscroll 5s linear infinite; */
	animation: 2s move linear normal forwards;
}

.characteristic .characteristic-t marquee {
	
}
.characteristic .characteristic-t  span {
	display: block;
	width: fit-content;
	font-size: 13px;
	color: #002566;
	line-height: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.characteristic>ul {
	width: 100%;
	height: 36px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	overflow: hidden;
}

.characteristic>ul>li {
	height: 36px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 9px;
}

.characteristic>ul>li>i {
	display: block;
	width: 12px;
	height: 12px;
	font-size: 12px;
	color: #42A7FF;
	text-align: center;
	line-height: 12px;
}

.characteristic>ul>li>span {
	display: block;
	font-size: 12px;
	color: #262626;
	line-height: 16px;
}