@charset "utf-8";
 html {
	overflow-x: auto
}
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	background: #fff;
	font-family: "微软雅黑"
}
ul, li {
	list-style-type: none;
	margin: 0;
	padding: 0
}
img {
	border: 0
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal
}


::-webkit-input-placeholder {
font-size:14px;
color:rgba(185,190,209,1)
}
:-moz-placeholder {
font-size:14px;
color:rgba(185,190,209,1)
}
::-moz-placeholder {
font-size:14px;
color:rgba(185,190,209,1)
}
:-ms-input-placeholder {
font-size:14px;
color:rgba(185,190,209,1)
}
.m-header {
	position: relative;
	width: 980px;
	height: 100px;
	line-height: 100px;
	margin: 0 auto;
	text-align: right;
	overflow: hidden
}
.m-header>* {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	text-align: left
}
.m-header .logo {
	float: left;
	width: 180px;
	height: 100%;
	background: url(../images/fkw_logo_new.png) center center no-repeat
}
.m-header .logo.faisco {
	background: url(../images/faisco_logo.png) center center no-repeat
}
.m-header .slogan {
	font-size: 18px;
	color: #738299;
	text-decoration: none
}
.m-header .slogan font {
	padding: 0 20px 0 8px
}
.m-header .slogan i {
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 20px;
	background: url(../images/icons.png) 0 0 no-repeat
}
.m-header .slogan[biz="none"] i {
	background-position: 0 0
}
.m-header .slogan[biz="site"] i {
	background-position: 0 -50px
}
.m-header .slogan[biz="flyer"] i {
	background-position: 0 -100px
}
.m-header .slogan[biz="hd"] i {
	background-position: 0 -150px
}
.m-header .slogan[biz="wxast"] i {
	background-position: 0 -200px
}
.m-header .slogan[biz="program"] i {
	background-position: 0 -250px
}
.m-header .slogan[biz="ktu"] i {
	background-position: 0 -295px
}
.ie9_placeholder {
	width: 280px;
	height: 45px;
	border-radius: 0 21px 21px 0;
	position: absolute;
	right: 0;
	border: 0;
	line-height: 45px;
	background-color: #f0f2f7;
	outline: 0;
	z-index: 3;
	text-align: left;
	font-size: 14px;
	color: rgba(185,190,209,1)
}
.sysRunData {
	font-size: 14px;
	font-family: "微软雅黑";
	font-weight: 400;
	color: rgba(194,201,210,1);
	text-align: center;
	height: 26px;
	margin-top: 42px
}
.sysRunData .line {
	width: 1px;
	height: 15px;
	background: rgba(212,221,237,1);
	display: inline-block
}
.sysRunData .mini {
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px
}
.sysRunData span {
	font-size: 20px;
	color: rgba(175,182,192,1);
	position: relative;
	top: 2px
}
.my_validateCode {
	display: none;
	position: absolute;
	z-index: 9036;
	width: 395px;
	height: 338px;
	border-radius: 4px;
	background: rgba(255,255,255,1);
	left: 50%;
	top: 50%;
	margin-left: -197.5px;
	margin-top: -169px
}
.my_validateCode .closeIcon {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 20px;
	height: 20px;
	background: url(../images/closeicon.png) no-repeat 5px 5px;
	cursor: pointer
}
.my_validateCode .title {
	width: 100%;
	height: 16px;
	font-size: 16px;
	line-height: 16px;
	font-family: "微软雅黑";
	color: rgba(51,51,51,1);
	margin-top: 30px;
	margin-bottom: 23px;
	text-align: center
}
.my_validateCode .validatecodeDiv {
	width: 330px;
	margin: 0 auto
}
.my_validateCode .errMsg {
	top: 48px;
	width: 330px;
	display: none;
	margin: 0 auto;
	padding-left: 22px;
	margin-top: 9px;
	font-size: 14px;
	font-family: "微软雅黑";
	color: rgba(255,92,87,1)
}
.m-main {
	width: 1000px;
	height: 560px;
	background: rgba(255,255,255,1);
	box-shadow: 0 0 20px 0 rgba(12,1,4,0.05);
	border-radius: 4px;
	margin: 0 auto;
	margin-top: 95px
}
.m-main .leftImgDiv {
	width: 515px;
	height:560px;
	overflow: hidden;
	float: left;
	position: relative
}
.m-main .leftImg {
	width: 422px;
	height: 600px;
	background: rgba(255,255,255,1);
	box-shadow: 0 0 20px 0 rgba(12,1,4,0.05);
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	display: inline-block;
	cursor: pointer
}
.m-main .leftImg_1 {
	background: url(../images/loginleftimg_1.png)
}
.m-main .leftImg_2 {
	background: url(../images/loginleftimg_2.png)
}
.m-main .leftImg_3 {
	background: url(../images/loginleftimg_3.png)
}
.m-main .leftImgOpacity {
	opacity: 1
}
.m-main .leftImgDiv .lunbo_div {
	width: 200px;
	text-align: center;
	position: absolute;
	top: 572px;
	left: 111px
}
.m-main .leftImgDiv .lunbo_div .lunbo {
	width: 8px;
	height: 8px;
	background: rgba(255,255,255,1);
	opacity: .44;
	border-radius: 50%;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	cursor: pointer
}
.m-main .leftImgDiv .lunbo_div .checked {
	width: 30px;
	height: 8px;
	background: rgba(255,255,255,1);
	border-radius: 4px;
	opacity: 1
}
.m-main .loginPage {
	width: 480px;
	height: 560px;
	float: right
}
.login_container {
	width: 100%;
	height: 100%;
	font-family: "微软雅黑";
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0;
	color: #3a405b;
	text-align: center;
	position: relative
}
.login_container .weChat {
	position: absolute;
	right: 12px;
	top: 14px;
	width: 195px;
	height: 52px;
	cursor: pointer
}
.login_container .weChat .weChatIcon1 {
	width: 52px;
	height: 52px;
	float: right;
	background: url(../images/xt.png) -79px 0 no-repeat;
	display: inline-block
}
.login_container .weChat .weChatIcon2 {
	width: 132px;
	height: 25px;
	float: right;
	background: url(../images/xt.png) -160px -390px no-repeat;
	display: inline-block
}
.login_container .weChat .weChatDiv {
	position: absolute;
	width: 126px;
	height: 23px;
	left: 10px;
	top: 1px
}
.login_container .weChat .weChatDiv .weChatIcon3 {
	width: 17px;
	height: 17px;
	float: left;
	margin-left: 10px;
	background: url(../images/xt.png) 0 -110px no-repeat;
	display: inline-block;
	margin-top: 3px
}
.login_container .weChat .weChatDiv .weChatTit {
	width: 86px;
	height: 12px;
	text-align: left;
	font-size: 12px;
	line-height: 12px;
	color: #738299;
	float: right;
	margin-top: 5px;
	margin-right: 3px
}
.login_container .changeWxLogin .weChatIcon1 {
	background: url(../images/xt.png) -173px 0 no-repeat
}
.login_container .changeWxLogin .weChatIcon2 {
	background: url(../images/xt.png) 25px -390px no-repeat
}
.login_container .changeWxLogin .weChatDiv .weChatIcon3 {
	width: 0
}
.login_container .weChatContent {
	height: 243px;
	width: 576px;
	margin-left: 50%;
	margin-top: 52%;
	position: absolute;
	left: -110px;
	top: -100px
}
.login_container .wxLoginCode {
	height: 240px;
	position: absolute;
	left: 0;
	transition: all 300ms linear
}
.login_container .wxLoginIframe {
	margin-top: 57px
}
.login_container .wxLoginTips {
	float: right;
	margin-top: 7px;
	margin-left: 10px
}
.login_container .weChatScannerDesc {
	margin-left: 15px;
	margin-top: 10px;
	color: #738299
}
.login_container .login_WeChatScanner {
	width: 25px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: 10px
}
.login_container .showErr {
	display: none;
	font-size: 14px;
	color: #e63333;
	width: 271px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	padding-left: 34px;
	margin: 0 auto;
	margin-top: 10px;
	background: url(../images/login_icon.png) -104px -47px no-repeat #feefef;
	margin-bottom: -10px
}
.login_container .passwordContent {
	width: 334px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -165px
}
.login_container .passwordContent .p_type {
	width: 100%;
	height: 44px;
	margin-top: 27px
}
.login_container .passwordContent .p_type div {
	font-size: 18px;
	color: #a1a6bb;
	display: inline-block;
	width: 48%;
	height: 100%;
	line-height: 44px;
	cursor: pointer
}
.login_container .passwordContent .p_type .checked {
	    color: #000000;
    font-family: "微软雅黑";
}
.login_container .passwordContent .blueLine {
	width: 100%;
	height: 2px
}
.login_container .passwordContent .blueLine div {
	display: inline-block;
	width: 50%;
	float: left;
	height: 2px;
	background-color: #f0f2f7
}
.login_container .passwordContent .blueLine .checked {
	background-color: #0076fe
}
.login_container .passwordContent .login_input {
	width: 330px;
	height: 45px;
	margin-top: 24px;
	border-bottom: solid 2px #e3e8f0;
	position: relative
}
.login_container .passwordContent .login_input .icon {
	position: absolute;
	top: 14px;
	left: 20px;
	width: 17px;
	height: 17px
}
.login_container .passwordContent .login_input .icon1 {
	background: url(../images/xt.png) -0px -250px no-repeat
}
.login_container .passwordContent .login_input .icon2 {
	background: url(../images/xt.png) -0px -290px no-repeat
}
.login_container .passwordContent .login_input .icon3 {
	background: url(../images/xt.png) -0px -320px no-repeat
}
.login_container .passwordContent .login_input .icon4 {
	background: url(../images/xt.png) -18px -320px no-repeat
}
.login_container .passwordContent .login_input .icon5 {
	background: url(../images/xt.png) 2px -470px no-repeat
}
.login_container .passwordContent .inserted {
	border-bottom: solid 1px #2f82ff;
	background-color: #fff
}
.login_container .passwordContent .login_input .login_text {
	width: 265px;
	height: 43px;
	border-radius: 0 21px 21px 0;
	position: absolute;
	right: 16px;
	border: 0;
	line-height: 43px;
	background-color: #ffffff;
	outline: 0;
	font-size: 14px
}
.login_container .passwordContent .login_input .password_change {
	position: absolute;
	right: 18px;
	top: 17px;
	width: 22px;
	height: 15px;
	background: url(../images/xt.png) -0px -428px no-repeat;
	cursor: pointer
}
.login_container .passwordContent .login_input .seePassword {
	background: url(../images/xt.png) -0px -449px no-repeat
}
.login_container .passwordContent .inserted .login_text {
	background-color: #fff
}
.login_container .passwordContent .login_valid {
	width: 330px;
	height: 45px;
	margin-top: 24px
}
.login_container .passwordContent .login_valid .login_input {
	width: 200px;
	height: 45px;
	background-color: #fff;
	margin-top: 0;
	
	border-bottom: solid 2px #e3e8f0;
	float: left
}
.login_container .passwordContent .login_valid .inserted {
	border-bottom: solid 1px #2f82ff;
	background-color: #fff
}
.login_container .passwordContent .login_valid .sms_button {
	width: 117px;
	height: 45px;
	background-color: #f1f7ff;
	color: #bac3d3;
	border-radius: 22px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0;
	line-height: 45px;
	float: left;
	margin-left: 11px;
	cursor: pointer
}
.login_container .passwordContent .login_valid .sms_button_ok {
	color: #2f82ff
}
.login_container .passwordContent .employee_autoLogin {
	width: 330px;
	height: 52px;
	text-align: left;
	margin-top: 22px;
	position: relative
}
.login_container .passwordContent .employee_autoLogin .employeeDiv {
	width: 100%;
	height: 16px;
	position: relative
}
.login_container .passwordContent .employee_autoLogin .autoLoginDiv {
	width: 100%;
	height: 16px;
	position: relative;
	margin-top: 20px
}
.login_container .passwordContent .employee_autoLogin .checkIcon {
	width: 16px;
	height: 16px;
	left: 20px;
	top: 0;
	position: absolute;
	background: url(../images/xt.png) -0px -220px no-repeat;
	cursor: pointer
}
.login_container .passwordContent .checked .checkIcon {
	background: url(../images/xt.png) -0px -190px no-repeat
}
.login_container .passwordContent .employee_autoLogin .e_a_word {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #3a405b;
	margin-left: 50px;
	height: 16px;
	line-height: 16px
}
.login_container .passwordContent .employee_autoLogin .toChangePassword {
	height: 16px;
	line-height: 16px;
	text-align: right;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	position: absolute;
	color: rgba(158,161,177,1);
	right: 0;
	top: 0;
	margin-right: 15px
}
.login_container .passwordContent .employee_autoLogin .toChangePassword:hover {
	color: #0076fe;
	text-decoration: underline
}
.login_container .passwordContent .otherLogin {
	width: 330px;
	height: 26px;
	margin-top: 18px
}
.login_container .passwordContent .otherLogin .other {
	width: 130px;
	height: 26px;
	float: left;
	margin-left: 20px
}
.login_container .passwordContent .otherLogin .other .other_word {
	width: 84px;
	height: 26px;
	font-size: 14px;
	color: #a1a6bb;
	line-height: 30px;
	display: inline-block;
	float: left
}
.login_container .passwordContent .otherLogin .other .qq_icon {
	width: 26px;
	height: 26px;
	float: left;
	background: url(../images/qq.png) -0px 0 no-repeat;
	display: inline-block;
	margin-left: 16px;
	cursor: pointer
}
.login_container .passwordContent .otherLogin .toRegPage {
	width: 80px;
	height: 26px;
	float: right;
	font-size: 14px;
	line-height: 30px;
	text-align: right;
	margin-right: 15px;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	color: rgba(0,118,254,1)
}
.login_container .passwordContent .otherLogin .toRegPage:hover {
	text-decoration: underline
}
.login_container .passwordContent .login_button {
	width: 330px;
	height: 50px;
	background-color: #0076fe;
	border-radius: 25px;
	font-size: 18px;
	line-height: 50px;
	color: #fff;
	margin-top: 22px;
	cursor: pointer
}
.popupBg {
	position: fixed;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	_position: absolute;
_height:expression(document.documentElement.clientHeight);
	background-color: #000;
	filter: alpha(opacity=70);
	z-index: 9032;
	overflow: hidden;
	opacity: .7
}
.consultQQ {
	display: inline-block;
	width: 15px;
	height: 16px;
	vertical-align: middle;
	margin: -5px 0 0 3px;
	background: url(../images/qq2.png) no-repeat
}
.m-header-new {
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: left;
	z-index: 10;
	background-color: #fff;
	font-family: "微软雅黑";
	box-shadow: 0 3px 4px rgba(0,0,0,0.1)
}
.m-header-new .logo {
	float: left;
	width: 180px;
	height: 100%;
	background: url(../images/fkw_logo_new.png) center center no-repeat
}
.m-header-new .logo.faisco {
	background: url(../images/faisco_logo.png) center center no-repeat
}
.m-header-new .slogan {
	font-size: 18px;
	color: #738299;
	text-decoration: none
}
.m-header-new .slogan font {
	padding: 0 20px 0 8px;
	position: relative;
	left: 20px
}
.m-header-new .slogan i {
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 20px;
	background: url(../images/icons.png) 0 0 no-repeat
}
.m-header-new .slogan[biz="none"] i {
	background-position: 0 0
}
.m-header-new .slogan[biz="site"] i {
	background-position: 0 -50px
}
.m-header-new .slogan[biz="flyer"] i {
	background-position: 0 -100px
}
.m-header-new .slogan[biz="hd"] i {
	background-position: 0 -150px
}
.m-header-new .slogan[biz="wxast"] i {
	background-position: 0 -200px
}
.m-header-new .slogan[biz="program"] i {
	background-position: 0 -250px
}
.m-header-new .slogan[biz="ktu"] i {
	background-position: 0 -295px
}
.m-header-new .fkw-topbar-box {
	max-width: 1380px;
	min-width: 1140px;
	margin: 0 auto;
	font-size: 12px;
	width: 100%;
	height: 100%
}
.m-header-new .fkw-logo {
	margin-top: -2px;
	width: 330px;
	height: 70px;
	background: url(../images/portal-bg.png) 0 -348px;
	float: left;
	margin-left: 18px
}
.m-header-new .f-topbar-right {
	float: right;
	width: auto;
*width:430px;
	height: 70px;
	vertical-align: top
}
.m-header-new .fkw-topbar-box {
	max-width: 1380px;
	min-width: 1140px;
	margin: 0 auto;
	font-size: 12px;
	width: 100%;
	height: 100%
}
.m-header-new .fkw-topbar-box .fkw-logo {
	margin-top: -2px;
	width: 330px;
	height: 70px;
	background: url(../images/portal-bg.png) 0 -348px;
	float: left;
	margin-left: 18px
}
.m-header-new .fkw-topbar-box .f-topbar-right {
	float: right;
	width: auto;
	height: 70px;
	vertical-align: top;
	margin-top: -1px
}
.m-header-new .fkw-topbar-box .f-topbar-right .slogan {
	font-size: 18px;
	color: #738299;
	text-decoration: none
}
.m-header-new .fkw-topbar-box .f-topbar-right .slogan i {
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 20px;
	background: url(../images/icons.png) 0 0 no-repeat;
	position: relative;
	left: 28px
}
.footer {
	background-color: #f3f7f9;
	z-index: 9000;
	width: 100%;
	height: 58px;
	position: fixed;
	bottom: 0;
	text-align: center;
	min-width: 1050px
}
@media screen and (max-height:850px) {
.footer {
	position: relative;
	margin-top: 50px
}
}
.bgDiv {
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: .4;
	z-index: 9001;
	position: absolute;
	top: 0;
	left: 0;
	display: none
}
.protectDiv {
	width: 302px;
	height: 376px;
	background-color: #fff;
	border-radius: 2px;
	z-index: 9002;
	position: absolute;
	display: none;
	left: 50%;
	top: 50%;
	margin-left: -151px;
	margin-top: -188px
}
.protectImg {
	width: 63px;
	height: 70px;
	background: url(../images/accountssafe.png) 0 -458px;
	position: absolute;
	top: 48px;
	left: 118px
}
.protectTitleFont {
	width: 302px;
	height: 376px;
	text-align: center;
	position: absolute;
	top: 138px;
	font-family: "微软雅黑";
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0;
	color: #4e4e4e
}
.protectContentFont {
	width: 302px;
	height: 376px;
	text-align: center;
	position: absolute;
	top: 192px;
	font-family: "微软雅黑";
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0;
	color: #8a9baf
}
.codeInput {
	width: 125px;
	height: 35px;
	background-color: #fff;
	border-radius: 2px;
	border: solid 1px #dbe1ea;
	position: absolute;
	top: 230px;
	left: 31px;
	padding-left: 5px
}
.sendBtn {
	width: 101px;
	height: 37px;
	background-color: #f6f9ff;
	border-radius: 2px;
	border: solid 1px #b4c2d9;
	position: absolute;
	top: 230px;
	right: 30px;
	cursor: pointer
}
.sendBtnBan {
	width: 101px;
	height: 37px;
	background-color: #eee;
	border-radius: 2px;
	border: solid 1px #ececec;
	position: absolute;
	top: 230px;
	right: 30px
}
.sendBtnTxt {
	font-family: "微软雅黑";
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0;
	color: #4e4e4e;
	width: 101px;
	height: 37px;
	text-align: center;
	padding-top: 8px
}
.commitBtn {
	width: 242px;
	height: 37px;
	background-color: #0076fe;
	border-radius: 2px;
	position: absolute;
	top: 296px;
	right: 30px;
	cursor: pointer
}
.commitBtnBan {
	width: 242px;
	height: 37px;
	background-color: #eee;
	border-radius: 2px;
	border: solid 1px #ececec;
	position: absolute;
	top: 296px;
	right: 30px
}
.commitBtnTxt {
	font-family: "微软雅黑";
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0;
	color: #fff;
	width: 242px;
	height: 37px;
	text-align: center;
	padding-top: 8px
}
.commitBtnTxtBan {
	font-family: "微软雅黑";
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0;
	color: #999;
	width: 242px;
	height: 37px;
	text-align: center;
	padding-top: 8px
}
.redTxt {
	font-family: "微软雅黑";
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0;
	color: #ff4a3b;
	position: absolute;
	top: 270px;
	left: 30px
}
.successTxt {
	display: none;
	font-family: "微软雅黑";
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0;
	color: #666;
	position: absolute;
	top: 270px;
	left: 30px
}
.greenTick {
	position: absolute;
	right: -17px;
	top: 6px;
	width: 13px;
	height: 11px;
	background: url(../images/accountssafe.png) -252px -329px
}
.contactTxt {
	display: none;
	font-family: "微软雅黑";
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0;
	color: #afbcd3;
	position: absolute;
	top: 270px;
	left: 30px
}
.contactBlue {
	font-family: "微软雅黑";
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0;
	color: #0076fe;
	cursor: pointer
}
.weChatTipsDiv .weChatIcon3 {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 202px;
	top: 124px;
	background: url(../images/wx_icon.png) 0 0 no-repeat;
	display: inline-block;
	margin-top: 3px
}
.weChatTipsDiv .weChatTit {
	font-size: 22px;
	position: absolute;
	left: 241px;
	top: 127px
}
.weChatContent .scanGuide {
	display: none;
	width: 230px;
	height: 206px;
	position: absolute;
	left: 129px;
	top: 0;
	background: url(../images/scan_guide.png) 0 0 no-repeat
}
.scanGuideTips {
	position: absolute;
	left: 25px;
	top: 242px;
	width: 220px
}
#hdManageTop .mangeTopLeftPart {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    clear: both;
}
#hdManageTop .mangeTopLeftPart .hd_fkw_logoParent {
    float: left;
    height: 100%;
    overflow: hidden;
}
#hdManageTop .mangeTopLeftPart #hd_fkw_logoBox .hd_logo_style4 {
    width: 178px;
    height: 60px;
    margin: 3px 10px 0 30px;
}
#gradientPagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background-color: #fff;
	opacity: .5;
	border-radius: 10px;
	margin-left: 7px;
	margin-bottom: 15px;
	transition: width 1s;
	cursor: pointer
}
#gradientPagination .swiper-pagination-bullet-active {
	width: 35px;
	opacity: 1
}
#hdManageTop {
    position: relative;
    width: 100%;
    top: 0;
    height: 67px;
    line-height: 68px;
    background: #fff;
    border-bottom: 1px solid #e7e7e7;
    left: 0;
    z-index: 10;
}

