@charset "utf-8";

.tab-bar-panel {
	display: none
}

.tab-bar-box {
	display: none
}

.footerBtn {
	display: none
}
a{ text-decoration:none} 

.footerBox {
	display: none
}

.topBtn {
	display: none
}

.head-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	background: #fff;
	overflow: unset;
	z-index: 100001
}

.webHeadPlaceholder {
	width: 100%;
	height: 70px
}

.head-nav a {
	text-decoration: none
}

.nav-bar.nav-yc-bar .yc-bar-box {
	margin: 0 auto;
	font-size: 12px;
	width: auto;
	max-width: 1380px;
	min-width: 1200px;
	height: 70px;
	line-height: 70px
}

.nav-bar .yc-logo {
	height: 70px;
	float: left;
	position: relative
}

.nav-bar .headLogo {
	cursor: pointer
}

.nav-bar .headLogo .y-img {
	width: 204px;
	height: 35px;
	font-size: 0;
	display: block;
	margin-top: 17px
}

.nav-bar .ycck {
	display: block;
	position: absolute;
	width: 112px;
	height: 30px;
	line-height: 28px;
	top: 20px;
	left: 181px;
	border: 1px solid #e6e6e6;
	border-radius: 20px;
	color: #333;
	font-size: 13px;
	text-align: center
}

.nav-bar .ycck:hover {
	color: #f73;
	border-color: #f73
}

.nav-bar .ycck:before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: -14px;
	width: 1px;
	height: 24px;
	background-color: #cfcfcf
}

.nav-bar .y-bar-item:hover .y-solution {
	color: #f73
}

.nav-bar .y-bar-item.y-bar-item-manageCenter .y-bar-btn-text:hover,.nav-bar .y-bar-item.y-bar-item-registerCenter:hover .y-bar-btn-text {
	background-color: #f73;
	border-color: #f73
}

.nav-bar .yc-bar-right {
	float: right;
	width: auto;
	*width: 430px;
	height: 70px;
	vertical-align: top;
}

.nav-bar .yc-bar-right .y-bar-item {
	cursor: default
}

.y-bar-item a {
	font-size: 16px;
	font-family: "微软雅黑";
	color: #333;
	text-decoration: none
}

.nav a:hover,.navCheck a {
	color: #f73
}

.nav-yc-bar .y-bar-item-manageCenter .y-bar-btn-text,.nav-yc-bar .y-bar-btn_registerCenter .y-bar-btn-text {
	border: 1px solid #f73;
	background-color: #f73
}

.nav-yc-bar .y-bar-item-manageCenter .y-bar-btn-text:hover {
	border-color: #f73;
	background-color: #f73
}

.nav-yc-bar .y-bar-btn_registerCenter .y-bar-btn-text:hover {
	border-color: #f73;
	background-color: #f73
}

.nav-bar .opPanel .header-main-color:hover {
	color: #f73
}

.y-bar-item .f-portrait:hover .yc-icon.user-icon svg * {
	fill: #f73
}

.nav-bar .opPanel .header-main-fill:hover svg * {
	fill: #f73
}

.y-bar-item .f-portrait:hover .yc-icon.yc-arrow-icon svg * {
	stroke: #f73
}

.nav-bar .y-bar-btn_loginCenter:hover .y-bar-btn-text {
	border-color: #f73;
	color: #f73
}

.navCheck {
	color: #f73
}

.y-bar-btn .y-bar-sm a.navCheck {
	color: #f73
}

.y-bar-btn .yc-bar-submenu-arrow {
	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
}

.yc-bar-submenu-arrow svg * {
	stroke: #999
}

.y-bar-btn .y-bar-submenu-wrap {
	position: absolute;
	left: -576px;
	top: 70px;
	width: 933px;
	overflow: hidden;
	height: 0;
	transition: all .3s;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 -3px 0 0 #fff,-6px 0 6px 0 rgba(0,0,0,0.04),6px 0 6px 0 rgba(0,0,0,0.04),0px 6px 6px 0 rgba(0,0,0,0.04)
}

