.ui-dialog-migration {
	position: relative
}

.ui-dialog-migration.pop-wrapper.mobileMigration {
	height: auto;
	border-radius: 2px;
	width: 90% !important;
	min-width: 90%;
	margin: 0 auto;
	border: none
}

.ui-dialog-migration.pop-wrapper.mobileMigration .ui-dialog-grid tr:nth-child(2) {
	background-image: linear-gradient(162deg, #ffb373, #e74b3b);
	border-radius: 2px;
	color: #fff
}

.ui-dialog-migration.pop-wrapper.mobileMigration .ui-dialog-grid tr:nth-child(2) .alert-head {
	text-align: center;
	font-size: .18rem;
	font-weight: 600;
	margin-bottom: .2rem
}

.ui-dialog-migration.pop-wrapper.mobileMigration .ui-dialog-grid tr:nth-child(2) .alert-content {
	font-size: .16rem;
	line-height: 1.8;
	font-weight: 300
}

.ui-dialog-migration.pop-wrapper.mobileMigration .ui-dialog-grid tr .ui-dialog-button {
	text-align: center;
	width: 100%
}

.ui-dialog-migration.pop-wrapper.mobileMigration .ui-dialog-grid tr .ui-dialog-button button {
	border: none;
	font-size: .16rem;
	font-weight: 300;
	color: #E74B3B
}

.ui-dialog-migration.pop-wrapper.mobileMigration .ui-dialog-grid tr .ui-dialog-body {
	padding: .25rem
}

.ui-dialog-migration.pop-wrapper.mobileMigration .ui-dialog-grid tr .ui-dialog-footer {
	padding: .1rem;
	background-color: #fff
}

.ui-dialog-migration.pop-wrapper.mobileMigration .ui-dialog-grid tr .ui-dialog-footer .ui-dialog-button button:last-child {
	position: absolute;
	right: -.04rem;
	top: -.1rem;
	background: transparent;
	color: #fff;
	font-size: 28px
}

html,
body {
	background: #f2f3f8;
	overflow-x: hidden
}

img {
	vertical-align: top
}

.empty {
	padding: 1.4rem 0;
	text-align: center;
	font-size: .2rem;
	font-weight: 600;
	color: #999
}

.line-hide-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.line-hide-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.line-hide-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.line-hide-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

.line-hide-5 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical
}

main {
	padding-top: .4rem
}

.nav-module .cate-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
	padding: .1rem .2rem
}

.nav-module .cate-container .btn {
	position: relative;
	display: block;
	height: .28rem;
	line-height: .28rem;
	border-radius: .04rem;
	border: solid 1px #f0f0f0;
	background-color: #fff;
	font-size: 12px;
	font-weight: 500;
	color: #333;
	padding: 0 .12rem
}

.nav-module .cate-container .btn.order-btn,.nav-module .cate-container .btn.order-btn1 {
	padding-right: .23rem
}

.nav-module .cate-container .btn.order-btn:before,.nav-module .cate-container .btn.order-btn1:before {
	position: absolute;
	right: .12rem;
	color: #979797;
	font-size: .07rem;
	transition: .3s ease
}

.nav-module .cate-container .btn.cate-btn {
	padding-right: .25rem
}

.nav-module .cate-container .btn.cate-btn.selected {
	color: #e74b3b
}

.nav-module .cate-container .btn.cate-btn.selected:before {
	color: #e74b3b
}

.nav-module .cate-container .btn.cate-btn:before {
	position: absolute;
	right: .12rem;
	top: .02rem;
	color: #999;
	font-size: .09rem;
	transition: .3s ease
}

.nav-module .cate-container .order-wrap,.nav-module .cate-container .order-wrap2 {
	position: relative
}

.nav-module .cate-container .order-wrap.show .order-list,.nav-module .cate-container .order-wrap2.show .order-list {
	visibility: visible;
	opacity: 1
}

.nav-module .cate-container .order-wrap.show .order-btn:before,.nav-module .cate-container .order-wrap2.show .order-btn1:before {
	transform: rotate(180deg)
}

.nav-module .cate-container .order-wrap .order-list,.nav-module .cate-container .order-wrap2 .order-list  {
	position: absolute;
	top: .34rem;
	width: 1rem;
	border-radius: .04rem;
	box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, 0.1);
	border: solid .01rem #f0f0f0;
	z-index: 2;
	padding: .04rem 0;
	visibility: hidden;
	opacity: 0;
	transition: .3s ease;
	background-color: #fff
}

