.f-topBar .opPanel a:focus {
	outline: 0
}

.f-topBar .opPanel a:active {
	outline: 0
}

.f-topBar .opPanel ol,
ul {
	list-style: none
}

.f-topBar .opPanel .header-main-color {
	color: #333
}

.f-topBar .opPanel .header-main-color:hover {
	color: #0076fe
}

.f-topBar .opPanel .header-main-fill svg * {
	fill: #666
}

.f-topBar .opPanel .header-main-fill:hover svg * {
	fill: #0076fe
}

.f-topBar {
	position: fixed;
	top: 0;
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: left;
	z-index: 10001;
	background-color: #fff;
	font-family: "微软雅黑";
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
	padding: 0 40px;
	box-sizing: border-box
}

.f-topBar .fkw-topbar-box {
	margin: 0 auto;
	max-width: 1380px;
	min-width: 1200px;
	height: 100%;
	font-size: 12px
}

.f-topBar .fkw-logo {
	float: left;
	margin: 0;
	width: 305px;
	height: 70px;
	background: url(../image/logo.svg) no-repeat 0 50%
}

.f-topBar .mktProductDetailLogo-container {
	position: relative;
	display: inline-block
}

.indep-topBar-container .indep-topBar-logo,
.mktProductDetailLogo-container .productDetailLogoClass {
	margin-left: 18px;
	float: left;
	height: 70px;
	cursor: pointer
}

.mktProductDetailLogo-container .jz-logo {
	width: 143px;
	background: url(../image/site.svg) 0 center no-repeat
}

.mktProductDetailLogo-container .mall-logo {
	width: 140px;
	background: url(../image/mall.svg) 0 center no-repeat
}

.mktProductDetailLogo-container .hd-logo {
	width: 141px;
	background: url(../image/hd.svg) 0 center no-repeat
}

.mktProductDetailLogo-container .cd-logo {
	width: 165px;
	background: url(../image/flyer.svg) 0 center no-repeat
}

.mktProductDetailLogo-container .wxast-logo {
	width: 215px;
	background: url(../image/wxast.svg) 0 center no-repeat
}

.mktProductDetailLogo-container .yk-logo {
	width: 164px;
	background: url(../image/yk.svg) 0 center no-repeat
}

.mktProductDetailLogo-container .qz-logo {
	width: 210px;
	background: url(../image/qz.svg) 0 center no-repeat
}

.mktProductDetailLogo-container .yx-logo {
	width: 164px;
	background: url(../image/yx.svg) 0 center no-repeat
}

.mktProductDetailLogo-container .edu-logo {
	width: 140px;
	background: url(../image/edu.svg) 0 center no-repeat
}

.mktProductDetailLogo-container .ktu-logo {
	width: 141px;
	background: url(../image/ktu.svg) 0 center no-repeat
}

.indep-topBar-container .domain-logo {
	width: 143px;
	background: url(../image/domain.svg) 0 center no-repeat
}

.indep-topBar-container .sms-logo {
	width: 142px;
	background: url(../image/sms.svg) 0 center no-repeat
}

.indep-topBar-container .fkw-text,
.mktProductDetailLogo-container .productDetailLogoAsideText {
	display: inline-block;
	margin-left: 20px;
	width: 112px;
	height: 30px;
	line-height: 28px;
	border: 1px solid #e6e6e6;
	border-radius: 20px;
	color: #333;
	font-size: 13px;
	text-align: center;
	box-sizing: border-box;
	background: 0;
	cursor: pointer;
	transition: border-color .3s, color .3s
}

.indep-topBar-container .fkw-text:hover,
.mktProductDetailLogo-container .productDetailLogoAsideText:hover {
	border-color: #2f82ff;
	color: #2f82ff
}

.indep-topBar-container .verticalLine,
.mktProductDetailLogo-container .verticalLine {
	content: '';
	display: inline-block;
	width: 1px;
	height: 16px;
	background: #cfcfcf;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 10px
}

.f-topBar .f-topbar-right {
	position: relative;
	float: right;
	width: auto;
	*width: 430px;
	height: 70px;
	font-size: 0
}

.f-topBar .topbar-item {
	*float: left;
	position: relative;
	margin-right: 35px;
	display: inline-block;
	vertical-align: top;
	width: auto;
	height: 100%;
	z-index: 10;
	cursor: pointer
}

