:root {
	--blackc: #000;
	--whitec: #fff;
	--bgcolor: #000000;
	--pfcolor: #666666;
	--pncolor: #999999;
	--brcolor: #da222a;
	--paracolor: #666666;
	--hoverbg: #dc3e03;
	--titlecolor: #000;
	--pcfsize12: 12px;
	--pcfsize14: 14px;
	--pcfsize16: 16px;
	--pcfsize20: 20px;
	--pcfsize28: 28px;
	--pcfsize36: 36px;
}

@media (min-width:320px) and (max-width:480px) {
	:root {
		--pcfsize12: 12px;
		--pcfsize16: 14px;
		--pcfsize20: 18px;
		--pcfsize28: 20px;
		--pcfsize36: 28px;
	}
}

/* 主题色 */
.zhuticolor {
	color: var(--brcolor);
}

.zhuticolor66 {
	color: var(--pfcolor);
}

.zhuticolor99 {
	color: var(--pncolor);
}

.zhuticolor33 {
	color: #333333;
}

.fsiz14 {
	font-size: var(--pcfsize14);
}

.fsiz16 {
	font-size: var(--pcfsize14);
}

.febold {
	font-weight: bold;
}

ul li {
	list-style-type: none;

}

dl,
ol,
ul {
	margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-size: 24px;
	font-weight: bold;
	color: var(--titlecolor);
	line-height: 1.2;
	font-family: "思源黑体", sans-serif;
	padding: 0;
	margin-bottom: 0;

}

img {
	max-width: 100%;
}

*,
p,
div {
	margin: 0;
	padding: 0;
	font-family: "思源黑体", sans-serif;
	box-sizing: border-box;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 15px;
}

h6 {
	font-size: 15px;
}

a {
	font-size: 16px;
	font-weight: 500;
	font-family: "思源黑体", sans-serif;
	text-decoration: none !important;
	color: var(--blackc);
	transition: .5s;
	display: inline-block;
	cursor: pointer;
}

a:focus,
a:hover {
	text-decoration: none;
	outline: none;
	color: var(--brcolor);
}

/* a:hover:hover {
	color: var(--brcolor);
} */
/* //在全局设置 */
input {
	/* display: none !important; */
	outline: none;
	border: none;
}

body {
	background-color: #F9F9F9;
}

.bradio10 {
	border-radius: 10px;
}

.borahead4 {
	border-radius: 4px 4px 0 0;
}

.borafooter4 {
	border-radius: 0 0 4px 4px;
}

.bora4 {
	border-radius: 4px;
}

.fs_flxe {
	display: flex;
}

.fs_flxec {
	display: flex;
	align-items: center;
}

.fs_row {
	display: flex;
	flex-wrap: wrap;
}

.fs_flxe_xc {
	align-items: center;
}

.fs_flxe_jc {
	justify-content: center;
}

.fs_flxe_jend {
	justify-content: flex-end;
}

.fs_flxe_jesb {
	justify-content: space-between;
}

