.clear {
	zoom: 1
}

.clear:after {
	content: '';
	display: block;
	clear: both;
	font-size: 0
}

.jc_hd {
	position: relative;
	z-index: 1000;
	width: 100%;
	height: 100px;
	line-height: 1.5;
	-webkit-transition: background .3s cubic-bezier(0,0,.2,1);
	transition: background .3s cubic-bezier(0,0,.2,1)
}

.jc_wrap {
	position: relative;
	z-index: 202;
	width: 1200px;
	height: 100px;
	margin: 0 auto;
	font-size: 0;
	white-space: nowrap;
	border-bottom: 1px solid rgba(239,239,239,.1);
}

.jc_hd:hover {
	background: rgba(35,35,35,.95)
}

.jc_hd_logo,.jc_hd_menu {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle
}

.jc_hd_logo {
	vertical-align: top;
    margin-top: 12px;
    margin-right: 30px;
    margin-left: 30px;
    position: relative;
}

.jc_hd_logo a {
	position: relative;
	overflow: hidden;
	display: block;
	width: 120px;
	height: 25px;
	background: url(../images/jhlogo.png) center no-repeat;
	background-size: 100%
}

.jc_hd_logo.jdc_logo_en a {
	background-image: url(https://img1.jcloudcs.com/portal/jdcloud-logo-en.svg)
}

.jc_hd_menu {
	display: block;
	padding-right: 190px;
	height: 50px;
	margin-left: 14px;
	overflow: hidden;
}

#lottie {
	display: block;
	width: 100%;
	height: 100%
}

.jc_hd_menu_list {
	font-size: 0
}

.jc_hd_menu_list>li {
	float: left
}

.jc_hd_list_item {
	display: block;
	padding: 0 16px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff
}

.jc_hd_list_item:hover,.jc_hd_menu_list>li.active .jc_hd_list_item {
	color: #3171ff
}

.jc_hd .jc_hd_tag {
	display: inline-block;
	margin-left: 5px;
	color: #ff4401;
	font-style: normal;
	font-size: 12px;
	font-weight: 400
}