#hdManageTop .mangeTopLeftPart .fkwProduct a {
    display: inline-block;
    width: 104px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    background-color: #f3f3f3;
    color: #333;
    font-size: 12px;
    text-align: center;
}
#hdManageTop .manageInfoBox {
    position: absolute;
    text-align: center;
    height: 100%;
    top: 0;
    right: 20px;
}
#hdManageTop .manageInfoBox .manageInfo.manageInfoMin {
    width: 120px;
    height: 69px;
    position: relative;
}
#hdManageTop .topBarVer {
    background-repeat: no-repeat;
    position: relative;
    z-index: 20;
}
#hdManageTop .manageInfo {
    float: left;
    box-sizing: border-box;
    height: 67px;
    color: #333;
    width: 96px;
    line-height: 68px;
    position: relative;
    z-index: 15;
}
#hdManageTop .manageInfoBox .topBarVer .versionIcon {
    position: relative;
    margin: 16px 20px 6px 19px;
}
.ver_free_head {
    border: 1px solid #35d581;
    color: #35d581;
}
.ver_free_head, .ver_biz_head, .ver_by_head, .ver_md_head, .ver_zs_head {
    cursor: pointer;
    border-radius: 3px;
    margin-left: 10%;
    margin-top: 16%;
    line-height: 35px;
    margin: 16% 20px 6px 19px;
}