.fs_flxe_xb_yc {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fs_flxe_xc_yc {
	display: flex;
	align-items: center;
	justify-content: center;
}

.fs_flxecp_xc_yc {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.fs_flxe_fdcol {
	flex-direction: column;
}

.mbot80 {
	margin-bottom: 80px;

}

.fs-ellipsis-1 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.fs-ellipsis-2 {
	display: -webkit-box;
	/* 使用弹性盒子布局模型 */
	-webkit-box-orient: vertical;
	/* 垂直排列子元素 */
	-webkit-line-clamp: 2;
	/* 限制在3行 */
	overflow: hidden;
	/* 隐藏溢出的内容 */
	text-overflow: ellipsis;
	/* 多行时显示省略号 */
	white-space: normal;
	/* 使用正常的白空格处理方式，允许换行 */
}

.fs-ellipsis-3 {
	display: -webkit-box;
	/* 使用弹性盒子布局模型 */
	-webkit-box-orient: vertical;
	/* 垂直排列子元素 */
	-webkit-line-clamp: 3;
	/* 限制在3行 */
	overflow: hidden;
	/* 隐藏溢出的内容 */
	text-overflow: ellipsis;
	/* 多行时显示省略号 */
	white-space: normal;
	/* 使用正常的白空格处理方式，允许换行 */
}


/* 标签 */
.item-biaoqian {
	background-image: linear-gradient(105deg, #C34550, #FF6F6F);
	border-radius: 0 0 0 4px;
	height: 33px;
	width: 68px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
}

/* 段落 */
.moreall_p {
	color: var(--paracolor);
	font-size: var(--pcfsize16);
}

.my-header {
	border-bottom: 1px solid #EEEEEE;
}

.my-header h3 {
	color: var(--brcolor);
	padding: 16px;
}

.header-visible {
	padding: 16px 32px;
	border-bottom: 1px solid #EEEEEE;
}

.more-icon {
	height: 18px;
	width: 18px;
	object-fit: cover;
}

.more-rigth {
	height: 18px;
	width: 18px;
}

.more-img18 {
	height: 18px;
	width: 18px;
}

.more-fenbgimg {
	border-radius: 4px 4px 0 0;
	position: relative;
	overflow: hidden;
	background-position: 50%;
	background-size: cover;
	width: 280px;
	height: 203px;
}



.more-fenbgimg img {
	height: 100%;
	width: 100%;
	transition: .5s;
	object-fit: cover;
	border-radius: 4px;
}

.more-ordercuse-img {
	border-radius: 4px 4px;
	position: relative;
	overflow: hidden;
	background-position: 50%;
	background-size: cover;
	width: 280px;
	height: 100%;
}

.order-open {
	color: #000;
	padding: 32px;
	background-color: #F9F9F9;
}

.more-ordercuse {
	height: 203px;
	margin: 16px 0;
}

.order-open-price {
	height: 60px;
}

.order-open-detail-item {
	margin-bottom: 16px;
}

.more-ordercuse-ri {
	margin-left: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.order-open-detail {
	font-size: var(--pcfsize14);
}

.order-open-footer {
	padding: 16px 0;
	background-color: #fff;
	border-top: 1px solid #EEEEEE;
}

.order-open-footer-but {
	width: 242px;
	height: 68px;
	border-radius: 34px;
}

.order-open-pinfen {
	padding: 32px;
	border-radius: 16rpx 16rpx 16rpx 16rpx;
	border: 2rpx solid rgba(218, 34, 42, 0.1);
	background: #FFFFFF;
}

.order-open-pinfenicen img {
	height: 30px;
	width: 30px;
	object-fit: cover;
}

.order-open-pinfenicen {
	margin-top: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.order-open-pinfenicen>div {
	width: 25%;
}

.order-open-bian,
.order-open-bian-liimg {
	padding: 32px;
	background-color: #fff;
}

.order-open-bian textarea {
	width: calc(100% - 52px);
	margin-left: 16px;
	height: 100px;
}

.more-ordercuse-text {
	margin-top: 8px;
}

.resize-none {
	resize: none;
	border: none;
	outline: none;
}

.el-dialog {
	padding: 0;
}

.el-dialog__header {
	padding: 0;
}

/* 分页*/
.page-all {
	margin-top: 32px;
}

.el-pagination {
	display: flex;
	flex-wrap: wrap;
}

.er-image {
	margin: 20px 0;
}

.form-red {
	color: red;
}

.er-image img {
	height: 200px;
	width: 200px;
	object-fit: cover;
}

/* 弹窗 */
.dialog-title {
	padding: 16px 40px;
}

.dialog-cen {
	color: var(--paracolor);
	padding: 16px 40px;
	text-align: center;
}

.dialog-footer {
	height: 50px;
	border-top: 1px solid #EEEEEE
}

.dialog-footer>div {
	width: 50%;
}

.dialog-footer-rigth {
	color: var(--brcolor);
}

.moreall-tip {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.5s;

}


.moreall-tipno {
	position: initial;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: inherit;
}


.moreall-tipcenter {
	position: fixed;
}

.moreall-tip img {
	height: 15vw;
	width: 25vw;
	object-fit: contain;
}

.more-row>div {
	padding: 8px;
}

.fs-ipborder {
	border-radius: 8px;
	border: 1px solid rgba(238, 238, 238, 0.93);
}

.back-to-top {
	z-index: 99;
	position: fixed;
	bottom: 150px;
	right: 50px;
	width: 50px;
	height: 50px;
	transition: all 0.5s ease;
	display: none;
}

.back-to-top a {
	margin-bottom: 10px;
}

.butmoreboravno {
	color: rgba(218, 34, 42, 0.5);
	border: rgba(218, 34, 42, 0.5);
	cursor: pointer;
}

.butmoreborav {
	color: var(--brcolor);
	border: 1px solid var(--brcolor);
	cursor: pointer;
}



.butmorebgavno {
	color: #fff;
	background: rgba(218, 34, 42, 0.5);
	cursor: pointer;
}

.butmorebgav {
	background-color: var(--brcolor);
	color: #fff;
	cursor: pointer;
}

.but-mine {
	background-color: var(--brcolor);
	color: #fff;
	height: 28px;
	width: 64px;
	border-radius: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.mine-avatar .el-dropdown__popper {
	background-color: rgba(0, 0, 0, 0.5) !important;
	border: none;
}

label {
	margin-bottom: 0;
}

/* .el-popper {
	background: initial !important;
	border: none !important;
} */

#busearch {
	opacity: 0;
	transition: all .5s;

}

#busearch span {
	font-size: 16px;
}

.mine-avatar {
	background-color: rgba(0, 0, 0, 0.5) !important;
}

.mine-seach .el-dropdown-menu__item,
.mine-avatar .el-dropdown-menu__item {
	justify-content: center;
	padding: 5px 16px;
	width: 100px;
}


.el-popper__arrow:before {
	/* background-color: rgba(0, 0, 0, 0.5) !important; */
}

.mine-avatar .el-dropdown-menu__item {
	color: #fff !important;
}

.mine-avatar .el-dropdown-menu__item:hover {
	background-color: rgba(0, 0, 0, 0.5) !important;
	/* color: #DA222A !important; */
}

.mine-avatar .popper__arrow::after {
	top: 0px !important;
	border-bottom-color: rgba(0, 0, 0, 0.5) !important;
}


.main_menu_area {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: #fff;
}

.mobile_logo_area {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999919;
}



.main_menu_all_item {
	height: 80px;
	line-height: 80px;
	display: flex;
	justify-content: space-between;
	padding: 0 15px;
}

.main_logo {
	margin-right: 20px;

}

.main_logo img {
	height: 60px;
	width: 60px;
	object-fit: cover;

}

.site_search_area {
	height: 48px;

	width: 35%;
	color: var(--pfcolor);
	border-radius: 2px 0 0 2px;
}

.site_search_area input {
	height: 100%;
	padding: 9px 0 9px 30px;
	border: none;
	outline: none;
	/* 可选，去掉点击input时产生的轮廓 */
	color: var(--pfcolor);
	width: calc(100% - 60px);

}

.site_search_area img {
	height: 18px;
	width: 18px;
}

.site_search_area .site_search_area_le {
	padding: 0 30px;
	height: 48px;
	width: calc(100% - 90px);
	border: 1px solid #EEEEEE;
}

.site_search_area_le>div {
	width: 60px;
	height: 100%;

}

.site_search_area .site_search_area__but {
	background: var(--brcolor);
	width: 90px;
	color: #fff;
	line-height: 48px;
	text-align: center;
	font-size: var(--pcfsize14);
	border-radius: 2px;
	cursor: pointer;

}

.inner_main_nav_area>ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 0;
}

.inner_main_nav_area>ul>li {
	display: inline-block;
	position: relative;
	margin-left: 30px;
}

.main_menu_navigation {
	background-color: var(--brcolor);
	width: 100%;
}

.main_menu_navigation li a {
	color: rgba(255, 255, 255, 0.8);
	font-size: var(--pcfsize20)
}

.main_menu_navigation ul li {
	position: relative;
	width: 136px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main_menu_navigation .main_menu_navigation_po {
	position: absolute;
	height: 4px;
	width: 136px;
	background-color: #fff;
	bottom: 0;
	display: none;
	left: 0;
}



.main_menu_navigation a:hover {
	font-weight: 800;
	color: #fff;
}

/* 虚拟高度 */
.main_Virtual {
	height: 140px;
	width: 100%;
}



.inner_main_nav_area>ul>li>a:hover {
	color: var(--brcolor);
}

.inner_main_nav_area>ul>li .headuser {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	object-fit: cover;
}

.main_title {
	letter-spacing: 2px;
}

.slider_area {
	/* margin-top: 140px; */
	height: 500px;
	overflow: hidden;
}

.inner_slider_area {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display: flex !important;
	align-items: center;
	position: relative;
	z-index: 1;
}

.slider_active .inner_slider_area {
	height: 500px;
}

.inner_slider_area::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: #0000001f;
}

/* slider defult arrow css */
.slider_area .slick-prev,
.slider_area .slick-next {
	background: none;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 0;
	opacity: 0;
	visibility: hidden;
}

.slider_area:hover .slick-prev,
.slider_area:hover .slick-next {
	opacity: 1;
	visibility: visible;
}

.slider_area .slick-prev {
	left: 0;
}

.slider_area .slick-next {
	right: 10px;
}

.slider_area .slick-prev::before,
.slider_area .slick-next::before {
	content: '\eac9';
	font-family: IcoFont;
	color: var(--whitec);
	display: inline-block;
	background: 0 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 0;
	font-size: 50px;
	font-weight: 700;
}

.slider_area .slick-next::before {
	content: '\eaca';
}

.slider_area .slick-prev:hover::before,
.slider_area .slick-next:hover::before {
	background-color: var(--whitec);
	color: var(--blackc);
}

/* golobal slick defult arrow css */
.slick-prev,
.slick-next {
	position: absolute;
	top: 50%;
	width: 55px;
	height: 55px;
	line-height: 55px;
	border-radius: 100%;
	z-index: 9999;
	outline: none;
	border: none;
	font-size: 0;
	background: none;
	transform: translateY(-50%);
	transition: 1s;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
}

.slick-prev {
	left: -65px;
}

.slick-next {
	right: -40px;
}

.slick-prev::before,
.slick-next::before {
	content: '\ea93';
	font-family: IcoFont;
	display: inline-block;
	width: 55px;
	height: 55px;
	line-height: 55px;
	border-radius: 100%;
	font-size: 40px;
	background-color: var(--brcolor);
	color: var(--whitec);
	transition: 1s;
}

.slick-next::before {
	content: '\ea94';
}

.slick-prev:hover::before,
.slick-next:hover::before {
	background-color: var(--bgcolor);
	color: var(--whitec);
}

.service_area:hover .slick-prev,
.service_area:hover .slick-next {
	opacity: 1;
	visibility: visible;
}

/*新闻资讯 */
.slider_active_information .inner_slider_area {
	height: 400px;

}

.main_information_slider {
	padding-right: 36px;
}

.main_information_bg {
	position: relative;
}

.main_information_bg_po {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #fff;
	width: 95px;
	height: 38px;
	color: var(--pncolor);
	z-index: 9;

}

.main_information_bg_po .po_active {
	color: var(--brcolor);
	font-size: 20px;
	font-weight: bold;
	padding-right: 8px;
}

.main_information_bg_po .po_num {
	padding-left: 5px;
}

.main_information_item_cen {
	height: 170.5px;
	background-color: #F6F6F6;
	padding: 32px 16px 0;
	box-sizing: border-box;
}

.main_information_item_cen .title-p {
	margin-top: 16px;
	line-height: 30px;
}

.main_information_item_left {
	width: 400px;
}

.main_information_item_rigth {
	width: calc(100% - 500px);
}

.main_information_con_item {
	margin-top: 32px;
	width: 100%;
}

.main_information_con .title img {
	height: 18px;
	width: 18px;
}

.main_information_con .title-h {
	margin-left: 6px;
	width: calc(100% - 24px);
}

.main_information_news {
	margin-top: 16px;
}

.main_information_news .coverimg {
	height: 100px;
	width: 138px;
	background-size: contain;
	overflow: hidden;
	margin-right: 16px;
	border-radius: 4px;

}

.main_information_news .coverimg img {
	height: 100%;
	width: 100%;
	transition: .5s;
}

.main_information_news:hover .coverimg img {
	transform: scale(1.2);
}

.main_information_news_left {
	width: calc(100% - 154px);
	display: flex;
	flex-direction: column;
	padding: 5px 0;
	justify-content: space-between;
	height: 100px;
}

.main_information .title-p {
	color: #666666;
	font-size: 16px;
	line-height: 30px;
}

.main_information_con_item .but-color {
	color: #999999;
	font-size: 14px;
}

/* 查看更多 */
.main_more {
	margin-top: 28px;
}

.main_more,
.main_more a {
	display: flex;
	align-items: center;
	color: var(--pncolor);
	font-size: var(--pcfsize16);
}

.main_more a:hover {

	color: var(--brcolor);

}

.main_more img {
	height: 18px;
	width: 18px;
	margin-left: 7px;
}

.main_more_card {
	margin-top: 160px;
}

/* 图片标题 */
.main_menu_title {
	display: flex;
	justify-content: center;
}

/* 文字标题 */
.main_menu_titlewen {
	padding: 20px 16px;
	margin-top: 32px;
}

.main_menu_titlewen img {
	height: 18px;
	width: 18px;
}

.stydy_menu_crad .main_menu_crad {
	margin-top: 8px;
}

/* .stydy_menu_crad .main_menu_crad_item {
	margin-bottom: 16px;
} */

.main_menu_title_bg {
	width: 490px;
	height: 70px;
	margin: 0 auto;
	background-position: center;
	background-size: cover;
	margin-bottom: 32px;
}

/* 标签 */
.main_menu_label {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	/* margin-bottom: 40px; */
}

.main_menu_label_item {
	width: 153px;
	height: 55px;
	margin: 0 10px;
	cursor: pointer;
}

.main_menu_label_item h4 {
	height: 100%;
	width: 100%;
	border: 1px solid var(--paracolor);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	color: var(--paracolor);
	font-weight: 500 !important;

}

.main_menu_label_item_active h4,
.main_menu_label_item h4:hover {
	color: var(--brcolor) !important;
	font-weight: 700 !important;
	position: relative;
	border: 1px solid var(--brcolor);
}

.main_menu_crad {
	padding: 0 8px;
	margin-top: 56px;
}

.main_menu_crad>div {
	border-radius: 4px 0 4px 4px;
}


.main_menu_crad_item {
	cursor: pointer;
	/* margin-bottom: 32px; */
	box-sizing: border-box;
	width: 100%;
}

.main_menu_crad_itemEnd .price {
	color: var(--pncolor) !important;
}

.main_menu_crad_itemEnd .butna {
	border: 1px solid var(--pfcolor) !important;
	color: var(--pfcolor) !important;
}

/* 新闻资讯 */
.main_information {
	margin-top: 79px;
}

.main_information .main_menu_title_bg {
	background-image: url('../image/index/xinwentitle.png');
}

.main_information .main_menu_label {
	width: calc(100% + 20px);
	margin-left: -10px;

}

.main_information .main_menu_label_item {
	width: calc(25% - 20px);
	margin: 0 10px;
}

/* 报名课程 */
.main_menu_register {
	margin-top: 160px;
}

.main_menu_register .main_menu_title_bg {
	background-image: url(../image/index/jinpintitle.png);
}

/* 活动推荐 */
.main_menu_activities {
	width: 100%;
	margin-top: 160px;
}

.main_menu_activities .main_menu_title_bg {
	background-image: url(../image/index/huodontitle.png);
}

/* 免费在线课程 */
.main_menu_course {
	margin-top: 160px;
}

.main_menu_course .main_menu_title_bg {
	background-image: url(../image/index/mianfeititle.png);
}

/* 学习地图 */
.main_menu_map {
	margin-top: 53px;
}

.main_menu_map .main_menu_title_bg {

	background-image: url(../image/index/renwentittle.png);
	margin-bottom: 64px;
}

.main_menu_map_title {
	padding: 16px;
	background: #F8F8F8;
}

.main_menu_map_title img {
	height: 18px;
	width: 18px;
	margin-left: 7px;
}

.main_menu_map_title .main_more {
	margin-top: 0;
}

.main_menu_map .maps1 {
	height: 474px;
	padding-right: 36px;
	/* margin-top: 46px; */
}

.maprigth {

	border: 1px solid #EEEEEE;
	padding: 0;

}

.main_menu_map_list {
	padding: 16px;
	background: #FFFFFF;
}

.main_menu_map .main_menu_map_item {
	background: #F8F8F8;
	border-radius: 4px 4px 4px 4px;
	padding: 16px;
	position: relative;
	margin-bottom: 16px;
}

.main_menu_map .main_menu_map_item:nth-last-child(2) {
	margin-bottom: 0px;
}

.main_menu_map .main_menu_map_item_po {
	position: absolute;
	right: 0;
	top: 0;
}


.main_menu_map .main_menu_map_item_img {
	height: 100px;
	width: 138px;
	margin-right: 16px;
}

.main_menu_map_item_img img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.main_menu_map .main_menu_map_item_con {
	padding: 8px 0;
	color: var(--paracolor);
	font-size: var(--pcfsize16);
	width: calc(100% - 154px);
}

.main_menu_map-bom {
	justify-content: flex-end;
	padding-right: 16px;
	background-color: #F8F8F8;
	margin-top: 16px;
}

.time-icon {
	margin-top: 16px;
}

.map-icon {
	margin-top: 8px;
}

.time-icon img {
	width: 24px;
	height: 24px;
}

.map-icon img {
	width: 64px;
	height: 20px;
	object-fit: contain;
	margin-right: 8px;
}

.ji-title-ri {
	color: var(--brcolor);
	font-size: var(--pcfsize12);
}

.ji-title span {
	font-size: var(--pcfsize20);
	font-weight: bold;
	padding-left: 10px;
}

.footer {
	/* transition: all .5s; */
	width: 100%;
	height: 200px;
	margin-top: 83px;
}


/* 底部 */
.main_menu_footer {
	opacity: 1;
	height: 200px;
	background: #8A2D31;
	font-size: var(--pcfsize12);
	color: #fff;
	width: 100%;
	flex-direction: column;
	padding: 16px;
}

.main_menu_footer .mato {
	margin-top: 24px;
}

.main_menu_footer .mato a {
	color: #fff;
}

.footer-word .mato {
	margin-top: 0;
}

.main_menu_footer img {
	height: 40px;
	width: 40px;
	object-fit: cover;
}

.main_menu_footer_po {
	position: fixed;
	bottom: 0;
	opacity: 1;
}

.main_menu_crad_item .main_menu_crad_item_bg,
.more_main_menu_crad_item_bg {
	width: 100%;
	border-radius: 4px 4px 0 0;
	position: relative;
	overflow: hidden;
	background-position: 50%;
	background-size: cover;
	height: 232px;
}

.main_menu_crad_item_bg img,
.more_main_menu_crad_item_bg img {
	height: 100%;
	width: 100%;
	transition: .5s;
	object-fit: cover;
	border-radius: 4px 4px 0px 0px;
}

.main_menu_crad_item:hover .main_menu_crad_item_bg img {
	transform: scale(1.2);
}


.main_menu_crad_item_bg_tpo {
	background-image: linear-gradient(105deg, #C34550, #FF6F6F);
	border-radius: 0 4px 0 4px;
	height: 33px;
	width: 68px;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
}

.bgcolorno {
	background-image: linear-gradient(105deg, #A0999A, #CBC8C8) !important;
}

.bncolorno {
	border: 1px solid #A0999A;
	color: var(--pfcolor);

}

.main_menu_crad_item_bg_bpo {
	width: 90px;
	height: 36px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px 4px 0px 0px;
	color: #fff;
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
}

.main_menu_crad_item {
	box-shadow: 0px 0px 10px #b9b5b5;
	border-radius: 4px;
}

.main_menu_crad_item_cen {
	display: flex;
	flex-direction: column;
	/* justify-content: space-between; */
	padding: 16px;
	height: 148px;
	background: #f8f8f8;
	position: relative;
	border-radius: 0 0 4px 4px;
}


.main_menu_crad_item_cen h3,
.main_menu_crad_item_cen p {
	transition: .5s;
}

.main_menu_crad_item_cen>p {
	color: var(--pfcolor);
	font-size: var(--pcfsize16);
	padding-top: 8px;
}

.main_menu_crad_item_cen>div {
	/* margin-top: 32px; */
	position: absolute;
	bottom: 16px;
	width: calc(100% - 32px);

}

.main_menu_crad_item_cen h3:hover {
	color: var(--brcolor);
}

.main_menu_crad_item_cen p:hover {
	color: var(--brcolor);
}

.main_menu_crad_item_cen .price {
	color: #DA222A;
	font-weight: 800;
	font-size: var(--pcfsize16);

}

.main_menu_crad_item_cen .butna {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 28px;
	border-radius: 16px;
	border: 1px solid #DA222A;
	font-size: var(--pcfsize16);
	color: #DA222A;
}

.main_menu_crad_item_cen .bncolorno {
	border: 1px solid #A0999A;
	color: var(--pncolor);
}

/* 课程列表 */

.nav_mian {
	height: 62px;
	line-height: 62px;
	margin: 8px auto 8px;
	/* margin-bottom: 32px; */

}

.nav_mian ul {
	padding: 0 16px;
}

.nav_mian .nav_mian_home a {
	font-size: var(--pcfsize16)
}

.nav_mian li {
	padding-right: 10px;
}

.nav_mian .nav_mian_av {
	font-size: var(--pcfsize16);
	color: var(--pfcolor);

}

.nav_mian .nav_mian_icon::before {
	float: left;
	padding-right: 10px;
	color: var(--pfcolor);
	content: "/";
}

.nav_mian_icon-w {
	width: calc(100% - 120px);
}

.Filter {
	padding: 32px 32px 16px 32px;
	background-color: #fff;
}

.Filter .Filter_tags {
	/* padding: 8px 0; */

}

.Filter_tags_he {
	width: 64px;
	text-align: right;
	color: var(--pncolor);
	margin-right: 32px;
	margin-bottom: 16px;
	white-space: nowrap;
}

.Filter_tags_li {
	flex-wrap: wrap;
}

.Filter_tags_li .Filter_tags_li_item {
	padding: 0 16px;
	border: 1px solid var(--pncolor);
	color: var(--pfcolor);
	margin-right: 16px;
	border-radius: 40px;
	text-align: center;
	cursor: pointer;
	height: 36px;
	line-height: 36px;
	margin-bottom: 16px;
}

.Filter_tags_li .Filter_tags_li_item_av,
.Filter_tags_li .Filter_tags_li_item:hover {
	border: 1px solid var(--brcolor);
	color: var(--brcolor);
}

.course_register {
	margin-top: 0;
}

.course_register .main_menu_crad {
	margin-top: 24px;
}

/* 学习 */
.main_curriculum_top {
	padding: 20px;
	border-bottom: 1px solid #EEEEEE;
	margin-top: 32px;
}

.main_curriculum_top_item {
	width: 140px;
	text-align: center;
	color: var(--paracolor);
	font-size: var(--pcfsize20);
	cursor: pointer;

}

.main_curriculum_top_itemav,
.main_curriculum_top_item:hover {
	font-weight: 800;
	color: #000;
}

.main_curriculum_crad {
	padding: 0 16px;
	margin-top: 16px;
}



.main_curriculum_crad_item {
	background-image: url('../image/classOver.png');
	height: 255px;
	padding: 32px;
	border-radius: 8px;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	background-size: cover;
	background-repeat: no-repeat;
}

.main_curriculum_crad_itemav {
	background-image: url('../image/classOverav.png');
}

.main_curriculum_crad_item p {
	font-size: var(--pcfsize16);
	color: var(--paracolor);
}

.main_curriculum_crad_item .progress {
	height: 8px;
	margin-bottom: 16px;
}

.main_curriculum_crad_item .progress-bar {

	background: linear-gradient(90deg, rgb(195, 195, 195) 0%, rgb(122, 122, 122) 100%);
}

.main_curriculum_crad_item .bg-success {
	background: linear-gradient(270deg, #ff767a 0%, #ffaeb1 100%);
}


.crad_title {
	margin-bottom: 16px;
}

.crad_title h3 {
	width: calc(100% - 180px);

}

.main_curriculum_crad_itemav h3,
.main_curriculum_crad_itemav p {
	color: #A02C30;
}

.crad_title .crad_title_lable {
	background-color: var(--brcolor);
	border-radius: 4px;
	font-size: var(--pcfsize14);
	color: #fff;
	width: 174px;
	height: 28px;
	line-height: 28px;
	text-align: center;
}

.crad_po_lable {
	position: absolute;
	top: 0;
	right: 0;
	background: linear-gradient(180deg, #FFAE2C 0%, #FE7034 100%);
	border-radius: 0px 8px 0px 8px;
	color: #FFFFFF;
	font-size: var(--pcfsize14);
	width: 62px;
	text-align: center;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
}

.crad_po_lableclose {
	background: linear-gradient(157deg, #A3A19E 0%, #676767 100%);
}

.main_curriculum_crad_item .time {
	margin-left: 16px;
}

/* 上课——全部课程 */
.studydetail_cen_left_title {
	display: flex;
	margin-bottom: 16px;
}

.studydetail_cen_left_title p {
	color: var(--pfcolor);
	padding-top: 2px;
}

.studydetail_cen_left_title p::before {
	float: left;
	color: var(--pfcolor);
	content: "/";
}

.studydetail_cen_left_title span {
	color: var(--brcolor);
}

.studydetail_cen_left_cous {
	margin: 16px 0;
}

.studydetail_cen_left_cous_item {
	height: 108px;
	margin-bottom: 16px;
	cursor: pointer;
}

.studydetail_tiem {
	border-right: 1px solid #EEEEEE;
	height: 100%;
	width: 108px;
	border-radius: 8px 0 0 8px;
	flex-direction: column;
}

.studydetail_tiem_si {

	flex-direction: column;
	justify-content: space-between;
	line-height: 20px;
	color: var(--paracolor);
	margin-top: 4px;
}

.studydetail_main {
	width: calc(100% - 108px);
	height: 100%;
	padding: 16px;
	flex-direction: column;
	justify-content: space-between;
}

.studydetail_main_title {
	font-weight: 500;

}

.studydetail_main_ken p {
	color: var(--paracolor);

}

.studydetail_tiem_he {
	font-weight: bold;
}

.studydetail_main_ken div {
	width: 80px;
	height: 28px;
	border-radius: 16px;
	border: 1px solid var(--paracolor);
	text-align: center;
	/* line-height: 28px; */
	color: var(--paracolor);
}

.studydetail_main_ken .bncolorno {
	border: 1px solid #A0999A;
	color: var(--pncolor);
}



.studydetail_cen_left_cous_itemav .studydetail_tiem {
	background-color: var(--brcolor);
}

.studydetail_cen_left_cous_itemav .studydetail_tiem,
.studydetail_cen_left_cous_itemav .studydetail_tiem_si {
	color: #fff;
}

.studydetail_cen_left_cous_itemav .studydetail_main_ken div {
	border: 1px solid var(--brcolor);
	color: var(--brcolor);
}

.studydetail_main_ken .bncolorav {
	border: 1px solid var(--brcolor);
	color: var(--brcolor);
}

.sydetail_class {
	margin-top: 16px;

}

.sydetail_class div {
	width: 48px;

	flex-direction: column;

}

.sydetail_class div {
	width: 48px;

	flex-direction: column;

}

.sydetail_class h3 {
	width: calc(100% - 60px);

}

.sydetail_class p {
	font-size: var(--pcfsize12);
	color: var(--pncolor);
}

.sydetail_tiem {
	margin: 16px 0;
	color: var(--paracolor);
}

.teache_class {
	position: relative;
	/* height: 387px; */
	flex-direction: column;
	margin: 16px 0;
	background-color: #F9F9F9;
}

.teache_class_po {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 40px;
}

.teache_class_head {
	height: 100px;
	width: 100px;
	margin: 24px 0;
	border-radius: 50%;
	object-fit: cover;
}

.teache_class p {
	margin: 32px;
	color: var(--paracolor);
}

.teache_class_br {
	height: 1px;
	width: 100%;
	border-bottom: 1px dashed var(--paracolor);
}

.sydetail_totay {
	margin: 48px 0;
}

/* 看直播 */
.course-start,
.course-start-discuss {
	padding-right: 16px;
	padding-bottom: 32px;
}

.course-start-video {
	height: 544px;
	border-radius: 8px;
	position: relative;
}

.course-start-video-mode {
	background-image: url('../image/indexsili/item-img(3).png');
	background-repeat: no-repeat;
	background-size: cover;
	filter: blur(5px);
	/* 模糊半径为5像素 */
	border-radius: 8px;
	width: 100%;
	height: 100%;
}

.course-start-video p {
	color: #fff;
	margin-bottom: 32px;
}

.course-start-video-bold {
	background-color: #fff;
	height: 40px;
	width: 40px;
	border-radius: 2px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	text-align: center;
	line-height: 40px;
}

.course-start-video span {
	padding: 0 16px;
	color: #fff;
}

.course-start-video-cen {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	flex-direction: column;
	border-radius: 8px;
}

.course-start-video-tip {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	background-color: rgba(255, 255, 255, 0.5);
	width: 200px;
	height: 200px;
	flex-direction: column;
	border-radius: 8px;
	z-index: 999;
	padding: 30px;
	color: #fff;
}
.course-start-video-tip div{
	margin-top: 20px;
}

.course-start-video-cen .video-pause {
	height: 50px;
	width: 50px;
}

.course-start-discuss {

	margin-top: 32px;
	background-color: #fff;
}

.course-start-serach {
	border-bottom: 1px solid #EEEEEE;
	padding: 16px 32px;
}

.discuss-list {
	padding: 0 32px;
}

.discuss-list-item {
	margin-top: 32px;
}

.course-start-serach-he {
	font-size: var(--pcfsize20);
	font-weight: 800;
	position: relative;
	padding-bottom: 8px;

}

.course-start-serach-he span {
	width: 18px;
	height: 3px;
	background: var(--brcolor);
	border-radius: 2px 2px 2px 2px;
	position: absolute;
	bottom: 0;
	display: inline-block;
}

.course-start-serachipu {
	width: calc(100% - 70px);
}

.course-start-serach input {
	border: 1px solid #EEEEEE;
	border-radius: 44px 0px 0px 44px;
	color: var(--pncolor);
	height: 68px;
	outline: var(--brcolor);
	padding: 16px;
	width: calc(100% - 140px);
}

.course-start-serach input:focus {
	border: 1px solid var(--brcolor);
	/* 当输入字段获得焦点时边框颜色改变为#4A90E2 */
}

.course-start-serach__but {
	width: 140px;
	height: 68px;
	background: rgba(218, 34, 42, 0.5);
	border-radius: 0px 44px 44px 0px;
	text-align: center;
	line-height: 68px;
	color: #fff;
	cursor: pointer;
}

.course-start-serach__butav {
	background: var(--brcolor);
}

.discuss-list img {
	width: 36px;
	height: 36px;
	border-radius: 50px;
	border-radius: 50%;
	object-fit: cover;
	margin-top: 20px;
}

.discuss-list-name {
	font-size: var(--pcfsize12);
	color: var(--pncolor);
}

.discuss-list-tchname {}

.discuss-list-tchname span {
	padding: 0 8px;
	height: 20px;
	background: linear-gradient(180deg, #C34550 0%, #FF6F6F 100%);
	font-size: var(--pcfsize12);
	border-radius: 2px;
	color: #fff;
	display: inline-block;
}

.discuss-liao {
	font-size: var(--pcfsize20);
	font-weight: 500;
	margin-top: 4px;
}

.discuss-list-item-ce {
	width: calc(100% - 12px);
	margin-left: 16px;
}

.discuss-list-itemri {
	justify-content: flex-end;
	align-items: center;
}

.discuss-list-itemri .discuss-list-item-ce {
	display: flex;
	justify-content: flex-end;
	margin-right: 16px;
}

.discuss-list-itemri img {
	margin-top: 0px;
}

.discuss-list-itemri .discuss-liao {
	padding: 16px;
	background-color: #E45B60;
	color: #fff;
	font-size: var(--pcfsize14);
	border-radius: 4px;
}

/* 学习地图标题 */
.study_map_title {
	padding: 0 16px;
	margin-bottom: 8px;
}

.study_map_title img {
	width: 30px;
	height: 30px;
	margin-left: 10px;
	border: 1px solid #EEEEEE;
}

.study_map_title img:nth-child(1) {
	transform: rotate(180deg);
}

.studymap_cen_crad .maps1 {
	height: 464px;
	padding: 8px 16px;
}

.studymap_cen_crad .fs_row>div {
	height: 232px;
}

.studymap_cen_crad_item {
	background: url('../image/indexsili/img-1(2).png') no-repeat;
	background-size: cover;
	height: 100%;
	width: 100%;
	position: relative;
	border-radius: 4px;
}

.studymap_cen_crad_item_title {
	height: 52px;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	border-radius: 0 0 5px 5px;
	font-size: var(--pcfsize20);
	color: #FFFFFF;
	left: 0;
}

.studymap_cen_crad_item_hv {
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	padding: 12px 16px;
	color: #fff;
	border-radius: 4px;
	display: none;
}

.studymap_cen_crad_item_hv img {
	height: 18px;
	margin-right: 8px;
}

.studymap_cen_crad_item_hv .xian-h {
	height: 20px;
	width: 1px;
	background-color: #fff;
}

.studymap_cen_crad_item_top {
	padding: 16px 32px;
	/* border-bottom: 1px dashed rgba(255, 255, 255, 0.5); */

}


.studymap_cen_crad_item_but {
	background-color: #fff;
	border-radius: 4px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: var(--brcolor);
	font-size: var(--pcfsize14);
	font-weight: bold;
}

.studymap_cen_crad_item_bg {
	padding: 16px;

	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background-size: 100% !important;
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.studymap_cen_crad_item:hover .studymap_cen_crad_item_title {
	top: 16px;
	bottom: initial;
	background: initial;
}

.studymap_cen_crad_item:hover .studymap_cen_crad_item_hv {
	display: block;
}

.studymap_cen_crad_item:hover .studymap_cen_crad_item_bg {
	display: flex;
	background: rgba(0, 0, 0, 0.5);
}

.studymap_cen_crad_item .xian-ha:hover {
	color: var(--brcolor);
}


.studymap-Filter .Filter_tags {
	margin: 8px 0;

}

.studymap-Filter {
	margin: 20px 0;
	background-color: #fff;
	border-radius: 8px;
	padding: 32px 32px 16px 32px;
}


.studymap_cen_crad {
	padding: 0 8px;
}

.stydymap_crad .main_menu_crad_item_bg_tpo {
	width: 56px;
	background-image: linear-gradient(105deg, #EC9D56, #ED7726);
}

.stydymap_crad .main_menu_crad_item_cen img {
	width: 64px;
	height: 20px;
	object-fit: contain;
	margin-right: 8px;
}

.stydymap_crad .main_menu_crad_item_cen {
	height: 192px;
	border-radius: 0 0 4px 4px;
}

.stydymap_crad_stem {
	color: var(--brcolor);
	font-size: var(--pcfsize12);
}

.stydymap_crad_stem span {
	font-size: var(--pcfsize20);
	font-weight: bold;
}

.stydymap_crad .stydymap_crad_lable {
	position: initial;
	bottom: 0;
	margin-top: 16px;

}

.stydymap_crad p {
	color: var(--pncolor);

}

.stydymap_crad {
	margin-top: 0;
}

/* 机构详情 */
.mapdetail_crad-left {

	padding: 0;
}

.mapdetail_crad_img {
	padding: 0;
}

.mapdetail_crad_img img {
	height: 370px;
	object-fit: cover;
	width: calc(100%);
	border-radius: 8px;
}

.mapdetail_crad_head {
	margin-bottom: 44px;
}

.mapdetail_crad_head .title span {
	display: inline-block;
	width: 58px;
	height: 24px;
	background: #FBE9EA;
	border-radius: 2px;
	text-align: center;
	line-height: 24px;
	color: var(--brcolor);
	margin-left: 16px;
	font-size: var(--pcfsize14)
}

.mapdetail_crad_jian {
	margin-top: 8px;
}

.mapdetail_crad_jian img {
	margin-right: 8px;
	height: 18px;
	width: 18px;
	margin-top: 4px;
}

.mapdetail_crad_jian span {
	color: #FF6F16;
	margin-right: 16px;
	width: 50px;
}

.mapdetail_cen {
	position: relative;
	padding: 32px;
	background-color: #fff;

}



.mapdetail_crad_footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(100% - 64px);

}

.mapdetail_crad_footer>div {
	width: 50%;
	flex-direction: column;
	height: 100px;
	justify-content: center;
	color: var(--paracolor);
}

.mapdetail_crad_footer img {
	height: 24px;
	width: 24px;
	margin-bottom: 16px;
}


.studymap_main_tabspan {
	width: 18px;
	height: 3px;
	background: var(--brcolor);
	border-radius: 2px 2px 2px 2px;
	position: absolute;
	bottom: 0;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);

}

.studymap_main_tab {
	height: 66px;

	border-bottom: 1px solid #EEEEEE;
	margin-top: 32px;

}

.studymap_main_tabpo {
	position: fixed;
	top: 108px;
	left: 0px;
	right: 0;
	background-color: #fff;
	z-index: 99;
}

.studymap_main_tabpoyi {
	position: fixed;
	top: 48px;
	left: 0px;
	right: 0;
	background-color: #fff;
	z-index: 99990;
}

.nav-item  {
	font-weight: bold;
	font-size: var(--pcfsize20);
	width: 132px;
	text-align: center;
	padding-bottom: 15px;
	position: relative;
}

.nav-item  a {
	font-weight: 800;
	font-size: var(--pcfsize20);
}

.nav-itempirce {
	position: absolute;
	right: 16px;
	top: 8px;
	display: none;
	transition: all .5s;
	top: -3px;
}

.studymap_main_tabpo .nav-itempirce {
	display: flex;
}

.nav-itempirce .pirce {
	font-size: var(--pcfsize20);
	color: var(--brcolor);
	font-weight: bold;
	margin-right: 20px;
}

.nav-itempirce .coursede_crad_footer2 {
	position: initial;
}

.studymap_main_cou {
	padding: 16px;

}

.studymap_main-title {
	margin-top: 16px;
}

.studymap_main-titimg {
	height: 52px;
	width: 52px;
}

.studymap_main_crad {
	margin-top: 24px;
	padding: 0 8px;
}

.studymap_main_crad>div {
	padding: 8px;
}

.studymap_main_crad_item {
	position: relative;

}

.studymap_main_crad_itembg {
	height: 232px;
	background: url('../image/indexsili/item-img(2).png') no-repeat;
	background-size: 100% 100%;
	border-radius: 4px;
	position: initial;
	background-size: cover;
}

.studymap_main_crad_lable {
	width: 70px;
	height: 36px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 0px 4px 0px 4px;
	color: #fff;
	font-size: var(--pcfsize12);
	text-align: center;
	line-height: 36px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.studymap_main_crad_itemcan {
	padding: 16px;
	background-color: #F8F8F8;
}

.studymap_main_crad_itemcan h3 {
	height: 100px;
}

.studymap_main_crad_itemcan p {
	color: var(--paracolor);
	margin-top: 10px;
}

.studymap_main_crad_itemcan span {
	color: var(--paracolor);
	font-size: var(--pcfsize14)
}

.studymap_main_crad_duan img {
	height: 18px;
	width: 18px;
	margin-right: 8px;
}

.studymap_main_crad_duan {
	margin-top: 12px;
	color: var(--paracolor);
}

.studymap_main_crad_iteman {
	margin-top: 12px;
}

.studymap_main_crad_iteman .bom {
	width: 64px;
	height: 28px;
	border-radius: 16px;
	border: 1px solid var(--brcolor);
	text-align: center;
	line-height: 28px;
	color: var(--brcolor);
}

.studymap_main_crad_iteman .bncolorno {
	border: 1px solid #A0999A;
	color: var(--pncolor);
}

.pinlun-image {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin-right: 16px;
	object-fit: cover;
}

.studymap-pinlun,
.studymap-pinlun-item {
	margin-top: 16px;
}

.studymap-pinlun-item-jian {
	width: 100%;
	display: flex;
	align-items: center;
}

.studymap-pinlun-item-jian title {
	font-weight: 500;
}

.studymap-pinlun-item-jian .tiem {
	font-size: var(--pcfsize14);
	color: var(--pncolor);
}

.duan-p {
	font-size: var(--pcfsize14);
	color: var(--paracolor);
}

.duan-p-image {
	background: linear-gradient(90deg, #da222a61, rgba(255, 255, 255, 1));
	padding: 1px;
	border-radius: 16px;
}

.duan-p-image-bg {
	background-color: rgb(255, 255, 255);
	border-radius: 18px;
}

.duan-p-image2 {
	background: linear-gradient(90deg, #da222a29 0%, #FFFFFF 100%);
	border-radius: 18px;
	color: #666666;
	padding: 0px 4px;
	height: 28px;
}

.pinlun-shuo {
	padding: 8px 20px;
}

.studymap-pinlun-item-jian img {
	height: 18px;
	width: 18px;
	margin-right: 8px;
}

.pinlun-rowimg {
	padding: 0 8px;
}

.pinlun-rowimg img {
	height: 208px;
	object-fit: cover;
	width: 100%;
	border-radius: 4px;
}

.pinlun-dian {
	margin-top: 8px;
	color: var(--pncolor);

}

.pinlun-dian img {
	cursor: pointer;
}

.pinlun-dian :hover {
	color: var(--brcolor);
}


/* 资讯列表 */
.newslist_crad_item_rigit {
	position: relative;
}

.newslist_crad_item_ps {
	position: absolute;
	color: var(--pncolor);
	bottom: 10px;
	width: calc(100% - 16px);
}

.newslist_crad {
	padding: 0 8px;
}

.newslist_crad>div {
	padding: 16px;
}

.newslist_crad_item_rigit .moreall_p {
	margin-top: 16px;
}

.message-system-item {
	margin-bottom: 8px;
}

.newslist_main_cou {
	background-color: #fff;
	/* margin-top: 32px; */
	padding-bottom: 32px;
}

.newslist_detawen {
	background-color: #fff;
	padding: 32px;
}

.newslist_detawen h3 {
	text-align: center;
	margin-bottom: 32px;
}

/* 课程详情 */
.course-de-crad {}

.course-de-cen {
	background-color: #fff;
	padding: 16px;
	padding-left: 32px;
}

.coursede_crad_head {
	display: flex;
	justify-content: space-between;
}

.coursede_crad_head h3 {
	width: 80%;
	line-height: 30px;
}

.coursede_crad_jian {

	color: var(--paracolor);
	margin-top: 4px;
}

.coursede_crad_jian img {
	cursor: pointer;
}

.course-de-cen .pirce {
	font-size: var(--pcfsize20);
	color: var(--brcolor);
	font-weight: bold;
	margin-bottom: 16px;
	margin-top: 8px;
}

.coursede_crad_footer {
	width: calc(100% - 64px);
	position: absolute;
	bottom: 16px;
	background-color: var(--brcolor);
	color: #fff;
	font-size: var(--pcfsize20);
	height: 50px;
	border-radius: 8px;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
}

.coursede_crad_footer2 {
	width: 220px;
	position: absolute;
	bottom: 0px;
	right: 16px;
	background: rgba(218, 34, 42, 0.5);
	font-size: var(--pcfsize20);
	height: 50px;
	border-radius: 8px;
	cursor: pointer;
	font-weight: 800;
	color: #fff;
}

.coursede_crad_footer2av {
	background-color: var(--brcolor);

}

.coursede-slipe {
	font-size: var(--pcfsize16);
}

.coursede-slipe-bon {
	width: 96px;
	height: 38px;
	background: linear-gradient(215deg, #E8CFB2 0%, #FFCB8E 100%);
	border-radius: 4px;
	color: #784C20;
	font-weight: bold;
	text-align: center;
	line-height: 38px;
}

.coursede-slipe {
	height: 80px;
	margin-top: 32px;
	padding: 0 15px;
}

.coursede-slipe-item {
	width: calc(100% - 128px);

}

.tip-name {
	width: calc(100% - 100px);
}

.tip-num {
	width: 100px;
	text-align: right;
	color: var(--brcolor);
}

.coursede-slipe-item span {
	font-weight: 800;
}

.coursede-teache {
	position: relative;
	height: 208px;
	background: linear-gradient(180deg, #F9F9F9 0%, #FFDEDF 100%);
	border-radius: 8px;
	padding: 64px 32px 32px;
	margin-top: 32px;
}

.teache-av {
	height: 120px;
	width: 120px;
	border-radius: 50%;
	object-fit: cover;
}

.coursede-teache-dibg {
	background: url('../image/television.png');
	height: 100%;
	width: 300px;
	background-size: cover;
	position: absolute;
	right: 0;
	bottom: 0;
}

.coursede-teache-rigth {
	width: calc(100% - 116px);
	margin-left: 16px;
}

.coursede-teache-rigth p {
	margin-top: 16px;
	color: var(--pncolor);
}

.coursede-jianjie-cen {
	margin-top: 32px;
}

.taolun_crad {
	background-color: #F9F9F9;
}

.taolun_crad_item {
	background-color: #fff;
	padding: 16px;
	border-radius: 8px;
	height: 108px;
}

.taolun_crad_item-lable {
	background-color: var(--brcolor);
	width: 18px;
	height: 18px;
	border-radius: 2px;
	margin-right: 8px;
	color: #FFFFFF;
	font-size: var(--pcfsize12);
	text-align: center;
	display: inline-block;
}

.taolun_crad_item-rigth {
	width: calc(100% - 52px);
}

.taolun_crad_item-p {
	margin-top: -4px;
	width: calc(100% - 26px);
}

.taolun_crad_item-rigth {
	margin-top: 8px;
}

.taolun_crad_p {
	color: var(--pncolor);
	/* margin-top: 8px; */
	position: absolute;
	bottom: 16px;
}

.taolun_crad_p img {
	width: 18px;
	height: 18px;

}

/* 消息列表 */
.message-main-crad {
	margin: 32px 0;
}

.message-crad-item {
	height: 82px;

	font-size: var(--pcfsize20);
	font-weight: 800;
	padding: 16px;
	cursor: pointer;
	position: relative;
}

.message-crad-item span {
	background-color: var(--brcolor);
	color: #fff;
	border-radius: 50%;
	font-size: var(--pcfsize12);
	height: 20px;
	width: 20px;
	text-align: center;
	font-weight: normal;
	position: absolute;
	right: 32px;
}

.message-crad-itemav {
	/* background: linear-gradient(90deg, rgba(218, 34, 42, 0.4) 0%, rgba(249, 249, 249, 0.2) 92%);
	border-left: 4px solid var(--brcolor); */
	color: var(--brcolor);
}

.message-crad-item img {
	height: 50px;
	width: 50px;
	margin-right: 16px;
}

.system-list {
	background-color: #fff;
	padding: 16px;
	margin-top: 16px;
}

.system-list-bu {
	border-radius: 30px;
	padding: 2px 10px;
	border: 1px solid var(--paracolor);
	color: var(--paracolor);
	margin-left: 16px;
	font-size: var(--pcfsize14)
}

.system-list-bu-av {
	border: 1px solid var(--brcolor);
	color: var(--brcolor);
}

.system-list-bu-avbom {
	border: none;
	background-color: var(--brcolor);
	color: #fff;
}

.system-list-p {
	margin-top: 8px;
}

.system-list-p span {
	color: var(--brcolor);
}

.message-reply-list {
	padding: 16px;
	margin-bottom: 16px;
	background-color: #fff;

}

/* 我的 */
.mine-main_crad {
	margin-top: 32px;
	margin-bottom: 32px;
}

.av-img {
	height: 36px;
	width: 36px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 14px;
}

.message-reply-list .av-img {
	margin-top: 8px;
}

.message-reply-rigth {
	width: 100%;
}




.message-reply-rigth .title {
	color: var(--paracolor);
	font-size: var(--pcfsize16);
}

.message-reply-rigth span {
	color: #000;
	padding: 0 8px;
}

.message-reply-rigth-p {
	margin-top: 4px;
}

.message-reply-rigth .bom-icon {
	margin-top: 8px;
}

.message-reply-rigth .bom-icon img {
	margin-right: 50px;
	cursor: pointer;
}

.mine-crad-itemav,
.mine-crad-item-title:hover {
	font-weight: 800;
	color: var(--brcolor);
}

.mine-main-crad-nao {
	margin: 16px 0;
}

.mine-crad-item {
	margin-bottom: 16px;
}

.mine-crad-item,
.mine-crad-item-title {
	cursor: pointer;
	font-weight: 700;
}

.mine-title-mode {
	margin-bottom: 16px;
	cursor: pointer;
	font-weight: 700;
}

.mine-child-item {
	cursor: pointer;
	margin: 0 16px;
	height: 40px;
	position: relative;

}

.mine-child-item-name {
	position: absolute;
	left: 16px;
	color: var(--paracolor);
	padding: 16px 0;
}

.message-crad-itemav .mine-child-item-name {
	/* left: 12px; */
	color: var(--brcolor);
}

.mine-crad-item .message-crad-itemav h3 {
	color: var(--brcolor);
}


.mine-main-crad-left,
.mine-main-crad-rigth {
	background-color: #fff;
	padding: 16px;
}

.mine-main-crad-rigth {
	height: 100%;
	position: relative;
	background-color: initial;
	padding: 0;
}

.mine-main-crad-rigth32 {
	padding-left: 32px;
}

.user-info {
	flex-direction: column;
}

.user-info-img {
	height: 68px;
	width: 68px;
	border-radius: 50%;
	object-fit: cover;
}

.user-form-img {
	height: 68px;
	width: 94px;
	border-radius: 0;
	object-fit: cover;

}

.user-form-imgav {
	border: 1px dashed #cdd0d6;
}

.user-form-imgav {
	border-color: var(--brcolor);
	color: var(--brcolor);
}

.user-info h3 {
	margin: 16px 0 8px;
}

.user-item-xiao h3 {
	width: 124px;
	margin-right: 16px;
}

.user-item-xiao-rigth {
	width: calc(100% - 140px);
}

.user-item-xiao {
	height: 80px;
	border-bottom: 1px solid #EEEEEE;
}

.user-item-xiao p {
	color: var(--brcolor);
}

.user-bomt {
	width: 432px;
	height: 60px;
	background: #DA222A;
	border-radius: 44px;
	font-size: var(--pcfsize20);
	color: #fff;
	margin-top: 64px;
}

.mine-main-crad-rigth .main_menu_crad {
	margin-top: 16px;
}

.user-certificate {}

.user-certificate_item {
	height: 412px;
	background: url('../image/certificate.png') no-repeat;
	background-size: contain;
	width: 100%;
	position: relative;
}

.certificate-title {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 38px;
	color: #624000;
	font-weight: 300;
	font-size: 32px;
}

.certificate-name {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 108px;
}

.certificate-name-he {
	border-bottom: 1px solid #000;
	width: 80px;
	text-align: center;
	/* padding-bottom: 4px; */
	color: #624000;
	font-weight: 300;
	font-size: var(--pcfsize20);
}

.certificate-p {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	/* padding: 0 25px; */
	width: calc(100% - 50px);

}

.certificate-pint {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 270px;
	color: #624000;

}

.certificate-tiem {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 310px;
	color: #624000;

}

.user-organizations {}

.user-organizations-din {
	color: var(--paracolor);
	font-size: var(--pcfsize16);
	margin-top: 4px;
}

.user-organizations-itemcan h3 {
	margin-bottom: 16px;
}

.user-organizations_itembg {
	height: 203px;
	border-radius: 4px 4px 0 0;
	background-size: cover;
	position: relative;
}

.user-organizations-item:hover .user-organizations_itembg img {
	transform: scale(1.2);
}

.user-organizations-item {
	margin-bottom: 16px;
	overflow: hidden;
	width: 100%;
}

.user-organizations-itemcan {
	padding: 16px;
	background-color: #F8F8F8;
	position: relative;
	height: 124px;
}

.user-organizations-time {
	height: 41px;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 12px;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.user-organizations-din img {
	margin-right: 8px;
	height: 18px;
	width: 18px;
}

.user-organizations-but {
	position: absolute;
	bottom: 16px;
	width: calc(100% - 32px);
	padding: 8px;
	background-color: #fff;
	border-radius: 4px;
}

.user-organizations-pit {
	color: var(--brcolor);
}

/* 登录 */
.login {
	/* position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1001; */
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(580px);
	background: url('https://kxlyjimg.vanrei.cn/uploads/20241213/b55207ea053d289aa26c0c2db16c051c.png') no-repeat;
	background-size: cover;
}


.login-mian {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.login-back {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: 3;
	background-color: rgba(0, 0, 0, 0.6);
}

.login-constnt {
	z-index: 4;
	height: 440px;
	width: 420px;
	background-color: #fff;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	position: relative;
}

.login-constnt-pow {
	height: 488px;
}

.login-constnt-topnew {
	display: flex;
	align-items: center;
	margin-top: 28px;
	padding: 0 16px;
}

.login-constnt-top-1 {
	/* background: #F9F9F9; */
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding-bottom: 12px;
	width: 120px;
	cursor: pointer;
	/* 将鼠标指针变为手形 */
}

.login-constnt-top-1 .title {
	color: var(--paracolor);
}

.login-constnt-top-2 .title,
.login-constnt-top-1:hover .title {
	font-weight: bold;
	color: #000;
}

.login-constnt-top-1:hover .studymap_main_tabspan {

	display: inline-block !important;
}

.verification:hover {
	cursor: pointer;
	/* 将鼠标指针变为手形 */
}

.constnt-top-conston-bottom:hover {
	cursor: pointer;
	/* 将鼠标指针变为手形 */
}

.login-constnt-top-conston {
	margin: calc(19px + 1.18vw) auto;
	height: calc(115px + 7.2vw);
}

.login-constnt-top-conston1 {
	margin: 32px 40px;
	/* margin: 0px calc(20px + 1.25vw); */
	height: 100%;
	display: flex;
	flex-direction: column;
	/* justify-content: space-between; */
}

.login-constnt-top-conston1 .moreall_p {
	font-size: var(--pcfsize12)
}

.constnt-top-conston-imagee {
	width: 208px;
	height: 208px;
}

.constnt-top-conston-bottom {
	width: 100%;
	height: 54px;
	background: rgba(218, 34, 42, 0.5);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	margin-top: 32px;
}

.constnt-top-conston-bottom1 {
	background: #DA222A;

}

.constnt-top-conston1-input {
	width: calc(100%);
	height: 54px;
	border-radius: 8px;
	border: 1px solid rgba(238, 238, 238, 0.93);
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
	padding: 16px;

}

.login-constnt-top-conston1 .moreall_p {
	margin-top: 8px;
}

.constnt-top-conston1-input input {
	border: none;
	outline: none;
}

.forget {
	text-align: end;
	color: var(--paracolor);
}

.forget:hover {
	cursor: pointer;
	/* 将鼠标指针变为手形 */
}

/* 忘记密码 */
.login-constnt-top2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600;
	margin: 24px 32px;

}

.login-constnt-top2 img {
	height: 18px;
	width: 18px;
}

.login-constnt-top2 img:hover {
	cursor: pointer;
	/* 将鼠标指针变为手形 */
}

/* 协议 */
.protocol {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #666666;
	text-align: center;
	/* margin-bottom: calc(15px + 0.94vw); */
	position: absolute;
	bottom: calc(15px + 0.94vw);
	width: 100%;
}

.protocol img {
	width: 22px;
	height: 22px;
	margin-right: 8px;
	cursor: pointer;
}

.login-saoma-item-pit {
	width: 95px;
	height: 24px;
	border: 1px solid #ED7524;
	border-radius: 2px 2px 2px 2px;
	color: #ED7524;
	font-size: var(--pcfsize12);
	text-align: center;
	margin-top: 12px;
	border-radius: 4px;
	position: relative;
}

.login-saoma-item-pit span {
	position: absolute;
	right: -4px;
	border-right: 1px solid #ED7524;
	border-bottom: 1px solid #ED7524;
	height: 6px;
	width: 6px;
	transform: rotate(315deg);
	background-color: #fff;
}

.login-saoma {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.hand-shape {
	cursor: pointer;
}

.login-saoma-item img {
	height: 64px;
	width: 64px;
	object-fit: cover;
	border-radius: 0 8px 0 0;
}

.login-constnt-sm .login-constnt-topnew {
	margin-top: 47px;
}

.login-constnt-sm .login-constnt-top-1 {
	width: 100%;
}

.head-login {
	height: 48px;
	width: 131px;
	color: var(--paracolor);
	border-radius: 2px;
	border: 1px solid #EEEEEE;
}

.head-login img {
	height: 30px;
	width: 30px;
	margin-right: 10px;
}

.sku-price-title {
	font-weight: 500;
}

.sku-block {
	background: #f4f4f4;
	border-radius: 16px;
	height: 34px;
	padding: 0 16px;
	color: #333333;
	cursor: pointer;
}

.sku-blockav {
	border: 1px solid var(--brcolor);
	background-color: #fff;
	color: var(--brcolor);
}

.sku-price-item {
	margin-top: 16px;
}

.sku-price-item-list {
	margin-top: 8px;
}

.sku-price-item-list .sku-block {
	margin-right: 16px;
}

.sku-blockavno {
	background: #F9F9F9;
	color: var(--pncolor);
}

.sku-blockavno {
	background: #F9F9F9;
	color: var(--pncolor);
}

/* 学习路线 */
.Learning-points {
	background-color: #fff;
	padding: 16px 16px 0;
}

.Learning-system {
	background-color: #fff;
	padding: 16px;
	margin-top: 32px;
}

.Learning-points-item {
	height: 92px;
}

.Learning-points-item .title {
	position: relative;

}

.Learning-points-item .title-p {
	padding-left: 24px;
}

.Learning-points-item .title span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--brcolor);
	position: absolute;

}

.Learning-system-cen {
	margin-top: 16px;
}

.bomdk {
	padding: 0 16px;
	height: 28px;
	border-radius: 16px;
	text-align: center;
	border: 1px solid var(--brcolor);
	color: var(--brcolor);
}

/* 弹窗头部 */
.header-visible img {
	height: 18px;
	width: 18px;
}

.visible-boby {
	font-size: var(--pcfsize16);
	color: #000;

}

.visible-taolun {
	margin-top: 8px;
	width: calc(100% - 52px);
}

.visible-taolun_item {
	width: calc(100% - 16px);
}

.visible-but {
	width: 242px;
	height: 68px;
	background: rgba(218, 34, 42, 0.5);
	border-radius: 34px;
	font-weight: 800;
	font-size: var(--pcfsize20);
	color: #fff;
	margin-top: 16px;
	background: var(--brcolor);
	cursor: pointer;
}

.huifu-bom {
	margin-top: 16px;
}

.huifu-but {
	background: rgba(218, 34, 42, 0.5);
	border-radius: 4px;
	font-weight: 800;
	font-size: var(--pcfsize16);
	color: #fff;
	background: var(--brcolor);
	cursor: pointer;
	width: 116px;
	height: 30px;
}


.visible-taolun_item textarea {
	height: 100%;
}

.visible-butav,
.huifu-butav {}

.cursor {
	cursor: pointer;
}

.cursorallowed {
	cursor: not-allowed;
}

.visible-taolun-name {
	color: var(--pncolor);
}

.visible-taolun-name span {
	color: var(--brcolor);
}

.huifu-list>div {
	width: 100%;
}

.huifu-list .visible-taolun {
	margin-top: 0;
}

.huifu-item {
	background: #FFFFFF;
	border-radius: 8px;
	padding: 16px;
}

.visible-taolun-wen {
	margin-top: 8px;
}

.taolun_crad_item-lableda {
	background-color: #20D29A;
}

.dapin-list {
	margin-top: 8px;
	margin-left: 52px;
}

.dapin-item {
	font-size: var(--pcfsize14);
	margin-top: 4px;
}

.dapin-item p {
	color: var(--pncolor);
}

.huifu-tiem {
	color: var(--pncolor);
	padding: 8px 32px 0 64px;

}

.huifu-tiem img {
	height: 18px;
	width: 18px;
	margin-right: 4px;
}

.dapin-tiem-rigth>div {
	margin-left: 16px;
}

.customClassloding {
	z-index: 998 !important;
}

.move-li {
	flex-direction: column;
	/* padding-top: 16px; */
}

#move-drawer {
	background-color: hsla(0, 0%, 0%, 0.5);
	width: 40% !important;
	display: none;
}

.move-li li {
	padding: 10px;
	border-bottom: solid 1px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.move-li li a {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.move-li .pinlun-image {
	margin-right: 0;
	margin-bottom: 10px;
}

.move-ligo,
.move-no {
	display: none;
}

.move-li .moreall_p {
	color: #fff;
}

.organ-info-head img {
	height: 68px;
	width: 68px;
	object-fit: cover;
	border-radius: 50%;
}

.organ-mode-left {
	padding: 27px 0 27px 16px;
	background: url('../image/shedunbg.png') no-repeat;
	border-radius: 8px;
	background-size: cover;
	color: #fff;
	width: 100%;
	height: 100%;

}

.organ-mode-rigth {
	padding: 32px 16px;
	background: url('../image/shedunbg.png') no-repeat;
	border-radius: 8px;
	background-size: cover;
	color: #fff;
}

.organ-mode-left h3,
.organ-info-lok {
	margin-top: 16px;
	color: #fff;
}

.organ-info-lok img {
	height: 18px;
	width: 18px;
	margin-right: 16px;
}

.organ-info-lok span,
.organ-info-head span {
	text-wrap-mode: wrap !important;
}



.organ-mode-item h3 {
	color: #fff;
}

.organ-info-lable {
	background-image: linear-gradient(340deg, #C34550, #FF6F6F);
	border-radius: 4px 0px 0px 4px;
	padding: 8px;
	font-size: var(--pcfsize12);
	color: #fff;
}

.organ-mode-item {
	height: 146px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 4px;
	border: 1px solid #EEEEEE;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	padding: 16px;
	color: #fff;
}

.mode-zation {
	background-color: #fff;
	margin-top: 32px;
	padding: 16px;
}

.mode-zationavlist {
	margin-top: 0;
}

.dongtai-row-cen {
	height: 102px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.dongtai-row-cen img {
	height: 18px;
	width: 18px;
	margin-right: 16px;
}

.dongtai-row-cen p {
	color: var(--pncolor);
}

.dongtai-mode {
	margin-top: 32px;
}

.dongtai-mode .studymap_main-title {
	margin-bottom: 24px;
}

.dongtai-mode-head {
	padding: 0 16px;
}

.sheduan-but {
	height: 68px;
	background: var(--brcolor);
	border-radius: 44px;
	color: #fff;
	width: 432px;
	margin: 56px 0 64px;
	font-size: var(--pcfsize20);
	font-weight: bold;
	cursor: pointer;
}

.orginfo_main_mode {
	padding: 0 16px;
	background-color: #fff;
}

.orginfo_main—item {
	padding: 32px 0;
	border-bottom: 1px solid #EEEEEE;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.orginfo_main—item h3 {
	width: 200px;
}

.orginfo_main—itemfd {
	display: flex;
	flex-direction: column;
	align-items: initial;
	border-bottom: none;
}

.orginfo_main—itemfd .organ-info-head {
	margin-top: 16px;
}

.orginfo_main—item .duanzhan-img {
	height: 21px;
	width: 21px;
	object-fit: cover;
	margin-right: 8px;
}

.orginfo_main—itemfd .organ-info-head-input {
	width: 100%;

}

.orginfo_main—itemfd textarea {
	height: 100%;
}

.orginfo_main—item .organ-info-head {
	color: var(--pfcolor);
}

.organ-info-head-input {
	width: 40%;
	display: flex;
	justify-content: flex-end;
}

.orginfo_main—item input {
	border: none;
	outline: none;
	font-weight: 400;
	color: #000;
	width: 100%;
	text-align: right;
}


.orginfo_main_mode>textarea {
	border: none;
	outline: none;
	width: 100%;
	height: 262px;
	padding-top: 32px;
}

/* .orginfo_main—item img{
	border-radius: 0;
	width: 94px;
	height: 68px;
	object-fit: contain;
} */
/* .organ-info-teaxt .el-input{
	height: 100px;
} */
.duanzhan-bom {
	padding: 0 32px;
}

.duanzhan-bom .sheduan-but {
	width: calc(50% - 16px);
}

.sheduan-but-bno {
	background: none;
	border: 1px solid var(--brcolor);
	color: var(--brcolor);
}

.club_user_item {
	margin-bottom: 24px;
}

.club_user_item-cen {
	padding: 6px 9px;
	height: 68px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;

}

.club_user_item-cen p {
	font-size: 16px;
	color: var(--paracolor);
}

.club_user_item-cen span {
	background-image: linear-gradient(340deg, #C34550, #FF6F6F);
	border-radius: 4px;
	padding: 0 8px;
	height: 21px;
	line-height: 21px;
	display: inline-block;
	font-size: var(--pcfsize12);
	color: #fff;
	font-weight: normal;
	margin-left: 9px;
}

.course-payment-mode {
	/* background-color: #77ffe9; */
}

.course-payment-mode-title {
	padding: 16px;
	border-bottom: 1px solid #EEEEEE;
}

.payment-form {
	padding: 8px 16px;
}

.payment-form>div {
	padding: 8px 16px;
}

.payment-form-item {
	height: 54px;
}

.payment-form-item-lable {
	width: 100px;
}

.course-payment-mode input {
	/* border: 1px solid #EEEEEE;
	height: 100%;
	padding: 0 16px;
	color: #666666;
	width: calc(100% - 100px); */
}

.payment-form-item .el-input {
	height: 54px;
	/* padding: 0 16px; */
	color: #666666;
	width: calc(100% - 100px);
}

.course-payment-mode .el-select,
.course-payment-mode .el-radio-group {
	width: calc(100% - 100px);
}

/* .payment-order>div {
	
	
} */

.course-order {
	background: #F9F9F9;
	padding: 32px;
}

.course-order-img {
	padding: 0;
}

.course-order-img img {
	height: 208px;
	width: 100%;
	object-fit: cover;
}

.course-order-cen {
	height: 208px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 8px 0;
}

.course-order-cen p {
	color: var(--paracolor);
	margin-top: 16px;
}

.course-order-cen-price {
	font-weight: bold;
}

.course-order-wen {
	height: 41.5px;
}

.course-order-wen p {
	color: var(--pncolor);
}

.course-order-wen {
	font-weight: 500;
}

.payment-forter {
	padding: 24px 16px 32px;
}

.payment-forter-mode {
	padding: 16px 0;
}

.payment-forter .price {
	color: var(--brcolor);
	padding-left: 6px;
}

.payment-forter-but {
	width: 242px;
	height: 68px;
	margin-left: 12px;
	border-radius: 34px;
	cursor: pointer;
}

.payment-forter .more-img18 {
	margin-right: 16px;
	cursor: pointer;
}

.course-payment-modeor {
	margin-top: 32px;
}

.payopen-user {
	background: #F9F9F9;
	margin: 0 16px;
	padding: 8px;
	font-weight: 500;
	font-size: var(--pcfsize16);
	color: #000;
}

.payopen-user span {
	color: var(--paracolor);
}

.payopen-user-lest {
	width: 96px;
}

.payopen-user-rigth {
	width: calc(100% - 112px);
}

.payopen-img img {
	height: 50px;
	width: 50px;
}

.payopen-img img:nth-child(2) {
	margin-left: 32px;
}

.crad-coursebut {
	position: absolute;
	bottom: 16px;
	right: 16px;
	width: calc(100% - 48px);
}

.crad-coursebut2 {
	bottom: 0px;
}

.crad-coursebut-img {
	width: 100px;
	color: var(--paracolor);
	cursor: pointer;
}

.crad-coursebut-img span {
	color: var(--brcolor);
	font-weight: 800;
	padding-right: 6px;
}

.crad-coursebut-img img {
	height: 36px;
	width: 36px;
}

.crad-coursebut-ri {
	width: calc(100% - 116px);
}



.crad-coursebut-ri-but {
	font-size: var(--pcfsize20);
	height: 50px;
	border-radius: 8px;
	cursor: pointer;
	font-weight: 800;
	width: calc(46%);
}

.cradlist_item .more_main_menu_crad_item_bg {
	width: 280px;
	height: 203px;
}

.cradlist_item .more_main_menu_crad_item_bg img {

	border-radius: 4px;
}

.cradlist_item .more-img18 {
	margin-right: 16px;
}

.cradlist_item_cen {
	width: calc(100% - 314px);
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	padding: 16px;
	font-size: var(--pcfsize20);
	height: 203px;
	/* border: 1px solid #EEEEEE; */
	background-color: #FFFFFF;
}

.cradlist_itemmian .more-row>div {
	padding: 16px;
}

.crad-footer {
	margin-top: 16px;
}

.crad-footer-ri-bu {
	width: 160px;
	height: 68px;
	border-radius: 34px;
	font-weight: 800;
	margin-left: 16px;
}

.crad-footer-le {
	color: var(--paracolor);
	font-size: var(--pcfsize14);
	cursor: pointer;
}

.crad-footer-le img {
	margin-right: 16px;
}

.crad-head-le span {
	color: var(--brcolor);
	font-weight: 800;
	padding: 0 4px;
}

.mine-mble {
	padding: 24px 16px 0;
}

.mine-mble-item {
	height: 54px;
	margin-bottom: 16px;
}

.mine-mble .fs-ipborder {
	padding: 16px;
}

.mine-mble-item input {
	width: 100%;
	height: 100%;
	font-weight: 800;
}

.mine-mble-item-yz input,
.mine-mble-item-yz>div {
	width: 50%;
}

.mine-mble-item-bu {
	height: 100%;
	font-weight: bold;
	border-radius: 8px;
	margin-top: 32px;
}

.receipt_mode_nav {
	background-color: #fff;
	padding: 16px 0;
	border-radius: 8px;
}

.receipt_mode_nav li {
	font-weight: bold;
	font-size: var(--pcfsize20);
	width: 132px;
	text-align: center;
	padding-bottom: 15px;
	position: relative;



}

.receipt_mode_nav li a {
	font-weight: bold;
	font-size: var(--pcfsize20);
	color: var(--paracolor);
}

.receipt_mode_nav .nav-itemav a {
	font-weight: 800;
	;
	color: #000 !important;
}

.order-body-item-top {
	font-weight: 800;
	padding: 16px 32px;
}

.receipt_mode {
	background: #F9F9F9;
}

.order-body-item {
	margin-top: 32px;
	background: #fff;
}

.orderitem-cen {
	font-weight: 500;
	font-size: var(--pcfsize20);
	padding: 16px 32px;
}

.orderitem-cian {
	padding: 16px 32px;
}

.orderitem-footer {
	padding: 32px;
	display: flex;
	justify-content: flex-end;
}

.orderitem-footer div {
	width: 96px;
	height: 36px;

	border-radius: 18px;
}

.orderitem-footer div:nth-child(1) {
	margin-right: 16px;
}

.order-body-item .cradlist_item_cen {
	width: calc(100% - 280px);
	border: none;
}

.cradlist_item_cen_head p {
	font-size: var(--pcfsize16);
	margin-top: 16px;
}

/* 	账单 */
.bill-mode,
.evaluate-list {
	background: #F9F9F9;
}

.bill-mode-top {
	padding: 16px;
	background-color: #fff;
}

.bill-mode-mian {
	background-color: #fff;
}

.bill-mode-title {
	height: 36px;
	font-weight: bold;
	padding: 0 16px;
}

.bill-mode-top .bill-mode-title {
	padding: 0;
}

.bill-mode-top-xian>div {
	width: 50%;
	font-weight: 500;
	background: #F9F9F9;
	height: 52px;
}

.bill-mode-top-xian span {
	padding: 0 16px;
}

.bill-mode-mian {
	margin-top: 32px;
}

.bill-mode-list-item {
	padding: 32px 16px;
	border-bottom: 1px solid #EEEEEE;
}

.bill-mode-list-item-head {
	font-weight: 500;
	margin-bottom: 8px;
}

.bill-mode-list-item-head span {
	border-radius: 4px;
	background-color: var(--brcolor);
	color: #fff;
	font-size: 10px;
	padding: 1px 3px;
	margin-right: 4px;
}

.bill-mode-title-icon {
	font-size: 14px;

}

.bill-mode-title-icon img {

	height: 18px;
	width: 18px;
}

/* 我的服务评价*/

.evaluate-but {
	width: 80px;
	height: 34px;
	border-radius: 16px;
	font-size: 16px;
}

.evaluate-mode-cousre {
	margin-top: 16px;
}

.evaluate-mode-cousre img {
	width: 138px;
	height: 100px;

	border-radius: 4px;
	object-fit: cover;
	margin-right: 16px;
}

.evaluate-mode-cousre-cen {
	height: 100px;
	color: var(--pncolor);
	font-size: var(--pcfsize14);
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.evaluate-mode-cousre-cen .price {
	height: 34px;
}

.evaluate-mode-cousre-cen .lable {
	margin-top: 8px;
}

.evaluate-mode .studymap-pinlun-item {
	background: #FFFFFF;
	border-radius: 8px;
	padding: 16px;
	margin-top: 32px;
}

.bill-mode-nav {
	padding: 16px;
}

.bill-mode-nav-item {
	height: 36px;
	border-radius: 40px;
	border: 1px solid #999999;
	margin-right: 16px;
	width: 33.33%;
	color: var(--pncolor);
}

.bill-mode-nav-itemav {
	border: 1px solid var(--brcolor);
	color: var(--brcolor);
}

.bill-mode-nav-item:nth-child(3) {
	margin-right: 0;
}

/* 在线课程 */
.videodetail_class {
	margin-top: 16px;
}

.videodetail_class img {
	height: 18px;
	width: 18px;
	margin-left: 8px;
}

.icon-p {
	font-size: var(--pcfsize12);
	color: var(--pncolor);
}

.contents-list-item {
	padding: 32px 16px;
	border-bottom: 1px solid #eee;
}

.contents-list-item span {
	font-size: var(--pcfsize14);
	color: var(--pncolor);
	display: inherit;
	width: 32px;
	height: 20px;
}

.contents-list-item div {
	font-weight: 500;
	margin-left: 16px;
}

.contents-list-item:last-child {
	border-bottom: none;
}

.contents-list-itemav,
.contents-list-itemav span {
	color: var(--brcolor) !important;
}

.contents-list-itemend {
	color: var(--pncolor) !important;
}

.contents-list-itemcen {
	flex: 1;
}

.contents-head p {
	color: var(--pfcolor);
}

.contents-head span {
	color: var(--brcolor);
}

.contents-head p::before {
	float: left;
	/* padding-right: 10px; */
	color: var(--pfcolor);
	content: "/";
}

.main_videomore {
	margin-top: 16px;
	color: var(--paracolor);
}

.main_videomore a {
	color: var(--paracolor);
}