.nav-module .cate-container .order-wrap .order-list li ,.nav-module .cate-container .order-wrap2 .order-list li a {
	display: block;
	font-size: .12rem;
	font-weight: 500;
	line-height: 1.5;
	color: #333;
	background-color: #fff;
	transition: .3s ease;
	padding: .1rem .12rem
}

.nav-module .cate-container .order-wrap .order-list li a:active,.nav-module .cate-container .order-wrap2 .order-list li a:active  {
	color: #e74b3b
}

.nav-module .cate-container .order-wrap .order-list li.selected a,.nav-module .cate-container .order-wrap2 .order-list li.selected a {
	color: #e74b3b
}

.nav-module .cate-container .cate-wrap {
	position: relative
}

.work-filter-wrapper {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100002;
	background-color: rgba(0, 0, 0, 0);
	left: 100%;
	cursor: pointer
}

.work-filter-wrapper.show {
	animation: slide-left 0.3s forwards;
	animation-delay: 0.3s
}

.work-filter-wrapper.hide {
	animation: slide-right 0.3s forwards;
	animation-delay: 0s
}

.work-filter-wrapper .filter-body {
	width: 90.7%;
	background-color: #ffffff;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	color: #333333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.work-filter-wrapper .filter-body .top-close {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	font-size: .18rem;
	padding: .14rem .2rem 0
}

