.metabar .content .item:hover {
		color: #5079b7;
		fill: #5079b7;
		background-color:inherit;
	}
	html,body{
		font-family: "Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "微软雅黑", "Arial", "sans-serif","Chinese Quote","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto";
	}
	.surface-content.header-fix .metabar{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}
	.edui-box.edui-for-fullscreen.edui-default{
		display: none !important;
	}
	/*头像弹窗尖尖*/
	.arrow.arrow_b{
		display: none !important;
	}
	.vip-flex{position:relative;height: 44px;}
	.vip-flex:hover .vip-flex-dropdown{display:block;animation:.5s a}
	.vip-flex-dropdown{background-color:#fff;display:none;right:-134px;line-height:1.8;position:absolute;top:44px;width:300px;z-index:11;box-shadow:0 1px 4px rgba(0,0,0,.15);padding:10px 0;box-sizing:border-box;border-radius:5px;text-align:center;cursor: default;}
	/*.vip-flex-dropdown:before{background:#fff none repeat scroll 0 0;box-shadow:-1px -1px 3px -1px rgba(0,0,0,.15);content:"";display:block;height:10px;left:60px;position:absolute;top:-12px;transform:rotate(45deg) translate(6px,6px);width:10px}*/
	.vip-flex-content{height: 250px;}
	.vip-flex-title{display: flex;align-items: center;justify-content: center;padding: 18px 0 8px;color: #f84f51;font-size: 18px;font-weight: 700;}
	.vip-flex-title img{width: 24px;margin-right: 6px;}
	.vip-flex-list{padding: 5px 15px 10px;display: flex;flex-wrap: wrap;}
	.vip-flex-list .vip-flex-item{width: 50%;display: flex;align-items: center;font-size: 14px;color: rgba(0,0,0,.68);margin-bottom: 6px;box-sizing: border-box;padding-left: 5px;}
	.vip-flex-list .vip-flex-item img{margin-right: 6px;}
	.vip-flex-button{display: flex;align-items: center;justify-content: center;padding-bottom: 18px;color: #65430b;font-weight: 500;}
	.vip-flex-button a{background: linear-gradient(0deg,#d4ae6f,#f5e5c0);width: 80%;text-align: center;cursor: pointer;border-radius: 999rem;padding: 5px 0;}

	.post-flex{position: relative; display: flex; align-items: center;height: 44px;transform: translate3d(0, 2px, 0);}
	.post-flex:hover .post-flex-dropdown{display:block;animation:.5s a}
	.post-flex .top{font-size: 14px;display: flex;align-items: center;padding: 6px 10px;border-radius: 3px;border: 1px solid #4370f5;background-color: #4370f5;color: #fff;height: 18px;}
	.post-flex-dropdown{background-color:#fff;display:none;right:0;line-height:1.8;position:absolute;top:44px;width:300px;z-index:11;box-shadow:0 1px 4px rgba(0,0,0,.15);padding:2px 0;box-sizing:border-box;border-radius:3px;text-align:center;cursor: default;}
	.post-flex-dropdown .menu{background-color: #fff;}
	.post-flex-dropdown .menu .menuItem{display: flex; padding: 5px 10px;}
	.post-flex-dropdown .menu .menuItem a{color: rgba(0,0,0,.6);width: 33%;text-align: center;line-height: 1.2;padding: 10px 0;}
	.post-flex-dropdown .menu .menuItem a:hover{background-color: #4370f5;color: #fff;}
	.post-flex-dropdown .menu .menuItem a:hover svg{fill: #fff;}
	.post-flex-dropdown .menu .menuItem .item-content svg{fill: rgba(0,0,0,.5);padding-bottom: 10px;}

	.header-nav .sub-category{background-color: #fff;display: none;position: fixed;top: 60px;left: 0;right: 0;box-shadow: 0 20px 35px rgba(0,0,0,.15);padding: 40px 0 40px 0;background-image: url("https://image.woshipm.com/fp/images/bglogo.png");background-repeat: no-repeat;background-position: right -15px bottom -15px; background-size: 150px;cursor: default;}
	.header-nav .third:hover .sub-category{display: block;animation:.5s a}
	.header-nav .third:hover .sub-category .container-wrap{display: flex; align-items: flex-start; max-width: 1200px; margin-left: auto; margin-right: auto;}
	.header-nav .third:hover .sub-category .container-wrap .container-content{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
	.header-nav .third:hover .sub-category .sub-category-item{border: 1px solid rgba(0,0,0,.1);padding: 20px 0;width: 14.6666667%;box-sizing: border-box;margin-bottom: 20px;line-height: 1;border-radius: 5px;color: rgba(0,0,0,.68)}
	.header-nav .third:hover .sub-category .sub-category-item:hover{border-color: #4370f5;background-color: #4370f5;color: #fff;}
	.header-nav .third:hover .sub-category .sub-category-item a{display: flex;align-items: center;justify-content: center;padding: 20px 0;color: currentColor;}

	.header-nav .course:hover .sub-category{display: block;animation:.5s a}
	.header-nav .course:hover .sub-category .container-wrap{display: flex; align-items: flex-start; max-width: 1200px; margin-left: auto; margin-right: auto;}
	.header-nav .course:hover .sub-category .container-wrap .container-content{display: flex;flex-wrap: wrap;width: 100%;}
	.header-nav .course:hover .sub-category .container-wrap .container-content .course-item {width: 25%; padding-left: 30px; border-right: 1px solid rgba(0,0,0,.1); color: rgba(0,0,0,.68); line-height: 1.4;}
	.header-nav .course:hover .sub-category .container-wrap .container-content .course-item:first-child{padding-left: 0;}
	.header-nav .course:hover .sub-category .container-wrap .container-content .course-item:last-child{border-right: 0; flex: 1 1 auto;}
	.header-nav .course:hover .sub-category .container-wrap .container-content .course-item .course-title {font-size: 18px; margin-bottom: 4px;}
	.header-nav .course:hover .sub-category .container-wrap .container-content .course-item .course-title:hover {color: #4370f5;}
	.header-nav .course:hover .sub-category .container-wrap .container-content .course-item .course-list{padding: 5px 0;}
	.header-nav .course:hover .sub-category .container-wrap .container-content .course-item .course-list:hover{color: #4370f5; text-decoration: underline;}
	.header-nav .course:hover .sub-category .container-wrap .container-content .course-item .course-more {padding-top: 6px; font-size: 12px}
	.header-nav .course:hover .sub-category .container-wrap .container-content .course-item .course-more:hover {color: #4370f5; text-decoration: underline;}
	.header-nav .course:hover .sub-category .container-wrap .container-content .course-item .course-more img{width: 10px; margin-left: 6px;}
	.header-nav .course:hover .sub-category .container-wrap .container-content .course-item .course-list-double{display: flex;align-items: flex-start;}
	.header-nav .course:hover .sub-category .container-wrap .container-content .course-item .course-list-double .course-list-double-item{width: 170px;}
	.header-nav .course:hover .sub-category .container-wrap .container-content .course-item .course-list-double .course-list-double-item .course-list-double-item {padding: 5px 0;}
	.header-nav .course:hover .sub-category .container-wrap .container-content .course-item .course-list-double .course-list-double-item .course-list-double-item:hover{color: #4370f5; text-decoration: underline;}

	.crp {position: relative;}
	.crp .crp-item{background-color: #fff;display: none;position: absolute;top: 60px;left: -34px;box-shadow: 0 20px 35px rgba(0,0,0,.15);flex-direction: column;width: 120px;border-radius: 0 0 5px 5px;padding: 0 10px;}
	.crp .crp-item a{border-bottom: 1px solid #eee; text-align: center; line-height: 3.2}
	.crp .crp-item a:hover{color: #4370f5}
	.crp:hover .crp-item{display: flex;animation: .5s a}
	.login-popover {
		position: absolute;
		top: 44px;
		right: 0;
		border-top: 16px solid rgba(0,0,0,0);
		display: none;
	}
	.login-guide-wrap {
		width: 340px;
		padding: 20px 24px;
		box-sizing: border-box;
		background-color: #fff;
		border-radius: 4px;
		box-shadow: 0 0 16px rgba(0,0,0,.08);
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.login-guide-title {
		font-size: 16px;
		font-weight: 500;
		color: #333;
		margin-bottom: 24px;
		line-height: 24px;
		width: 100%;
	}
	.login-guide-list {
		display: flex;
		flex-direction: row;
		flex: 1 0 auto;
		flex-wrap: wrap;
		padding: 0;
		margin: 0;
		justify-content: space-between;
		align-items: center;
		color: #515767;
		font-size: 14px;
		line-height: 22px;
	}
	.login-popover::before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: 12px solid #fff;
		border-left: 12px solid #fff;
		transform: rotate(45deg);
		position: absolute;
		left: 290px;
		top: -6px;
		z-index: 1;
	}
	.login-guide-list-item {
		width: 130px;
		margin-bottom: 8px;
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.login-guide-icon-wrap {
		width: 28px;
		height: 28px;
		border-radius: 14px;
		background-color: #eaf2ff;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	.login-guide-login-button {
		width: 280px;
		margin: 16px 0 8px;
		border-radius: 4px;
		height: 38px;
		border: 0;
		background-color: #4370f5;
		color: #fff;
	}
	.login-guide-register {
		color: #8a919f;
		font-size: 13px;
		line-height: 22px;
		display: flex;
		flex-direction: row;
	}
	.item {
		position: relative;
	}

	.item:hover .login-popover {
		display: block
	}
	svg:not(:root) {
		overflow: hidden;
	}
	.login-guide-icon {
		color: #4370f5;
		width: 16px;
		height: 16px;
		margin-right: 0 !important;
	}

	.login-guide-register-button {
		margin: 0;
		font-size: 13px;
		color: #4370f5;
		cursor: pointer;
	}
	.login-guide-text {
		margin-left: 8px;
		color: #666;
	}