.y-bar-btn:hover .yc-bar-submenu-arrow {
	transform: rotate(180deg)
}

.y-bar-btn:hover .yc-bar-submenu-arrow svg * {
	stroke: #f73
}

.y-bar-btn:hover .y-bar-submenu-wrap {
	height: 365px
}

.y-bar-btn:hover .y-bar-submenu-wrap-model {
	width: 905px;
	height: 253px
}

.twonav {
	min-width: 200px;
	height: 0;
	background-color: #fff;
	position: absolute;
	left: -40px;
	top: 70px;
	z-index: 1;
	padding: 0 20px;
	overflow: hidden;
	border-radius: 0 0 5px 5px;
	transition: all .3s;
	box-shadow: 0 -3px 0 0 #fff,-6px 0 6px 0 rgba(0,0,0,0.04),6px 0 6px 0 rgba(0,0,0,0.04),0px 6px 6px 0 rgba(0,0,0,0.04);
}





	.twonav a {
		line-height: 32px;
		font-size: 13px;
		color: #000;
	}
.twonav .menu_svg {
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: top;
	margin-right: 5px
}
	.twonav .menu_title {
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333;
		display: inline-block;
		vertical-align: top;
		line-height: 24px
	}

.twonav .bar-y-menu {
	width: 100%;
	height: 22px;
	margin-bottom: 10px;
	margin-left: -32px;
	background: linear-gradient(180deg,#ababab 0,rgba(127,57,38,0) 100%);
	opacity: .08
}

	.twonav .menu_content {
		font-size: 13px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #999;
		margin-top: 10px;
		line-height: 0
	}


.y-bar-btn .y-bar-sm a {
	display: block;
	line-height: 32px;
	text-align: center;
	font-size: 13px;
	color: #333
}

.mobi_y-bar-sm a {
	text-decoration: none
}

.mobi_yc-bar-submenu-arrow {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	width: 10px;
	height: 5px;
	background: url(/img/groupBuy/down2.png?v=201903041423) no-repeat;
	margin-top: -2px;
	margin-left: 3px;
	vertical-align: middle;
	transition: transform .1s
}

.mobi_y-bar-btn:hover .mobi_yc-bar-submenu-arrow {
	transform: rotate(180deg);
	background: url(/img/groupBuy/down1.png?v=201903041423) no-repeat
}

.mobi_y-bar-btn:hover .mobi_y-bar-submenu-wrap {
	height: 180px
}

div.tab-bar-item:hover .tab-bar-submenu {
	display: block
}

div.tab-bar-item:hover {
	color: rgba(255,119,51,1)
}

div.tab-bar-item:hover #solution-svg {
	display: none
}

div.tab-bar-item:hover #solution-svg2 {
	display: inline
}

.mobi_tab_item .mobi_y-bar-btn .mobi_submenu_arrow_def {
	transform: rotate(0deg);
	background: url(/img/groupBuy/down2.png?v=201903041423) no-repeat
}

.mobi_tab_item .mobi_y-bar-btn .mobi_submenu_arrow_hover {
	transform: rotate(180deg);
	background: url(/img/groupBuy/down1.png?v=201903041423) no-repeat
}

.mobi_cover {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 9
}

.mobi-head-btns {
	display: none
}

.y-bar-btn .y-bar-sm {
	background: #fff;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
	position: relative;
	cursor: default;
	width: 1133px;
	height: 365px;
	padding-left: -132px
}