.work-filter-wrapper .filter-body .work-filters {
	position: absolute;
	left: 0;
	right: 0;
	top: 0.5rem;
	bottom: 0.48rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.work-filter-wrapper .filter-body .work-filters .filter-title {
	font-size: .14rem;
	padding: 0.2rem 0.2rem 0.12rem .2rem
}

.work-filter-wrapper .filter-body .work-filters .filter-title .icon-arrow-dropdown {
	float: right;
	transition: all 0.15s ease-in-out;
	font-size: 11px;
	font-weight: 500
}

.work-filter-wrapper .filter-body .work-filters .filter-title .icon-arrow-dropdown.arrow-open {
	transform: rotate(0)
}

.work-filter-wrapper .filter-body .work-filters .filter-title .icon-arrow-dropdown.arrow-close {
	transform: rotate(-180deg)
}

.work-filter-wrapper .filter-body .work-filters .select-option {
	display: none
}

.work-filter-wrapper .filter-body .work-filters .filter-panel {
	padding: 0 .2rem;
	overflow: hidden
}

.work-filter-wrapper .filter-body .work-filters .filter-panel.hide {
	animation: slide-close 0.5s forwards
}

.work-filter-wrapper .filter-body .work-filters .filter-panel.show {
	animation: slide-open 0.5s forwards
}

@keyframes slide-open {
	0% {
		height: 0
	}
	100% {
		height: auto
	}
}

@keyframes slide-close {
	0% {
		height: auto
	}
	100% {
		height: 0
	}
}

.work-filter-wrapper .filter-body .work-filters .filter-panel .select-checkbox-wrapper .select-checkbox {
	width: calc((100% - .2rem) / 3);
	float: left;
	padding-right: .1rem;
	padding-bottom: .08rem
}

.work-filter-wrapper .filter-body .work-filters .filter-panel .select-checkbox-wrapper .select-checkbox:nth-child(3n) {
	padding-right: 0
}

.work-filter-wrapper .filter-body .work-filters .filter-panel .select-checkbox-wrapper .select-checkbox span {
	display: none
}

.work-filter-wrapper .filter-body .work-filters .filter-panel .select-checkbox-wrapper .select-checkbox i {
	display: block;
	font-size: .14rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: .02rem;
	border: .01rem solid #f0f0f0;
	display: block;
	width: 100%;
	height: .32rem;
	line-height: .32rem;
	background-color: #f0f0f0;
	text-align: center;
	color: #333333
}

.work-filter-wrapper .filter-body .work-filters .filter-panel .select-checkbox-wrapper .select-checkbox.selected i {
	background-color: rgba(231, 75, 59, 0.1);
	color: #e74b3b;
	border-color: #e74b3b
}

.work-filter-wrapper .filter-body .filter-foot {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0.48rem;
	background-color: #ffffff;
	border-top: 1px solid #f0f0f0
}

.work-filter-wrapper .filter-body .filter-foot button {
	width: 50%;
	float: left;
	font-size: .16rem;
	display: block;
	width: 50%;
	height: .48rem;
	line-height: .48rem;
	background-color: #e74b3b;
	text-align: center;
	color: #fff;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.work-filter-wrapper .filter-body .filter-foot button.reset {
	background-color: #ffffff;
	color: #333333
}

.work-filter-wrapper .filter-body .filter-foot button:last-child {
	transition: .15s ease-in-out
}

.work-filter-wrapper .filter-body .filter-foot button:last-child:active {
	background-color: #cf4334
}

@keyframes slide-left {
	0% {
		left: 100%
	}
	100% {
		left: 0
	}
}

@keyframes slide-right {
	0% {
		left: 0
	}
	100% {
		left: 100%
	}
}

.newtalk-list .newtalk-item .newtalk-con {
	padding-right: 0
}

.courselist-module {
	padding: .16rem .2rem .2rem
}

.courselist-module .card-list {
	margin-bottom: -.2rem
}

.tab-bar-container {
	position: relative;
	width: 100%;
	height: .36rem;
	background: #fff
}

.tab-bar-container.transition {
	transition: .5s
}

.tab-bar-container .tab-bar {
	width: 100%;
	height: .36rem;
	background: #fff;
	left: 0;
	z-index: 10;
	color: #999;
	font-size: .12rem;
	position: relative;
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	overflow: hidden
}

.tab-bar-container .tab-bar .tab-item {
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 0 .15rem;
	height: 100%;
	line-height: .36rem;
	margin-right: .2rem
}

.tab-bar-container .tab-bar .tab-item.rotate i {
	transform: rotate(180deg)
}

.tab-bar-container .tab-bar .tab-item:last-child {
	margin-right: 0
}

.tab-bar-container .tab-bar .tab-item i {
	-webkit-backface-visibility: hidden;
	transition: transform .3s;
	transform-origin: center;
	position: absolute;
	right: 0;
	top: -1px
}

.tab-bar-container .tab-bar .tab-item i:before {
	font-size: .08rem;
	color: #999
}

.tab-bar-container .tag-content {
	position: absolute;
	width: 100%;
	z-index: 1;
	background: #fff;
	transition: bottom .3s
}

.tab-bar-container .tag-content.hide {
	bottom: 0
}

.tab-bar-container .tag-content .tag-list {
	font-size: 0;
	color: #333;
	vertical-align: top;
	padding: .15rem .2rem
}

.tab-bar-container .tag-content .tag-list li {
	display: inline-block;
	height: .22rem;
	border-radius: .02rem;
	font-size: .12rem;
	font-weight: 300;
	color: #333;
	background-color: #f7f7f7;
	line-height: .22rem;
	padding: 0 .08rem;
	margin: 0rem .14rem 0 0
}

.tab-bar-container .tag-content .tag-list li.selected {
	color: #e74b3b
}

.tab-bar-container .tag-content .tag-list li a {
	color: inherit
}

.tab-bar-container .tab-con {
	font-size: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 1;
	background: #fff;
	transition: bottom .3s
}

.tab-bar-container .tab-con .tab-scroll {
	font-size: 0;
	color: #333;
	vertical-align: top;
	padding: .15rem .2rem;
	margin: -.14rem -.14rem 0 0
}

.tab-bar-container .tab-con .tab-scroll a {
	display: inline-block;
	height: .22rem;
	border-radius: .02rem;
	font-size: .12rem;
	font-weight: 300;
	color: #333;
	background-color: #f7f7f7;
	line-height: .22rem;
	padding: 0 .08rem;
	margin: .14rem .14rem 0 0
}

.tab-bar-container .tab-con .tab-scroll a.selected {
	color: #e74b3b
}

.mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	visibility: hidden;
	z-index: 4;
	opacity: 0;
	transition: .3s
}

.mask.show {
	visibility: visible;
	opacity: 1
}

.header {
	position: fixed !important;
	top: 0;
	left: 0
}

.nav-module {
	height: .5rem
}

.nav-module .cate-container {
	position: fixed;
	top: .4rem;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 3
}