.hd_menu_dropdown {
	box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
	display: none;
	position: absolute;
	left: 0;
	top: 50px;
	padding: 0;
	width: 100%;
	font-size: 0;
	background: url(https://img1.jcloudcs.com/portal/header/bg-menu-full.png) no-repeat center top #e0e0e0
}

.hd_dropdown_item {
	margin-bottom: 20px
}

.hd_dropdown_item .menu_dropdown_title {
	position: relative
}

.hd_dropdown_item .menu_dropdown_ct {
	padding: 0;
	border: 0 none
}

.hd_dropdown_item .hd_item_col_subMenu {
	padding-top: 5px;
	padding-bottom: 10px
}

.menu_dropdown_ct,.menu_dropdown_title {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.menu_dropdown_title {
	width: 183px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgba(13,15,26,.15)
}

.menu_dropdown_ct {
	padding: 6px 0 6px 20px;
	width: 836px;
	vertical-align: top
}

.hd_menu_dropdown_item {
	display: none;
	position: absolute;
	top: 8px;
	min-width: 720px;
	font-size: 0
}

.hd_solution .hd_menu_dropdown_item {
	display: block
}

.hd_solution .menu-second:hover {
	color: #fff
}

.hd_solution .hd_dropdown_item {
	margin: 0
}

.dropdown_title_ul {
	padding: 6px 0
}

.hd_product_ul {
	position: relative
}

.menu-second {
	display: block;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 38px;
	font-size: 14px;
	color: #333;
	font-weight: 700;
	cursor: default
}

.dropdown_title_ul .on .font-arr,.dropdown_title_ul .on .menu-second,.dropdown_title_ul .on .newfont {
	color: #3171ff
}

.dropdown_title_ul .newfont {
	position: absolute;
	left: 10px;
	top: 0
}

.dropdown_title_ul .font-arr {
	position: absolute;
	right: 0;
	top: 0
}

.jc_hd_operation {
	position: absolute;
	z-index: 10;
	right: 0;
	top: 5;
	height: 39px
}

.jc_hd_login,.jc_hd_operation>a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-size: 14px;
	color: #fff
}

.jc_hd_operation>a {
	height: 24px;
	line-height: 24px;
	padding: 0 10px
}

.jc_hd_operation .jc_hd_news {
	width: 28px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-left: 1px solid #111;
	border-right: 1px solid #111;
	font-size: 16px;
	color: #999
}

.jc_hd_news i {
	display: none
}

.jc_hd_operation .gotNews {
	position: relative;
	color: #fff
}

.jc_hd_operation>a:hover {
	color: #3171ff
}

.jc_hd_operation .jc_hd_news:hover {
	color: #999;
	background: #111
}

.jc_hd_operation .gotNews:hover {
	color: #fff
}

.gotNews i {
	display: block;
	position: absolute;
	left: 33px;
	top: 16px;
	padding: 0 2px;
	min-width: 12px;
	max-width: 18px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size: 12px;
	color: #fff;
	background: #f51c3a
}

.jc_hd_console {
	margin-right: 20px;
	padding: 0 10px
}

.jc_hd_operation .jc_hd_console:hover {
	color: #3171ff
}

.jc_hd_login {
	position: absolute;
	top: 0;
	right: 0;
	height: 50px
}

.user_mng {
	position: relative;
	display: block;
	padding: 0 42px 0 20px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	cursor: default
}

.user_mng:hover {
	color: #fff
}

.user_mng img {
	float: left;
	margin-top: 12px;
	margin-right: 8px;
	width: 26px;
	height: 26px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.user_mng>b {
	float: left;
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.jc_hd_log_in {
	position: relative
}

.jc_hd_log_in:hover .user_mng {
	background: #2a2e42
}

.jc_hd_log_in:hover .user_dropdown {
	display: block;
	*zoom: 1
}

.jc_hd_log_in:hover .log_in_arr {
	border-width: 0 4px 4px;
	border-color: transparent transparent #fff
}

.log_in_arr {
	position: absolute;
	top: 25px;
	right: 30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0;
	border-color: #fff transparent transparent
}

.jc_hd_log_in .user_dropdown {
	display: none;
	position: absolute;
	right: 0;
	top: 50px;
	padding: 16px 16px 0;
	width: 185px;
	background: #2a2e42
}

.jc_hd_log_in .user_dropdown ul {
	padding-bottom: 10px
}

.jc_hd_log_in ul a {
	display: block;
	line-height: 32px;
	color: #fff;
	font-size: 12px
}

.jc_hd_log_in ul a b {
	float: right;
	margin-top: 7px;
	padding: 0 6px;
	line-height: 18px;
	font-weight: 400;
	border-radius: 9px;
	background: #ff9600
}

.jc_hd_log_in li a:hover {
	color: #3171ff
}

.jc_hd_log_in li a:hover b {
	color: #fff
}

.jc_hd_log_in .user_quit_wrap {
	padding: 15px 0;
	border-top: 1px solid #313131
}

.jc_hd_log_in .user_quit,.jc_hd_log_in .user_reset {
	float: right;
	line-height: 20px;
	color: #fff;
	font-size: 12px
}

.jc_hd_log_in .user_reset {
	float: left
}

.jc_hd_log_in .user_quit:hover,.jc_hd_log_in .user_reset:hover {
	color: #3171ff
}

.user_dropdown .user_balance dt {
	line-height: 20px;
	font-size: 12px;
	color: #999
}

.user_dropdown .user_balance dd {
	padding: 12px 0 2px
}

.user_dropdown .user_balance .user_money {
	float: left;
	line-height: 26px;
	font-size: 18px;
	color: #ff9600
}

.user_dropdown .user_balance .user_recharge {
	float: right;
	padding: 0 5px;
	min-width: 36px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 12px;
	border: 1px solid #ff9600;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #ff9600
}

.user_dropdown .user_balance .user_recharge:hover {
	color: #fff;
	background-color: #ff9600
}

.jc_hd_log_out {
	display: none;
	margin-right: 30px;
	font-size: 0
}

.jc_hd_log_out a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	margin-top: 15px;
	padding: 0 15px;
	color: #fff;
	font-size: 14px;
	line-height: 21px
}

.jc_hd_log_out a:hover {
	color: #3171ff
}

.jc_hd:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	background: 0 0;
	-webkit-transition: height .3s,background-color .3s;
	transition: height .3s,background-color .3s
}

.jc_hd_ct_bg {
	display: none;
	position: absolute;
	z-index: 201;
	left: 0;
	top: 90px;
	width: 100%;
	background: #222;
	opacity: .95;
	filter: alpha(opacity=95);
	-webkit-transition: all .3s cubic-bezier(0,1,.5,1);
	transition: all .3s cubic-bezier(0,1,.5,1)
}

.hd_ecology {
	width: auto;
	background: #f4f4f4;
	padding: 8px 0;
	left: auto;
	right: auto!important
}

.hd_ecology .menu-second {
	cursor: pointer
}

.hd_ecology .menu_dropdown_title {
	min-width: 180px;
	width: auto;
	border: 0
}

.hd_ecology .hd_menu_dropdown {
	width: auto
}

.hd_ecology .hd_dropdown_item {
	margin-bottom: 0
}

.header-waterfall {
	display: none;
	padding: 20px 30px;
	zoom: 100%;
	clear: both;
	left: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.header-waterfall ul {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative
}

.header-waterfall ul li {
	margin-top: -1px;
	min-width: 210px;
	max-width: 220px;
	text-align: left;
	position: absolute
}

.header-waterfall ul li h3 {
	font-size: 16px;
	margin-bottom: 8px;
	color: #fff;
	padding: 0 10px;
	white-space: normal
}

.header-waterfall ul li a {
	display: block;
	padding: 5px 10px;
	line-height: 20px;
	color: #aeacaf;
	font-size: 14px;
	white-space: normal
}

.header-waterfall ul li a:hover {
	color: #3171ff
}

.header-waterfall ul li .line {
	display: none;
	border-bottom: 1px solid #ededed;
	margin: 0 0 20px 10px;
	filter: alpha(opacity=20);
	opacity: .2
}

.noWaterfall li {
	position: static!important;
	float: left;
	margin-right: 20px
}

.jc_hd_menu_list .help-hot {
	background: 0 0;
	display: inline-block;
	color: #E1251B;
	font-size: 12px;
	padding: 0 3px;
	border-radius: 2px;
	margin-left: 5px;
	line-height: 15px
}

.jc_hd_menu_list .help-grey {
	color: #999
}

.jc_hd_menu_list .help-org {
	color: #ff6803
}

.jc_hd_log_out .jc_reg {
	margin-top: 13px;
	margin-left: 10px;
	padding: 0 15px;
	height: 26px;
	line-height: 26px;
	min-width: 54px;
	color: #fff;
	background: -moz-linear-gradient(80deg,#3281ff 0,#3281ff 100%);
	background: -webkit-linear-gradient(80deg,#3281ff 0,#3281ff 100%);
	background: -webkit-linear-gradient(10deg,#3281ff 0,#3281ff 100%);
	background: linear-gradient(80deg,#3281ff 0,#3281ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3281ff', endColorstr='#3281ff', GradientType=1);
	border-radius: 13px
}

.jc_hd_log_out .jc_reg:hover {
	color: #fff;
	box-shadow: 0 0 10px 0 rgba(3,0,76,.3)
}

.jc_hc_upgrade {
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	margin-right: 15px;
	position: relative
}

.jc_hc_upgrade a {
	display: block;
	height: 26px
}

.jc_hc_upgrade a i {
	font-size: 16px
}

.jc_hc_upgrade .upgrade_tips {
	display: none;
	position: absolute;
	top: 30px;
	left: 50%;
	font-size: 12px;
	white-space: nowrap;
	color: #fff;
	height: 26px;
	line-height: 26px;
	background: #3171ff;
	padding: 0 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-left: -104px
}

.jc_hc_upgrade .upgrade_tips .triangle {
	position: absolute;
	left: 50%;
	top: -3px;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 3px solid #3171ff
}

.jc_hc_upgrade:hover i {
	color: #3171ff
}

.jc_hc_upgrade:hover .upgrade_tips {
	display: block
}

.user_subUser {
	color: #999;
	font-size: 12px
}

.user_subUser dd,.user_subUser dt {
	padding-bottom: 12px;
	line-height: 20px
}

.user_subUser .user_subUser_name {
	color: #fff
}

.jc_hd_menu_list .jdc-menu-more,.jdc-nav-m {
	display: none
}

.jdc-nav-btn,.nav-m-user {
	display: inline-block;
	padding: 8px;
	vertical-align: middle
}

.nav-user-icon {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	font-size: 24px;
	line-height: 1;
	color: #fff
}

.jdc-nav-btn span {
	display: block;
	width: 20px;
	height: 2px;
	position: relative;
	background: #fff;
	border-radius: 3px;
	z-index: 1;
	-webkit-transform-origin: 20px;
	-ms-transform-origin: 20px;
	transform-origin: 20px;
	-webkit-transition: background .5s cubic-bezier(0.77,.2,.05,1),opacity .55s ease,width .5s,-webkit-transform .5s cubic-bezier(0.77,.2,.05,1);
	transition: background .5s cubic-bezier(0.77,.2,.05,1),opacity .55s ease,width .5s,-webkit-transform .5s cubic-bezier(0.77,.2,.05,1);
	transition: background .5s cubic-bezier(0.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(0.77,.2,.05,1),width .5s;
	transition: background .5s cubic-bezier(0.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(0.77,.2,.05,1),width .5s,-webkit-transform .5s cubic-bezier(0.77,.2,.05,1)
}

.jdc-nav-btn span+span {
	margin-top: 5px
}

.jdc-nav-btn span:nth-last-child(2) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: width .5s ease;
	transition: width .5s ease
}

.jdc-nav-btn.jdc-nav-btn-actived span {
	opacity: 1;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.jdc-nav-btn.jdc-nav-btn-actived span:nth-last-child(3) {
	opacity: 1;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.jdc-nav-btn.jdc-nav-btn-actived span:nth-last-child(2) {
	width: 0;
	opacity: 0;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: width .5s;
	transition: width .5s
}

.nav-m-menu-wrap,.nav-m-user-list {
	display: none
}

.jc_hd_lang {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #fff;
	margin-right: 10px;
	cursor: pointer;
	position: relative
}

.jc_hd_lang:hover .lang-tit {
	background: #2a2e42
}

.jc_hd_lang:hover .lang-list {
	display: block
}

.jc_hd_lang .lang-tit {
	line-height: 39px;
	height: 39px;
	padding: 0 15px 0 34px;
	position: relative
}

.jc_hd_lang .lang-tit:before {
	content: '';
	background-image: url(data:image/svg+xml;
	base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTk1OS45IDUxMS43Qzk1OS45IDI2NC40IDc1OS40IDY0IDUxMiA2NCAyNjQuNiA2NCA2NCAyNjQuNCA2NCA1MTEuN2MwIDIyOC40IDE3MS4xIDQxNi44IDM5Mi4zIDQ0NC4yIDE5LjkgMy45IDQwLjIgNS4xIDYwLjQgMy40IDI0NS4zLTIuNSA0NDMuMi0yMDIgNDQzLjItNDQ3LjZ6bS02NCA2LjNjLTEuMy0yMi00LjItNDMuOS04LjctNjUuNC40LTcuMS41LTE0LjMuMy0yMS41IDYuMSAyOC41IDguOSA1Ny43IDguNCA4Ni45ek0xMjggNTExLjdjMC0yNy4yIDIuOC01My42IDguMi03OS4yIDE2LjYgMTcuNyA1NS43IDE3LjQgNjUuMi05LjIgMTcuMSAxMC4yIDQwIDEyIDQwIDMyLjMgMCA2Ny4xIDIuNCAxMzguOSA2My4zIDE0MC4xIDEuNyAwIDM0IDEyLjIgNDkuNCA1MiA1LjMgMTMuOCAyNi4zIDAgNDkuMyAwIDExLjUgMCAwIDE5LjQgMCA2MS4yIDAgNDEuNyA4OS45IDEwNS45IDg5LjkgMTA1LjktLjQgMjcuNy43IDUwIDMgNjcuOC0yMC4zLS40LTM3LjQgMi4zLTUwLjkgNi45QzI2NS4xIDg1OC4xIDEyOCA3MDAuOSAxMjggNTExLjd6bTQ3OC41IDM3MmMtMi05LjctMTAuNy0xNS4xLTI2LjYtMTAuOSAxMi43LTU0IDE4LjgtODQuMiA0NS4zLTEwNy4yIDM4LjMtMzMuMiA0LjUtNzAuMS0yNC42LTY1LjctMjMgMy41LTguNC0yOC41LTI5LTMwLjMtMjAuNS0xLjctNDcuMy00Mi40LTc2LjgtNTYuNS0xNS42LTcuNC0zMS0yNy4zLTU1LjEtMjguMy0yMS40LS44LTUyLjYgMTguMS01Mi42IDMuNSAwLTQ2LjktNC44LTgwLjQtNS43LTkzLjgtLjgtMTAuNy03LTMuNiAyMS45LTIuOSAxNS43LjQgOC0zMS42IDIzLjYtMzIuOCAxNS4zLTEuMiA1MS43IDE0LjMgNjEgOC4xIDguNy01LjggNjMuNCAxNDMuOCA2My40IDI0LjcgMC0xNC4xLTcuMy0zOC43IDAtNTIuMSAyOS01Mi44IDU2LTk1LjkgNTMuNi0xMDIuMi0xLjQtMy42LTI5LjYtNi41LTUyLjIgMS4xLTcuNiAyLjYgMi40IDE0LjUtOC42IDE3LjEtNDEgOS41LTc3LjItMTEuMS02NC41LTMwLjQgMTMtMTkuNyA2MC4xLTguNiA2NC4yLTQ4LjMgMi4zLTIyLjcgNC4zLTQ5IDUuNy02OC42IDU1LjIgOC43IDQ5LjEtNzEuNi0zMy04MC4yIDE2MS45IDEuOSAzMDUuMiAxMDUuMSAzNTguMyAyNTcuOS0yLjUtMi4zLTUuNy0zLjgtOS4yLTQuMi0yNC44LTYyLTg1LTE3LjEtNjQuNiAzNy42LTEwOS40IDg0LjEtODEuNCAxNDIuOC00NS41IDE3Ni41IDE4LjkgMTcuNiAzNyA0NC4yIDQ4LjcgNjMuMi0xMi44IDM3LjMgNDcuMSAyMi40IDc2LjYtNDAuOEM4NDMgNzQ5IDczOC42IDg1MC4xIDYwNi41IDg4My43eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);background-size: contain;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 11px;
	left: 12px
}

.jc_hd_lang .lang-tit:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0;
	border-color: #fff transparent transparent;
	margin-left: 5px;
	vertical-align: -12px;
	opacity: .5
}

.jc_hd_lang .lang-list {
	display: none;
	position: absolute;
	top: 39px;
	left: 0;
	padding: 10px 0;
	background: #2a2e42;
	width: 100%;
	min-width: 106px
}

.jc_hd_lang .lang-list a {
	display: block;
	color: #fff;
	height: 36px;
	line-height: 36px;
	padding: 0 15px;
	text-align:center;
}

.jc_hd_lang .lang-list a.cur,.jc_hd_lang .lang-list a:hover {
	color: #3171ff
}

.jc_hd_lang .lang-list a.cur {
	cursor: default
}

.jdc-lang-tips {
	position: absolute;
	z-index: 200;
	top: 90px;
	left: 0;
	width: 100%;
	background: rgba(34,36,48,.7);
	color: #fff;
	font-size: 12px
}

.jdc-lang-tips .w {
	position: relative;
	padding: 20px 0
}

.jdc-lang-tips .lang-tips-icon {
	float: left;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin-right: 10px;
	padding-left: 30px
}

.jdc-lang-tips .lang-tips-icon i {
	font-size: 16px;
	color: #e9ab1d
}

.jdc-lang-tips .lang-tips-text {
	overflow: hidden;
	line-height: 18px;
	padding-right: 40px
}

.jdc-lang-tips .lang-tips-text .lang-tips-check-box {
	margin-top: 8px;
	color: #fff;
	display: inline-block;
	cursor: pointer
}

.jdc-lang-tips .lang-tips-close {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 24px;
	opacity: .5
}

.jdc-lang-tips .lang-tips-close:hover {
	opacity: .9
}

.jdc-lang-tips .lang-tips-check {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 2px;
	vertical-align: -3px;
	margin-right: 10px;
	position: relative
}

.jdc-lang-tips .lang-tips-check.is-checked {
	background: #3171ff
}

.jdc-lang-tips .lang-tips-check.is-checked:after {
	-webkit-transform: rotate(45deg) scaleY(1);
	-ms-transform: rotate(45deg) scaleY(1);
	transform: rotate(45deg) scaleY(1)
}

.jdc-lang-tips .lang-tips-check:after {
	box-sizing: content-box;
	content: "";
	border: 1px solid #fff;
	border-left: 0;
	border-top: 0;
	height: 9px;
	left: 6px;
	position: absolute;
	top: 2px;
	-webkit-transform: rotate(45deg) scaleY(0);
	-ms-transform: rotate(45deg) scaleY(0);
	transform: rotate(45deg) scaleY(0);
	width: 4px;
	-webkit-transition: -webkit-transform .15s ease-in .05s;
	transition: -webkit-transform .15s ease-in .05s;
	transition: transform .15s ease-in .05s;
	transition: transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

.jc_wrap_top {
	height: 50px;
	border-bottom: 1px solid rgba(239,239,239,.1)
}

.jc_wrap_bottom {
	height: 50px;
	position: relative
}

.jc_hd_search_btn {
	display: none
}

.jc_hd_search {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	margin-right: 10px;
	color: #fff;
	height: 39px
}

.jc_hd_search:hover {
	color: #3171ff
}

.jdc-search {
	position: relative;
	background: rgba(255,255,255,.05);
	width: 170px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.jdc-search .jdc-search-ipt {
	border: 1px solid transparent;
	outline: 0;
	background: 0 0;
	height: 39px;
	padding: 4px 54px 4px 10px;
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.jdc-search .jdc-search-ipt::-webkit-input-placeholder {
	color: #ccc
}

.jdc-search .jdc-search-ipt:-ms-input-placeholder {
	color: #ccc
}

.jdc-search .jdc-search-ipt:-moz-placeholder {
	color: #ccc
}

.jdc-search .jdc-search-ipt::-moz-placeholder {
	color: #ccc
}

.jdc-search .jdc-search-ipt::placeholder {
	color: #ccc
}

.jdc-search .jdc-search-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 39px;
	line-height: 39px;
	border: none;
	background: 0 0;
	outline: 0;
	text-align: center;
	cursor: pointer
}

.jdc-search .jdc-search-btn .i-search {
	font-size: 20px;
	color: #fff
}

.jdc-search .jdc-search-clear {
	display: none;
	position: absolute;
	top: 13px;
	right: 39px;
	width: 12px;
	height: 12px;
	line-height: 10px;
	text-align: center;
	font-size: 12px;
	color: #24252a;
	background: #373d59;
	border-radius: 100%;
	cursor: pointer
}

.jdc-search-dropdown {
	display: none;
	background: #2a2e42;
	padding: 10px 0
}

.jdc-search-dropdown .jdc-search-dropdown-tit,.jdc-search-dropdown h3 {
	font-size: 12px;
	color: #999;
	padding-left: 10px;
	margin-bottom: 5px
}

.jdc-search-dropdown li a {
	display: block;
	color: #fff;
	line-height: 24px;
	padding: 1px 10px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.jdc-search-dropdown li a:hover {
	color: #3171ff
}

.search-hover .jdc-search {
	width: 250px
}

.search-active .jdc-search {
	width: 250px;
	background: rgba(42,46,66,.6)
}

.search-active .jdc-search .jdc-search-ipt {
	border-color: #3171ff
}

.jc_hd_consultation {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	margin-right: 20px
}

.jc_hd_consultation a {
	color: rgba(255,255,255,.8)
}

.jc_hd_consultation a span {
	color: #fff
}

.jc_hd_consultation a:hover,.jc_hd_consultation a:hover span {
	color: #3171ff
}

.hd-dropdown-wrap {
	font-size: 14px;
	height: 540px;
	width: 1140px;
	margin: 0 auto;
	overflow: auto;
	padding: 0 30px;
	max-height: calc(100vh - 90px - 10px);
	background: url(https://img1.jcloudcs.com/portal/header/bg-menu-1200.png) no-repeat center top #fff
}

.hd-dropdown-col {
	width: 20%;
	float: left;
	box-sizing: border-box
}

.hd-dropdown-col .hd-dropdown-dl+.hd-dropdown-dl {
	padding-top: 0
}

.dropdown-product-col-right .hd-dropdown-dl+.hd-dropdown-dl {
	border-top: 1px solid #e1e2e4
}

.hd-dropdown-dl {
	padding: 20px 10px 20px 0;
	position: relative;
	z-index: 10
}

.hd-dropdown-dl dt {
	font-weight: 700;
	white-space: normal;
	font-size: 14px
}

.hd-dropdown-dl dt+dd {
	margin-top: 10px
}

.hd-dropdown-dl dd {
	line-height: 22px;
	padding: 5px 0;
	font-size: 14px;
	white-space: normal
}

.hd-dropdown-dl dd a {
	display: block
}

.hd-dropdown-dl dd p {
	color: #666;
	margin-top: 4px
}

.dropdown-product-wrap {
	font-size: 14px;
	max-width: 1200px;
	margin: 0 auto;
	background: url(https://img1.jcloudcs.com/portal/header/bg-menu-1200.png) no-repeat left top #fff
}

.dropdown-product-left {
	float: left;
	width: 205px;
	max-height: calc(100vh - 90px - 10px);
	height: 540px;
	background: rgba(229,229,229,.3)
}

.dropdown-product-right {
	overflow: auto;
	max-height: calc(100vh - 90px - 10px);
	height: 540px
}

.dropdown-product-search {
	position: relative;
	padding: 14px 10px
}

.dropdown-product-search .dropdown-search-ipt {
	border: 1px solid #e7e7e7;
	outline: 0;
	background: #fff;
	height: 32px;
	width: 100%;
	padding: 2px 28px;
	box-sizing: border-box;
	font-size: 12px
}

.dropdown-product-search .dropdown-search-icon {
	position: absolute;
	top: 20px;
	left: 17px;
	display: block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 18px;
	color: #9a9a9a
}

.dropdown-product-search .dropdown-search-clear {
	position: absolute;
	top: 23px;
	right: 20px;
	width: 14px;
	height: 14px;
	line-height: 13px;
	text-align: center;
	background: #ccc;
	color: #fff;
	font-size: 12px;
	border-radius: 50%;
	cursor: pointer
}

.dropdown-product-scroll {
	overflow: auto;
	height: calc(100% - 60px)
}

.dropdown-product-nav {
	padding: 0 0 20px;
	border-bottom: 1px solid #e7e7e7
}

.dropdown-product-nav li.active {
	background: #fff
}

.dropdown-product-nav li.active a {
	color: #3171ff
}

.dropdown-product-nav li a {
	padding: 17px 20px;
	line-height: 22px;
	white-space: normal;
	display: block;
	color: #333;
	font-size: 14px;
	font-weight: 700
}

.product-link {
	display: block;
	font-size: 14px;
	margin: 20px 0 20px 20px;
	color: #333
}

.all-link {
	display: inline-block;
	font-size: 12px;
	margin-top: 10px
}

.dropdown-product-body {
	height: 100%;
	padding: 0 0 0 20px
}

.dropdown-product-ct {
	min-height: 100%;
	display: none;
	overflow: hidden;
	position: relative
}

.dropdown-product-ct.dropdown-show {
	display: block
}

.dropdown-product-col {
	float: left;
	width: 22%;
	box-sizing: border-box
}

.dropdown-product-col-right {
	float: right;
	width: 30%;
	height: 100%;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px
}

.dropdown-product-col-right:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	bottom: 0;
	border-left: 1px solid #e5e5e5;
	background: rgba(229,229,229,.2);
	z-index: 1
}

.dropdown-product-ct-search {
	display: none
}

.dropdown-product-ct-search .dropdown-search-tit {
	padding-top: 20px
}

.dropdown-product-ct-search .dropdown-search-tit span {
	color: #666
}

.dropdown-product-ct-search .dropdown-search-tit span strong {
	font-weight: 400;
	color: #ff6d37
}

.dropdown-search-clear {
	display: none
}

.product-searching .dropdown-product-ct-search {
	display: block
}

.product-searching .dropdown-product-ct {
	display: none
}

.m-consultation {
	display: none;
	position: fixed;
	bottom: 70px;
	right: 5px;
	width: 50px;
	-webkit-transition: right .5s ease;
	transition: right .5s ease
}

.m-consultation.scrolling {
	right: -40px
}

.m-consultation a {
	display: block
}

.m-consultation img {
	vertical-align: top;
	max-width: 100%
}

.recommend-tit {
	font-size: 14px;
	font-weight: 700;
	margin-top: 36px
}

.jc_hd_login .Ynavi-msg-cnt {
	position: fixed;
	right: 10px;
	top: 60px;
	padding: 16px 20px;
	min-width: 320px;
	background: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,.4)
}

.jc_hd_login .Ynavi-msg-cnt h3 {
	height: 24px;
	margin: 0 0 16px;
	line-height: 24px
}

.jc_hd_login .Ynavi-msg-cnt h3 i {
	content: "";
	display: inline-block;
	width: 4px;
	height: 16px;
	margin: 0 8px 0 0;
	padding: 4px 10px;
	border-radius: 100%;
	background: #ff9600;
	text-align: center;
	line-height: 0;
	vertical-align: top
}

.jc_hd_login .Ynavi-msg-cnt h3 span {
	display: inline-block;
	height: 24px;
	color: #666;
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	vertical-align: top
}

.jc_hd_login .Ynavi-msg-cnt p {
	margin: 0 0 16px;
	padding: 0 0 0 32px;
	color: #666;
	font-size: 12px;
	line-height: 24px
}

.jc_hd_login .Ynavi-msg-cnt div {
	text-align: right
}

.jc_hd_login .Ynavi-msg-cnt div a {
	display: inline-block;
	height: 32px;
	padding: 0 24px;
	border-radius: 4px;
	background: #3171fe;
	color: #fff;
	font-size: 12px;
	line-height: 32px
}

.jdc-rwd .jc_wrap {
	width: auto
}

@media (min-width:769px) {
	.jdc-rwd .nav-m-menu-wrap,.jdc-rwd .nav-m-user-list {
		display: none!important
	}
}

@media (max-width:1260px) {
	.jdc-rwd .hd_menu_dropdown {
		width: auto;
		right: 0
	}

	.jdc-rwd .hd-dropdown-wrap {
		width: auto
	}

	.jdc-rwd .jdc-search {
		width: 120px
	}

	.jdc-rwd .search-active .jdc-search,.jdc-rwd .search-hover .jdc-search {
		width: 160px
	}
}

@media (max-width:768px) {
	.jdc-rwd .jc_wrap {
		height: 40px
	}

	.jdc-rwd .jc_wrap_top {
		height: 40px;
		border-bottom: 0
	}

	.jdc-rwd .jdc-lang-tips .lang-tips-icon {
		padding-left: 20px;
		margin-right: 10px
	}

	.jdc-rwd .jdc-lang-tips {
		top: 40px
	}

	.jdc-rwd .jc_hd {
		position: relative!important;
		background-color: #212330!important;
		height: 40px!important
	}

	.jdc-rwd .jc_hd_hover:before {
		content: none
	}

	.jdc-rwd .jc_hd_logo {
		margin: 7px 0 0 20px
	}

	.jdc-rwd .jdc-nav-m {
		display: block;
		position: absolute;
		right: 10px;
		top: 0;
		height: 100%;
		font-size: 0
	}

	.jdc-rwd .jdc-nav-m:after {
		content: '';
		display: inline-block;
		width: 0;
		height: 100%;
		vertical-align: middle;
		overflow: hidden
	}

	.jdc-rwd .nav-m-user-list {
		position: absolute;
		z-index: 201;
		top: 40px;
		left: 0;
		right: 0;
		padding-bottom: 30px;
		background-color: #212330;
		font-size: 16px;
		border-top: 1px solid rgba(255,255,255,.12)
	}

	.jdc-rwd .nav-m-user-item {
		line-height: 50px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		color: #fff
	}

	.jdc-rwd .nav-m-user-item .nav-m-user-text,.jdc-rwd .nav-m-user-item a {
		display: block;
		padding: 0 20px;
		color: #fff
	}

	.jdc-rwd .nav-m-user-item .nav-m-user-text:hover,.jdc-rwd .nav-m-user-item a:hover {
		color: #fff
	}

	.jdc-rwd .nav-m-user-item .nav-m-user-text em,.jdc-rwd .nav-m-user-item a em {
		font-size: 18px
	}

	.jdc-rwd .nav-m-user-item .text-warning {
		color: #ff9100;
		font-size: 18px
	}

	.jdc-rwd .nav-m-user-item .text-warning:hover {
		color: #ff9100
	}

	.jdc-rwd .nav-m-user-item dd {
		border-bottom: 1px solid rgba(255,255,255,.12)
	}

	.jdc-rwd .nav-m-user-item dd:last-child {
		border-bottom: 0 none
	}

	.jdc-rwd .nav-m-mask {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(0,0,0,.6);
		z-index: 999
	}

	.jdc-rwd .nav-m-btn-wrap {
		padding: 20px 20px 0
	}

	.jdc-rwd .nav-m-btn-item+.nav-m-btn-item {
		margin-top: 10px
	}

	.jdc-rwd .nav-m-menu-wrap {
		position: absolute;
		z-index: 201;
		top: 40px;
		left: 0;
		right: 0;
		padding-bottom: 30px;
		background-color: #212330;
		font-size: 14px;
		border-top: 1px solid rgba(255,255,255,.12)
	}

	.jdc-rwd .nav-m-menu-wrap .nav-m-btn-wrap {
		padding: 5px 20px;
		border-bottom: 1px solid rgba(255,255,255,.12)
	}

	.jdc-rwd .nav-m-menu a {
		display: block;
		margin-right: 50px;
		height: 100%;
		color: #fff;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.jdc-rwd .nav-m-menu .jc_hd_tag {
		margin-left: 8px;
		font-size: 14px;
		color: #dc3e06
	}

	.jdc-rwd .nav-m-tips {
		margin: 15px 20px 0;
		line-height: 26px;
		font-size: 16px;
		color: #666
	}

	.jdc-rwd .m-title-level-1,.jdc-rwd .m-title-level-2,.jdc-rwd .m-title-level-3,.jdc-rwd .m-title-level-4 {
		display: block;
		position: relative;
		color: #fff;
		height: 50px;
		line-height: 50px;
		padding-left: 20px;
		border-bottom: 1px solid rgba(255,255,255,.12)
	}

	.jdc-rwd .m-title-level-1 a,.jdc-rwd .m-title-level-1 a:hover,.jdc-rwd .m-title-level-2 a,.jdc-rwd .m-title-level-2 a:hover,.jdc-rwd .m-title-level-3 a,.jdc-rwd .m-title-level-3 a:hover {
		color: #fff
	}

	.jdc-rwd .m-title-level-2 {
		background: #1d1e2a;
		padding-left: 30px
	}

	.jdc-rwd .m-title-level-3 {
		padding-left: 40px
	}

	.jdc-rwd .m-title-level-4 {
		border-bottom: 0;
		padding-left: 40px
	}

	.jdc-rwd .m-title-level-4 a {
		margin-right: 20px;
		color: #999
	}

	.jdc-rwd .m-title-level-4 a:hover {
		color: #999
	}

	.jdc-rwd .m-menu-list {
		background-color: #181818
	}

	.jdc-rwd .m-menu-parent:after {
		content: '';
		position: absolute;
		top: 18px;
		border: 2px solid #d2d2d2;
		display: block;
		width: 6px;
		height: 6px;
		margin: auto;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		border-top: none;
		border-right: none;
		right: 22px
	}

	.jdc-rwd .m-menu-parent.active:after {
		top: 20px;
		border-bottom: none;
		border-left: none;
		border-right: 2px solid #d2d2d2;
		border-top: 2px solid #d2d2d2
	}

	.jdc-rwd .nav-m-search {
		display: block;
		padding: 10px;
		border-bottom: 1px solid rgba(255,255,255,.12)
	}

	.jdc-rwd .m-search-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.jdc-rwd .m-search-wrap .m-search-ipt {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		box-sizing: border-box;
		border: 1px solid rgba(255,255,255,.6);
		border-right: 0;
		background: 0 0;
		height: 40px;
		padding: 5px 35px 5px 10px;
		color: #fff
	}

	.jdc-rwd .m-search-wrap .m-search-btn {
		border: 1px solid #3171ff;
		background: #3171ff;
		color: #fff;
		width: 60px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		padding: 0;
		font-size: 14px
	}

	.jdc-rwd .m-search-wrap .m-search-clear {
		display: none;
		position: absolute;
		top: 11px;
		right: 70px;
		width: 18px;
		height: 18px;
		line-height: 16px;
		text-align: center;
		font-size: 18px;
		color: #212330;
		background: rgba(204,204,204,.5);
		border-radius: 100%
	}

	.jdc-rwd .m-consultation {
		display: block
	}
}