.y-bar-submenu-wrap .bar-y-menu {
	width: 1133px;
	height: 22px;
	margin-bottom: 10px;
	margin-left: -32px;
	background: linear-gradient(180deg,#ababab 0,rgba(127,57,38,0) 100%);
	opacity: .08
}

.y-bar-submenu-wrap .y-menu {
	display: inline-block;
	width: 272px;
	padding-left: 18px;
	height: 100%;
	vertical-align: top
}

.y-bar-submenu-wrap .y-menu-line {
	display: inline-block;
	width: 1px;
	height: 248px;
	background: #f5f5f5;
	position: relative;
	top: 46px;
	line-height: 0
}

.y-bar-submenu-wrap .bar-y-menu_title {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333;
	line-height: 15px;
	height: 31px;
	padding-left: 20px
}

.y-bar-submenu-wrap .menu_svg {
	display: inline-block;
	width: 24px;
	height: 24px;
	/*background: url(../img/newTop.png?v=202011181242) no-repeat -3px 1px;*/
	vertical-align: top;
	margin-right: 2px
}

.y-bar-submenu-wrap .menu_svg_2 {
	background: url(../img/newTop.png?v=202011181242) no-repeat -3px -23px
}

.y-bar-submenu-wrap .menu_svg_3 {
	background: url(../img/newTop.png?v=202011181242) no-repeat -3px -48px
}

.y-bar-submenu-wrap .menu_svg_4 {
	background: url(../img/newTop.png?v=202011181242) no-repeat -28px 0
}

.y-bar-submenu-wrap .menu_svg_5 {
	background: url(../img/newTop.png?v=202011181242) no-repeat -27px -23px
}

.y-bar-submenu-wrap .menu_svg_6 {
	background: url(../img/newTop.png?v=202011181242) no-repeat -27px -48px
}

.y-bar-submenu-wrap .menu_svg_7 {
	background: url(../img/newTop.png?v=202011181242) no-repeat -51px 0
}

.y-bar-submenu-wrap .menu_svg_8 {
	background: url(../img/newTop.png?v=202011181242) no-repeat -51px -23px
}

.y-bar-submenu-wrap .menu_svg_9 {
	background: url(../img/newTop.png?v=202011181242) no-repeat -51px -48px
}

.y-bar-submenu-wrap .menu_svg_10 {
	background: url(../img/newTop.png?v=202011181242) no-repeat -76px 0
}

.y-bar-submenu-wrap .menu_svg_11 {
	background: url(../img/newTop.png?v=202011181242) no-repeat -76px -23px
}

.y-bar-submenu-wrap .menu_svg_12 {
	background: url(../img/newTop.png?v=202011181242) no-repeat -76px -48px
}

.y-bar-submenu-wrap .menu_title {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333;
	display: inline-block;
	vertical-align: top;
	line-height: 24px
}

.y-bar-submenu-wrap .menu_content {
	font-size: 13px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999;
	margin-top: 10px;
	line-height: 0
}

.bar-y-menu_content {
	width: 235px;
	height: 76px;
	padding-left: 20px;
	margin-bottom: 25px;
	padding-top: 11px;
	cursor: pointer;
	text-align: left
}

.bar-y-menu_content:hover {
	background: #f8f8f8;
	border-radius: 5px
}

.y-bar-btn .y-bar-submenu-wrap-model {
	left: -576px
}

.y-bar-btn .y-bar-submenu-wrap-model .y-bar-sm-model {
	width: 905px
}

.y-bar-submenu-wrap-model .bar-y-menu_title_img {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../img/newTop.png?v=202011181242) no-repeat -3px -74px;
	vertical-align: text-top;
	margin-right: 0
}

.y-bar-submenu-wrap-model .bar-y-menu_title_img_2 {
	background: url(../img/newTop.png?v=202011181242) no-repeat -27px -74px
}

.y-bar-submenu-wrap-model .bar-y-menu_title_img_3 {
	background: url(../img/newTop.png?v=202011181242) no-repeat -51px -74px
}

.y-bar-submenu-wrap-model .y-menu-line_model {
	display: inline-block;
	width: 1px;
	height: 135px;
	background: #f5f5f5;
	position: relative;
	top: 55px;
	line-height: 0
}

.y-bar-submenu-wrap-model .ymenu-1 {
	width: 175px
}