.f-topBar .topbar-item .hot-icon {
	position: absolute;
	top: 10px;
	right: -3px;
	width: 23px;
	height: 16px
}

.topbar_btn .topbar_btn_text {
	font-size: 16px;
	color: #333;
	text-decoration: none;
	transition: color .3s
}

.f-topBar .topbar-item:hover .topbar_btn_text,
.f-topBar .topbar-item.state-hover .topbar_btn_text {
	color: #0076fe
}

.topbar-item.new:before {
	content: "";
	position: absolute;
	right: -5px;
	top: 12px;
	width: 28px;
	height: 16px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAARCAYAAADOk8xKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIyMTI2Q0RGOUZBOTExRTg4MkQxRkUwRDQxRkNGNkZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIyMTI2Q0UwOUZBOTExRTg4MkQxRkUwRDQxRkNGNkZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjIxMjZDREQ5RkE5MTFFODgyRDFGRTBENDFGQ0Y2RkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjIxMjZDREU5RkE5MTFFODgyRDFGRTBENDFGQ0Y2RkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz54RFO2AAAAvUlEQVR42mL8b8zAxsDA0A3EMUAsxEAb8B6IFwNxKQuQ6ALiPAbaAkGoHd8ZgT58S0OfoYN3THS0DASEmHBKnfmPnQ+i0TG6PDb9UMCC1z0gTSaMmOLYxIgE+C0EGYzNUnTXk+AAFoIqYJbSxYe4LMXmAOTQwBUVQADKFv/pmEoZQKn0HR3tA+fDxXS0cA4oDstAQQvEsdAiiJZlaS0oDokFyHHdCMQN5MYhqYBsy8ixkCLLSLWQYstAACDAALNpO0s8nxzqAAAAAElFTkSuQmCC);
	background-position: 0 0;
	background-repeat: no-repeat
}

.fkw-topbar-box .f-topbar-right .nav-item .arrow-icon,
.fkw-topbar-box .f-topbar-right .topbar-item-solution .arrow-icon,
.fkw-topbar-box .f-topbar-right .topbar-item-product .arrow-icon {
	display: inline-block;
	vertical-align: top;
	margin-left: 8px;
	width: 9px;
	height: 70px;
	line-height: 0;
	padding: 32px 0;
	box-sizing: border-box;
	transition: transform .3s
}

.fkw-topbar-box .f-topbar-right .nav-item .arrow-icon svg *,
.fkw-topbar-box .f-topbar-right .topbar-item-solution .arrow-icon svg *,
.fkw-topbar-box .f-topbar-right .topbar-item-product .arrow-icon svg * {
	stroke: #999
}

.fkw-topbar-box .f-topbar-right .nav-item.state-hover .topbar_btn_text,
.fkw-topbar-box .f-topbar-right .topbar-item-solution.state-hover .topbar_btn_text {
	color: #0076fe
}

.fkw-topbar-box .f-topbar-right .nav-item:hover .arrow-icon,
.fkw-topbar-box .f-topbar-right .nav-item.state-hover .arrow-icon,
.fkw-topbar-box .f-topbar-right .topbar-item-solution:hover .arrow-icon,
.fkw-topbar-box .f-topbar-right .topbar-item-solution.state-hover .arrow-icon,
.fkw-topbar-box .f-topbar-right .topbar-item-product:hover .arrow-icon,
.fkw-topbar-box .f-topbar-right .topbar-item-product.state-hover .arrow-icon {
	transform: rotate(180deg)
}

.fkw-topbar-box .f-topbar-right .nav-item:hover .arrow-icon svg *,
.fkw-topbar-box .f-topbar-right .nav-item.state-hover .arrow-icon svg *,
.fkw-topbar-box .f-topbar-right .topbar-item-solution:hover .arrow-icon svg *,
.fkw-topbar-box .f-topbar-right .topbar-item-solution.state-hover .arrow-icon svg *,
.fkw-topbar-box .f-topbar-right .topbar-item-product:hover .arrow-icon svg *,
.fkw-topbar-box .f-topbar-right .topbar-item-product.state-hover .arrow-icon svg * {
	stroke: #0076fe
}