.y-bar-submenu-wrap-model .topmenu_2 {
	width: 293px;
	padding-left: 49px
}

.y-bar-submenu-wrap-model .topmenu_3 {
	width: 359px;
	padding-left: 58px
}

.y-bar-submenu-wrap-model .menu_title {
	width: 88px;
	padding-left: 22px;
	line-height: 16px;
	height: 16px;
	display: block;
	margin-bottom: 24px;
	cursor: pointer;
	text-align: left;
	margin-right: 12px;
	font-size: 14px;
	color: #666
}

.y-bar-submenu-wrap-model .menu_title:hover {
	color: #fe714b
}

.y-bar-submenu-wrap-model .bar-y-menu_title {
	margin-bottom: 20px
}

.y-bar-submenu-wrap-model .title_block {
	display: block;
	line-height: 0;
	height: 40px
}

.y-bar-submenu-wrap-model .title_block div {
	display: inline-block
}

.y-bar-submenu-wrap-model .title_block a {
	display: inline-block;
	width: 96px
}

@media screen and (max-width:880px) {
	.head-nav.mall-head-nav {
		height: 100%;
		max-height: 70px;
		min-height: 48px;
		position: fixed
	}

	.webHeadPlaceholder {
		height: .95rem;
		max-height: 70px;
		min-height: 48px
	}

	.head-nav .nav-bar {
		line-height: normal;
		padding: 0 19px
	}

	.head-nav .yc-logo {
		height: 100%;
		font-size: 0;
		margin-left: .25rem;
		display: table
	}

	.head-nav .yc-logo .headLogo {
		width: 1.4rem;
		display: table-cell;
		vertical-align: middle
	}

	.head-nav .yc-logo .headLogo .y-img {
		margin-top: 0
	}

	.head-nav .ycck {
		display: inline-block;
		width: 104px;
		height: 26px;
		line-height: 24px;
		margin-left: 15px;
		vertical-align: middle;
		position: relative;
		top: 0;
		left: 0
	}

	.nav-bar .ycck:before {
		left: -10px;
		height: 16px;
		top: 5px
	}

	.nav-bar .yc-bar-right {
		display: none
	}

	.mobi-head-btns {
		display: table;
		height: 100%;
		float: right
	}

	.head-nav .h-btn {
		display: table-cell;
		font-size: 14px;
		vertical-align: middle;
		text-decoration: none;
		-webkit-tap-highlight-color: rgba(0,0,0,0)
	}

	.head-nav .login-btn {
		margin-right: .22rem;
		color: #666
	}

	.head-nav .register-btn {
		padding: 0 .22rem;
		color: #2f82ff
	}

	.tab-bar-panel {
		position: fixed;
		left: .58rem;
		bottom: 2.62rem;
		width: 2.5rem;
		height: 7.4rem;
		background: rgba(255,255,255,1);
		box-shadow: 0rem .04rem .2rem 0rem rgba(0,0,0,0.14);
		border-radius: .1rem;
		z-index: 10
	}

	.tab-bar-panel-login {
		height: 8.8rem
	}

	.tab-bar-box {
		position: fixed;
		left: 1rem;
		bottom: 2.20rem;
		display: block;
		width: 3rem;
		height: 3rem;
		background: linear-gradient(135deg,rgba(253,155,55,1) 0,rgba(252,109,84,1) 45%,rgba(253,79,95,1) 100%);
		box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(214,11,2,0.22);
		border-radius: 50%;
		z-index: 10
	}

	.tab-bar-panel .tab-bar-item {
		display: block;
		text-align: center;
		margin-top: .47rem;
		text-decoration: none;
		height: .29rem;
		font-size: .3rem;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: rgba(102,102,102,1)
	}

	.tab-bar-submenu {
		position: fixed;
		left: 3.30rem;
		bottom: 4.19rem;
		display: none;
		width: 2.5rem;
		height: 5.65rem;
		background: rgba(255,255,255,1);
		box-shadow: 0rem .04rem .2rem 0rem rgba(0,0,0,0.14);
		border-radius: .1rem
	}

	.tab-bar-submenu .submenu-item {
		display: block;
		text-align: left;
		margin-left: .70rem;
		margin-top: .47rem;
		text-decoration: none;
		height: .27rem;
		font-size: .28rem;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: rgba(102,102,102,1)
	}

	.tab-bar-submenu .newIcon {
		margin-left: .09rem;
		margin-top: .65rem;
		width: .5rem;
		height: .23rem;
		background: rgba(235,0,22,1);
		border-radius: .02rem;
		text-align: center;
		line-height: .20rem
	}

	.newIcon .newText {
		width: .41rem;
		height: .13rem;
		font-size: .18rem;
		font-family: Arial;
		font-weight: 400;
		color: rgba(255,255,255,1)
	}

	#tab-catalog {
		margin-left: 0.7rem;
		margin-top: 0.92rem;
		width: 1.6rem;
		height: 1.3rem
	}

	#tab-close {
		margin-left: .30rem;
		margin-top: .30rem;
		display: none;
		width: .30rem;
		height: .30rem
	}

	#tab-catalog,#tab-close {
		-webkit-transition: transform .35s;
		-o-transition: transform .35s;
		transition: transform .35s
	}

	.solution-txt {
		margin-left: .35rem
	}

	#solution-svg {
		margin-left: .23rem;
		width: .17rem;
		height: .20rem;
		transform: rotate(180deg)
	}

	#solution-svg2 {
		margin-left: .23rem;
		display: none;
		width: .17rem;
		height: .20rem
	}

	.footerBox {
		display: block;
		position: relative;
		width: 7.5rem;
		height: .92rem;
		bottom: 0
	}

	.footerBtn {
		display: block;
		margin: 0 auto;
		position: fixed;
		width: 7.5rem;
		height: .92rem;
		left: 0;
		bottom: 0;
		background-color: #f73;
		-webkit-transition: left .2s ease-in;
		-ms-transition: left .2s ease-in;
		-moz-transition: left .2s ease-in;
		-o-transition: left .2s ease-in;
		transition: left .2s ease-in;
		z-index: 2
	}

	.footerBtnText {
		font-size: .28rem;
		color: rgba(255,255,255,255);
		line-height: .28rem;
		background: 0;
		width: 100%;
		text-align: center;
		left: 0;
		position: absolute;
		height: .28rem;
		top: .32rem
	}

	.topBtn {
		position: fixed;
		top: 25px;
		z-index: 9999;
		right: 20px;
		display: block;
		font-size: 14px;
		text-decoration: none;
		color: rgba(43,43,43,255);
		background: 0
	}

	.topBtn:hover {
		text-decoration: none;
		color: rgba(43,43,43,255)
	}
}

@media screen and (max-width:700px) {
	.tab-bar {
		min-width: 4rem
	}
}

@media screen and (max-width:600px) {
	.tab-bar {
		min-width: 4.5rem
	}
}

@media screen and (max-width:450px) {
	.head-nav .yc-logo {
		margin-left: 0
	}

	.tab-bar {
		min-width: 5rem
	}

	.nav-bar .headLogo .y-img {
		background-size: 75%
	}
}

@media screen and (max-width:400px) {
	.nav-bar .headLogo .y-img {
		background-size: 100%
	}
}

.nav-bar .yc-bar-right .y-bar-item {
	vertical-align: middle
}

.newIcon {
	position: absolute;
	top: -4px
}

.btn-tip {
	width: 49px;
	height: 17px;
	background: #fc464e;
	border-radius: 8px 8px 8px 0;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 17px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 6px;
	left: 27px
}

@charset "utf-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,strong,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0
}

html,body,label,table {
	font-size: 12px
}

a:focus {
	outline: 0
}

a:active {
	outline: 0
}

ol,ul {
	list-style: none
}

table {
	border-collapse: separate;
	border-spacing: 0
}

.nav-bar .opPanel .header-main-color {
	color: #333
}

.nav-bar .opPanel .header-main-color:hover {
	color: #f73
}