.topbar-item.topbar-item-cooperationCenter {
	margin-right: 33px
}

.f-topBar .opPanel {
	position: relative;
	margin-left: 5px;
	display: inline-block;
	vertical-align: top;
	z-index: 9999;
	font-family: "微软雅黑"
}

.f-topBar .topbar-item.topbar-item-registerCenter {
	margin-right: 14px;
	width: 112px
}

.f-topBar .topbar-item.topbar-item-loginCenter {
	margin-right: 0;
	width: 76px
}

.f-topBar .topbar-item.topbar-item-manageCenter {
	margin-right: 0
}

.f-topBar .topbar-item-manageCenter .topbar_btn_text,
.f-topBar .topbar-item-registerCenter .topbar_btn_text {
	margin: 17px 0;
	display: inline-block;
	vertical-align: middle;
	width: 112px;
	height: 36px;
	line-height: 34px;
	border: 1px solid #0076fe;
	text-align: center;
	background-color: #0076fe;
	font-size: 14px;
	border-radius: 28px;
	color: #fff;
	box-sizing: border-box
}

.f-topBar .topbar-item.topbar-item-manageCenter .topbar_btn_text:hover,
.f-topBar .topbar-item.topbar-item-registerCenter:hover .topbar_btn_text {
	background-color: #2288fe;
	border-color: #5776ff;
	color: #fff;
	transition: background-color .3s, border-color .3s
}

.f-topBar .topbar_btn_loginCenter .topbar_btn_text {
	margin: 17px 0;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 36px;
	line-height: 34px;
	border: 1px solid #dcdcdc;
	border-radius: 28px;
	text-align: center;
	font-size: 14px;
	color: #333;
	background: #fff;
	box-sizing: border-box;
	transition: color .3s, border-color .3s
}

.f-topBar .topbar_btn_loginCenter:hover .topbar_btn_text {
	border-color: #0076fe;
	color: #0076fe
}

.f-topBar .topbar-item-manageCenter .topbar_btn_text {
	margin-right: 14px
}

.f-topBar .f-topbar-right .topbar_btn_manageCenter .topbar_btn_text {
	color: #fff
}

.topbar-item .f-portrait {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 76px;
	height: 36px;
	line-height: 36px;
	padding: 17px 0;
	box-sizing: content-box;
	text-align: center;
	border: none !important;
	background: 0
}

.topbar-item .f-portrait .fai-icon {
	display: inline-block;
	vertical-align: top;
	height: 100%;
	box-sizing: border-box
}

.topbar-item .f-portrait .fai-icon.user-icon {
	width: 20px;
	padding: 8px 0
}

.topbar-item .f-portrait .fai-icon.arrow-icon {
	margin-left: 8px;
	width: 9px;
	padding: 16px 0;
	line-height: 0
}

.topbar-item .f-portrait .fai-icon.user-icon svg * {
	fill: #999;
	transition: fill .3s
}

.topbar-item .f-portrait .fai-icon.arrow-icon svg {
	transition: transform .3s
}

.topbar-item .f-portrait .fai-icon.arrow-icon svg * {
	stroke: #999;
	transition: stroke .3s
}

.topbar-item .f-portrait:hover .fai-icon.user-icon svg * {
	fill: #0076fe
}

.topbar-item .f-portrait:hover .fai-icon.arrow-icon svg {
	transform: rotate(180deg)
}

.topbar-item .f-portrait:hover .fai-icon.arrow-icon svg * {
	stroke: #0076fe
}

.topbar-item .f-portrait .fai-icon.unread-icon {
	position: absolute;
	top: 22px;
	right: 32px;
	width: 6px;
	height: 6px;
	background: #ff2020;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.topbar-manage {
	position: absolute;
	top: 65px;
	left: -120px;
	height: 0;
	text-align: left
}

.topbar-manage-panel {
	width: 220px;
	height: 0;
	background-color: #fff;
	box-shadow: 0 5px 20px 0 rgba(51, 57, 85, 0.25);
	border-radius: 5px
}