.nav-bar .opPanel .header-main-fill svg * {
	fill: #666
}

.nav-bar .opPanel .header-main-fill:hover svg * {
	fill: #f73
}

.nav-bar {
	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
}

.nav-bar .yc-bar-box {
	margin: 0 auto;
	max-width: 1380px;
	min-width: 1200px;
	height: 100%;
	font-size: 12px
}

.nav-bar .yc-logo {
	float: left;
	margin: 0;
	width: 305px;
	height: 70px;
	background: url(../img/logo.svg?v=202007211405) no-repeat 0 50%
}

.nav-bar .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(../img/site.svg?v=202008071414) 0 center no-repeat
}

.mktProductDetailLogo-container .yc-logo {
	width: 140px;
	background: url(../img/mall.svg?v=202008071414) 0 center no-repeat
}

.mktProductDetailLogo-container .hd-logo {
	width: 141px;
	background: url(../img/hd.svg?v=202008071414) 0 center no-repeat
}

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

.mktProductDetailLogo-container .wxast-logo {
	width: 215px;
	background: url(../img/wxast.svg?v=202008071414) 0 center no-repeat
}

.mktProductDetailLogo-container .yk-logo {
	width: 164px;
	background: url(../img/yk.svg?v=202102201526) 0 center no-repeat
}

.mktProductDetailLogo-container .qz-logo {
	width: 210px;
	background: url(../img/qz.svg?v=202008071414) 0 center no-repeat
}

.mktProductDetailLogo-container .yx-logo {
	width: 164px;
	background: url(../img/yx.svg?v=202102201526) 0 center no-repeat
}

.mktProductDetailLogo-container .edu-logo {
	width: 140px;
	background: url(../img/edu.svg?v=202008071414) 0 center no-repeat
}

.mktProductDetailLogo-container .ktu-logo {
	width: 141px;
	background: url(../img/ktu.svg?v=202008071414) 0 center no-repeat
}

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

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

.indep-topBar-container .yc-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 .yc-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
}

.nav-bar .yc-bar-right {
	position: relative;
	float: right;
	width: auto;
	*width: 430px;
	height: 70px;
	font-size: 0
}

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

.nav-bar .y-bar-item .hot-icon {
	position: absolute;
	top: 10px;
	right: -3px;
	width: 23px;
	height: 16px
}

.y-bar-btn .y-bar-btn-text {
	font-size: 16px;
	/*color: #333;*/
	text-decoration: none;
	transition: color .3s
}

.nav-bar .y-bar-item:hover .y-bar-btn-text,.nav-bar .y-bar-item.state-hover .y-bar-btn-text {
	color: #f73
}

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

.yc-bar-box .yc-bar-right .nav-item .yc-arrow-icon,.yc-bar-box .yc-bar-right .y-bar-item-solution .yc-arrow-icon,.yc-bar-box .yc-bar-right .y-bar-item-product .yc-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
}

.yc-bar-box .yc-bar-right .nav-item .yc-arrow-icon svg *,.yc-bar-box .yc-bar-right .y-bar-item-solution .yc-arrow-icon svg *,.yc-bar-box .yc-bar-right .y-bar-item-product .yc-arrow-icon svg * {
	stroke: #999
}

.yc-bar-box .yc-bar-right .nav-item.state-hover .y-bar-btn-text,.yc-bar-box .yc-bar-right .y-bar-item-solution.state-hover .y-bar-btn-text {
	color: #f73
}