.topbar-comm-panel .topbar-panel-triangle-tips {
	position: absolute;
	top: -14px;
	right: 0;
	margin-right: 17px;
	display: block;
	line-height: 0;
	border-width: 7px;
	border-style: solid;
	border-color: transparent transparent rgba(255, 255, 255, 1);
	font-size: 0;
	filter: drop-shadow(0 -4px 4px rgba(0, 0, 0, 0.1));
	-webkit-filter: drop-shadow(0 -4px 4px rgba(0, 0, 0, 0.1));
	z-index: 0
}

.topbar_panel_active .topbar-manage-panel {
	position: absolute;
	left: -30px;
	height: auto;
	transition: transform .3s, opacity .3s;
	-webkit-transition: transform .3s, opacity .3s;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	opacity: 0
}

.f-portrait:hover .topbar-manage-panel {
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	opacity: 1
}

.topbar-manage-info {
	padding: 21px 25px;
	height: 82px;
	border-bottom: 1px solid #eceff6;
	box-sizing: border-box;
	cursor: pointer
}

.topbar-manage-info:after {
	content: "";
	display: block;
	height: 0;
	clear: both
}

.topbar-manage-info .topbar-manage-info-con {
	float: left;
	width: 120px;
	height: 38px
}

.topbar-manage-info .topbar-manage-cor-name {
	position: relative;
	top: -2px;
	line-height: 20px;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color .3s
}

.topbar-manage-info .topbar-manage-staff-name {
	margin-top: 3px;
	line-height: 16px;
	font-size: 12px;
	color: rgba(153, 153, 153, 1);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.topbar-manage-info .topbar-manage-avatar-con {
	position: relative;
	float: right;
	width: 38px;
	height: 38px;
	line-height: 38px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERkY4QUJFNjlCRDIxMUVBQTkyOTk0REM2RkUxMzI4NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERkY4QUJFNzlCRDIxMUVBQTkyOTk0REM2RkUxMzI4NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRGRjhBQkU0OUJEMjExRUFBOTI5OTREQzZGRTEzMjg2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRGRjhBQkU1OUJEMjExRUFBOTI5OTREQzZGRTEzMjg2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+L0g+5QAABeNJREFUeNqsWDuPHEUQ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);
	background-position: 0 0;
	background-repeat: no-repeat;
	border-radius: 50%;
	overflow: hidden
}

.topbar-manage-info .topbar-manage-avatar-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 0;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 50%;
	text-align: center;
	padding: 12px 0;
	box-sizing: border-box;
	opacity: 0;
	transition: opacity .3s
}

.topbar-manage-info .topbar-manage-avatar-con:hover .topbar-manage-avatar-mask {
	opacity: 1
}

.topbar-manage-info .topbar-manage-avatar-mask svg {
	position: static;
	margin: 0;
	width: 14px
}

.topbar-manage-info .topbar-manage-avatar-mask svg *,
.topbar-manage-info .topbar-manage-avatar-mask:hover svg * {
	fill: #fff !important
}

.topbar-manage-list {
	width: 100%;
	padding: 8px 0;
	transition: height .2s;
	font-size: 14px;
	overflow: hidden;
	border-bottom: 1px solid #eceff6
}

.topbar-manage-items {
	height: 44px;
	line-height: 44px;
	padding: 0 25px;
	box-sizing: border-box;
	cursor: pointer;
	font-size: 0
}

.topbar-manage-items-adimg {
	margin-top: 14px
}

.topbar-manage-items-adimg-con {
	margin: 0 auto;
	display: block;
	width: 170px;
	height: 68px
}

.topbar-manage-items-loginout {
	height: 48px;
	line-height: 48px;
	padding: 0 25px;
	font-size: 14px;
	text-align: right;
	cursor: default
}

.topbar-manage-items-adimg+.topbar-manage-items-loginout {
	height: 46px;
	line-height: 44px
}

.topbar-manage-items-loginout span {
	transition: color .3s;
	cursor: pointer
}

.topbar-manage-items .topbar_text {
	display: inline-block;
	font-size: 14px
}

.topbar-manage-items .topbar_count {
	float: right;
	margin-top: 15px;
	height: 15px;
	line-height: 15px;
	padding: 0 6px;
	background: rgba(255, 32, 32, 1);
	border-radius: 8px;
	color: #fff;
	font-size: 12px
}

.topbar-item-icon {
	position: relative;
	top: -5px;
	margin-right: 20px;
	display: inline-block;
	vertical-align: middle;
	width: 16px
}