.yc-bar-box .yc-bar-right .nav-item:hover .yc-arrow-icon,.yc-bar-box .yc-bar-right .nav-item.state-hover .yc-arrow-icon,.yc-bar-box .yc-bar-right .y-bar-item-solution:hover .yc-arrow-icon,.yc-bar-box .yc-bar-right .y-bar-item-solution.state-hover .yc-arrow-icon,.yc-bar-box .yc-bar-right .y-bar-item-product:hover .yc-arrow-icon,.yc-bar-box .yc-bar-right .y-bar-item-product.state-hover .yc-arrow-icon {
	transform: rotate(180deg)
}

.yc-bar-box .yc-bar-right .nav-item:hover .yc-arrow-icon svg *,.yc-bar-box .yc-bar-right .nav-item.state-hover .yc-arrow-icon svg *,.yc-bar-box .yc-bar-right .y-bar-item-solution:hover .yc-arrow-icon svg *,.yc-bar-box .yc-bar-right .y-bar-item-solution.state-hover .yc-arrow-icon svg *,.yc-bar-box .yc-bar-right .y-bar-item-product:hover .yc-arrow-icon svg *,.yc-bar-box .yc-bar-right .y-bar-item-product.state-hover .yc-arrow-icon svg * {
	stroke: #f73
}

.y-bar-item.y-bar-item-cooperationCenter {
	margin-right: 33px
}

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

.nav-bar .y-bar-item.y-bar-item-registerCenter {
	margin-right: 14px;
	width: 112px
}

.nav-bar .y-bar-item.y-bar-item-loginCenter {
	margin-right: 0;
	width: 76px
}

.nav-bar .y-bar-item.y-bar-item-manageCenter {
	margin-right: 0
}

.nav-bar .y-bar-item-manageCenter .y-bar-btn-text,.nav-bar .y-bar-item-registerCenter .y-bar-btn-text {
	margin: 17px 0;
	display: inline-block;
	vertical-align: middle;
	width: 112px;
	height: 36px;
	line-height: 34px;
	border: 1px solid #f73;
	text-align: center;
	background-color: #f73;
	font-size: 14px;
	border-radius: 28px;
	color: #fff;
	box-sizing: border-box
}

.nav-bar .y-bar-item.y-bar-item-manageCenter .y-bar-btn-text:hover,.nav-bar .y-bar-item.y-bar-item-registerCenter:hover .y-bar-btn-text {
	background-color: #f73;
	border-color: #f73;
	color: #fff;
	transition: background-color .3s,border-color .3s
}

.nav-bar .y-bar-btn_loginCenter .y-bar-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
}

.nav-bar .y-bar-btn_loginCenter:hover .y-bar-btn-text {
	border-color: #f73;
	color: #f73
}

.nav-bar .y-bar-item-manageCenter .y-bar-btn-text {
	margin-right: 14px
}

.nav-bar .yc-bar-right .y-bar-btn_manageCenter .y-bar-btn-text {
	color: #fff
}

.y-bar-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
}

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

.y-bar-item .f-portrait .yc-icon.user-icon {
	width: 20px;
	padding: 8px 0
}

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

.y-bar-item .f-portrait .yc-icon.user-icon svg * {
	fill: #999;
	transition: fill .3s
}

.y-bar-item .f-portrait .yc-icon.yc-arrow-icon svg {
	transition: transform .3s
}

.y-bar-item .f-portrait .yc-icon.yc-arrow-icon svg * {
	stroke: #999;
	transition: stroke .3s
}

.y-bar-item .f-portrait:hover .yc-icon.user-icon svg * {
	fill: #f73
}

.y-bar-item .f-portrait:hover .yc-icon.yc-arrow-icon svg {
	transform: rotate(180deg)
}

.y-bar-item .f-portrait:hover .yc-icon.yc-arrow-icon svg * {
	stroke: #f73
}

.y-bar-item .f-portrait .yc-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+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9Ikycb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmycb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERkY4QUJFNjlCRDIxMUVBQTkyOTk0REM2RkUxMzI4NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERkY4QUJFNzlCRDIxMUVBQTkyOTk0REM2RkUxMzI4NiI+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
}

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