@charset "UTF-8";
/* +----------------------------------------------------------------------
// | ProKvm [ 专业云计算软件开发商 ]
// +----------------------------------------------------------------------
// | Copyright (c) 2022~2024 https://cloud.ackpet.com All rights reserved.
// +----------------------------------------------------------------------
// | Licensed ( https://www.xmbillion.com/ )
// +----------------------------------------------------------------------
// | Theme Name:  蓝色企业模板
// +----------------------------------------------------------------------
// | Author: 多彩云 <20233652@qq.com>
// +----------------------------------------------------------------------
// | version:3.2.4
// +----------------------------------------------------------------------
*/


.clear {
	zoom: 1
}


.head-nav-tag.red-outline {
    display: inline-block;
    width: 39px;
    border-radius: 4px;
    height: 14px;
    border: 1px solid #f64041;
    font-size: 9px;
    line-height: 12px;
    color: #f64041;
    text-align: center;
    margin-left: 3px;
}
.head-nav-tag-text {
    height: 12px;
    
    font-size: 12px;
    -webkit-transform: scale(0.8333333333);
    transform: scale(0.8333333333);
}
.clear:after {
	content: '';
	display: block;
	clear: both;
	font-size: 0
}
.dcy-footer-select {
  display: none;
}
.header-white .header-wrap_top{
 background: #fff;
}
.header-hd {
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 62px;
	line-height: 1.5;
	backdrop-filter: blur(5px);
	background-color: rgba(255,255,255,.8) !important;
}
     .brand {
    font-size: 14px; 
    line-height: 15px;
    color: #555;
    padding-left: 10px;
    position: relative;
    display: inline-block;
    vertical-align: middle; 
    border-left: 2px solid #eaeaea;
}

.header-wrap_top:hover{ 
    background: #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
}
.header-wrap {
	position: relative;
	z-index: 202;
	width: 100%;
	height: 62px;
	margin: 0 auto;
	font-size: 0;
	white-space: nowrap; 
   box-shadow: 0 2px 8px rgba(8,20,49,.1);
}

.header-hd_logo,.header-hd_menu {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle
}

.header-hd_logo {
	vertical-align: top; 
	margin-right: 10px;
	margin-left: 20px;
	position: relative
}

.header-hd_logo a {
	position: relative;
	overflow: hidden;
	display: block;
	width: 120px;
	height: 46px;
	height:62px;
    min-height: 62px;
	cursor: pointer;
	background: url(../images/logo.png) center no-repeat;
	background-size: 100%
}
.header-hd_logo:hover .collection-wrap {
    display: block !important;
}
.header-hd_logo .collection-wrap {
    width: 290px;
    height: 86px;
    background: url(https://www.qg.net/static_new_qs_theme/default-themes/home/image/logo/collection_img_new@2x.png) no-repeat 5px 5px;
    background-size: 280px 76px;
    position: absolute;
    top: 20px;
    left: -26px;
    display: none;
    z-index: -1;
    animation: collectionMove 2s infinite;
    -webkit-animation: collectionMove 2s infinite;
}
@keyframes collectionMove {
  0% {
    top: 10px;
  }
  50% {
    top: 20px;
  }
  to {
    top: 10px;
  }
}
.header-hd_logo .collection-wrap .collect {
    font-size: 14px;
    color: #AD5C47;
    position: absolute;
    bottom: 0px;
    left: 23px;
}

.header-hd_logo.header_logo_en a {
	width: 150px;
	background-image: url(../images/logo.png)
}

.header-hd_menu {
	height: 62px;
	/*overflow: hidden*/
}

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

.header-hd_menu_list {
	font-size: 0;
	white-space: nowrap;
	float: left;
	transition: all .25s ease
}

.header-hd_menu_list>li {
	display: inline-block
}
.header-hd_menu_list>li .glyphicon.glyphicon-chevron-down {
    transition: all 0.1s ease-in-out;
    transform: scale(0.8);
    font-size: 10px;
}
.header-hd_menu_list>li.active .glyphicon.glyphicon-chevron-down {
    transform: rotate(-180deg) scale(0.8);
}
.header-hd_list_item {
	display: block;
	position: relative;
	padding: 0px 12px;
	height: 62px;
	font-weight: 600;
	line-height: 62px;
	font-size: 15px;
	color: var(--dcydhzt); 
}

.header-hd_list_item:hover {
	color: var(--dcydhxz)
}

.header-hd_list_item:hover:after {
	opacity: 1
}

.header-hd_menu_list>li.active .header-hd_list_item {
	color: var(--dcydhxz);
}

.header-hd_menu_list>li.active .header-hd_list_item:after {
    z-index: 1;
	opacity: 1
}

.header-hd_list_item:hover:after{
     width: 100%;
}

.header-hd_list_item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 2px; 
    background: var(--dcyxhx);
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    margin: 0 auto;
}
 

.header-hd .header-hd_tag {
	ox-sizing: border-box;
    margin-left: -31px; 
    height: 12px;
    right: -12px;
   /* background: #fff;
    border: 1px solid #f64041;
    box-shadow: 2px 2px 4px 0 rgba(55,99,170,.31);*/
    border-radius: 4px;
    border-bottom-left-radius: 0;
    position: relative;
    top: -16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f64041;
    font-weight: bold; 
    line-height: 12px;
    display: inline-block; 
    font-size: 12px;
    font-weight: 400;
}

.hd_menu_dropdown {
	display: none;
	position: absolute;
	left: 0;
	top: 62px;
	border-top: 1px solid #ededed;
	padding: 0;
	width: 100%;
	font-size: 0
}

.hd_menu_dropdown:after {
	content: "";
    display: block;
    position: absolute;
    width: 20%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
}

.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: var(--dcydhzt);
	font-weight: 700;
	
}

.dropdown_title_ul .on .font-arr,.dropdown_title_ul .on .menu-second,.dropdown_title_ul .on .newfont {
	color: var(--dcydhzt)
}

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

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

.header-hd_operation {
	position: absolute;
	z-index: 10;
	right: 0;
	top: 0;
	height: 62px;
	padding-left: 300px
}

.header-hd_login,.header-hd_operation>a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-size: 14px;
	cursor: pointer;
	color: var(--dcydhzt)
}

.header-hd_operation>a { 
    height: 34px;
    font-weight: 600;
    line-height: 34px;
	cursor: pointer;
    padding: 0 12px;
}

.header-hd_operation .header-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
}

.header-hd_news i {
	display: none
}

.header-hd_operation .gotNews {
	position: relative;
	color: var(--dcydhzt)
}

.header-hd_operation>a:hover {
	color: var(--dcydhxz)
}

.header-hd_operation .header-hd_news:hover {
	color: #999;
	background: #111
}

.header-hd_operation .gotNews:hover {
	color: var(--dcydhxz)
}

.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: var(--dcydhzt);
	background: #f51c3a
}

.header-hd_console {
	padding: 0 10px
}

.header-hd_operation .header-hd_console:hover {
	color: var(--dcydhxz)
}

.header-hd_login {
	height: 61px; 
}
.header-hd_lang {
	height: 60px; 
}
.header-hd_log_lang .user_mng {
	position: relative;
	display: block; 
	height: 60px;
	line-height: 60px;
	color: var(--dcydhzt);
	
}

.header-hd_log_lang .user_mng:hover {
	color:var(--dcydhxz)
}

.header-hd_log_lang .user_mng img {
	display: black;
	float: left;
	margin-top: 10px;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 2px solid #d9edf7;
	border-radius: 50%
}

.header-hd_log_lang .user_mng>b {
	float: left;
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--dcydhzt);
	white-space: nowrap
}

.header-hd_log_lang .user_dropdown .user-chk {
    height: 22px;
    line-height: 22px;
    color: #252B3A;
    font-weight: 600;
    font-size: 14px;
    width: 82px;
    margin-bottom: 8px;
}

.header-hd_log_lang .user_dropdown .user-chk .chk-name {
	display: block;
	font-size: 14px;
	color: var(--dcydhxz);
    font-weight: 800;
}

 

.header-hd_log_lang:hover .user_mng {
	background: #fff;
    z-index: 1
}

.header-hd_log_lang:hover .user_dropdown {
	display: block;
	*zoom: 1
}

.header-hd_log_lang:hover .log_in_arr {
	border-width: 0 4px 4px;
	border-color: transparent transparent var(--dcyanxz)
}

.header-hd_log_lang .log_in_arr {
	position: absolute;
	top: 28px;
    right: -15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0;
	border-color: #666 transparent transparent
}

.header-hd_log_lang .user_dropdown { 
    display: none;
    position: absolute;
    right: -80px;
    top: 61px;
    padding: 16px 16px 0;
    width: 190px;
    background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 4px; 
}

.head-lang-en .header-hd_log_lang .user_dropdown {
	width: 280px
}

.header-hd_log_lang .user_dropdown ul {
	padding-bottom: 0px
}

.header-hd_log_lang ul a {
	display: block;
	line-height: 32px;
	color: #495770;
	cursor: pointer;
	font-size: 14px
}

.header-hd_log_lang ul a b {
	float: right;
	margin-top: 7px;
	padding: 0 6px;
	line-height: 18px;
	font-weight: 400;
	border-radius: 9px;
	background: var(--dcyans);
	color: #fff
}

.header-hd_log_lang li a:hover {
	color: var(--dcydhxz)
}

.header-hd_log_lang li a:hover b {
	color: #fff
}

.header-hd_log_lang .user_quit_wrap {
	padding: 15px 0;
	border-top: 1px solid #eee
}

.header-hd_log_lang .user_quit,.header-hd_log_lang .user_reset {
	float: right;
	line-height: 20px;
	color: var(--dcydhzt);
	font-size: 14px
}

.header-hd_log_lang .user_reset {
	float: left
}

.header-hd_log_lang .user_quit:hover,.header-hd_log_lang .user_reset:hover {
	color: var(--dcydhxz)
}

.header-hd_log_lang .user-tag {
    position: absolute;
    right: 0px;
    top: 0;
    color: #536078;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-hd_log_lang .user-tag .num {
   color: var(--dcydhzt);
}
.header-hd_log_lang .user-wtag-text {
    font-size: 14px;
    color: #98A3B7;
    text-align: center;
}
 
 
.header-hd_log_lang .user-mtag-text {
    font-size: 14px;
    color: var(--dcydhzt);
    text-align: center;
}
 
.header-hd_log_lang .icon-w-name {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: -2px;
    background-image: url(../images/icon-real-name-m.6aed74e4.svg);
    background-size: cover;
    margin-right: 4px;
}

.header-hd_log_lang .icon-m-name {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: -2px;
    background-image: url(../images/icon-real-name-m-cur.ad5f6851.svg);
    background-size: cover;
    margin-right: 4px;
}
.header-hd_log_lang .user_dropdown ul li{
  position: relative;
    display: block; 
    font-size: 14px;
    color: #495770; 
}

.line {
    background: #d6d6d6;
    height: 14px;
    margin: 0 16px;
    width: 1px;
}
.header-hd_log_in .user_mng {
	position: relative;
	display: block;
	padding: 0px 20px 0 12px;
	height: 60px;
	line-height: 60px;
	color: var(--dcydhzt);
	
}

.header-hd_log_in .user_mng:hover {
	color: var(--dcydhxz)
}

.header-hd_log_in .user_mng img {
	display: black;
	float: left;
	margin-top: 10px;
	margin-right: 8px;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 2px solid #d9edf7;
	border-radius: 50%
}

.header-hd_log_in .user_mng>b {
	float: left;
	max-width: 100px;
	margin-top: 0px;
	color: var(--dcydhxz);
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: 'dcynews';
	white-space: nowrap
}

.header-hd_log_in {
	position: relative;
	margin-right: 12px
}

.header-hd_log_in:hover .user_mng {
	background: #fff;
 
	z-index: 1
}

.header-hd_log_in:hover .user_dropdown {
	display: block;
	*zoom: 1
}

.header-hd_log_in:hover .log_in_arr {
	border-width: 0 4px 4px;
	border-color: transparent transparent var(--dcyanxz)
}

.header-hd_log_in .log_in_arr {
	position: absolute;
	top: 28px;
    right: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0;
	border-color: #666 transparent transparent
}

.header-hd_log_in .user_dropdown { 
    display: none;
    position: absolute;
    right:0px;
    top: 62px;
    padding: 16px 16px 0;
    width: 280px;
    background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 4px; 
}

.head-lang-en .header-hd_log_in .user_dropdown {
	width: 280px
}

.header-hd_log_in .user_dropdown ul {
	padding-bottom: 10px
}

.header-hd_log_in ul a {
	display: block;
	cursor: pointer;
	line-height: 32px;
	color: var(--dcydhzt);
	font-size: 14px
}

.header-hd_log_in ul a b {
	float: right;
	margin-top: 7px;
	padding: 0 6px;
	line-height: 18px;
	font-weight: 400;
	border-radius: 9px;
	background: var(--dcyans);
	color: #fff
}

.header-hd_log_in li a:hover {
	color: var(--dcydhxz)
}

.header-hd_log_in li a:hover b {
	color: #fff
}

.header-hd_log_in .user_quit_wrap {
	padding: 15px 0;
	border-top: 1px solid #eee
}

.header-hd_log_in .user_quit,.header-hd_log_in .user_reset {
	float: right;
	line-height: 20px;
	color: var(--dcydhzt);
	font-size: 14px
}

.header-hd_log_in .user_reset {
	float: left
}

.header-hd_log_in .user_quit:hover,.header-hd_log_in .user_reset:hover {
	color: var(--dcydhxz)
}

.header-hd_log_in .user-tag {
    position: absolute;
    right: 0px;
    top: 0;
    color: #536078;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-hd_log_in .user-tag .num {
   color: var(--dcydhzt);
       font-family: "dcynews";
}
.header-hd_log_in .user-tag .user-money{
      color: #ff6666;
      font-family: "dcynews";
}
.header-hd_log_in .user-wtag-text {
    font-size: 14px;
    color: #98A3B7;
    text-align: center;
}
 
 
.header-hd_log_in .user-mtag-text {
    font-size: 14px;
    color: var(--dcydhxz);
    text-align: center;
}
 
.header-hd_log_in .icon-w-name {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: -2px;
    background-image: url(../images/icon-real-name-m.6aed74e4.svg);
    background-size: cover;
    margin-right: 4px;
}

.header-hd_log_in .icon-m-name { 
    display: inline-block;
    vertical-align: 0px; 
    background-size: cover;
    margin-right: 4px;
    font-size: 14px;
}
.header-hd_log_in .user_dropdown ul li{
  position: relative;
    display: block; 
    font-size: 14px;
    color: #495770; 
}

.user_dropdown .user_balance {
	margin-bottom: 5px
}

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

.user_dropdown .user_balance dd {
	padding: 0
}

.user_dropdown .user_balance .user_money {
	float: left;
	line-height: 22px;
	font-size: 14px;
	color: var(--dcydhzt);
	margin-top: 6px
}

.user_dropdown .user_balance .user_money2 {
	color: var(--dcydhzt)
}

.user_dropdown .user_balance .user_recharge {
	float: right;
	padding: 0 5px;
	min-width: 70px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	border: 1px solid #337dff;
	color: var(--dcydhzt)
}

.user_dropdown .user_balance .user_recharge:hover {
	color: rgba(225,37,27,.8);
	border-color: rgba(225,37,27,.8)
}

.user_dropdown .user-tip {
	background-color: #FFFCF2;
	border-radius: 2px;
	padding: 8px 8px 8px 32px;
	border: 1px solid #FFCD61;
	margin-bottom: 14px
}

.user_dropdown .user-tip .tip-txt {
	position: relative;
	font-size: 14px;
	color: #000;
	white-space: initial
}

.user_dropdown .user-tip .tip-txt::after {
	position: absolute;
	left: -21px;
	top: 2px;
	content: '';
	width: 16px;
	height: 16px;
	background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='a'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 1.000000 0 0 0 0 0.611765 0 0 0 0 0.000000 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1zm0 5.1a.5.5 0 0 0-.5.5v5l.008.09a.5.5 0 0 0 .992-.09v-5l-.008-.09A.5.5 0 0 0 8 6.1zm0-2.2a.7.7 0 1 0 0 1.4.7.7 0 0 0 0-1.4z' fill='%23000' transform='matrix(1 0 0 -1 0 16)' filter='url(%23a)' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.user_dropdown .user-tip .tip-link {
	display: inline-block;
	font-size: 14px;
	color: #2C68FF;
	margin-left: 4px
}

.user_dropdown .user-chk {
	margin-bottom: 14px;
	padding-bottom: 14px;
	border-bottom: 2px solid #fff
}

.user_dropdown .user-chk .chk-name {
	display: block;
	font-size: 14px;
	font-family: 'dcynews';
	color: #252b3a
}

.user_dropdown .user-chk .chk-status {
	display: block;
	font-size: 14px;
	color: var(--dcydhzt)
}

.user_dropdown .user-chk .status-type2 {
	color: #0ED57D
}

.user_dropdown .user-chk .status-type3 {
	color: #FF9C00
}

.header-hd_log_out {
	display: none;
    margin-right: 12px;
    font-size: 14;
    padding-top: 14px;
}

.header-hd_log_register {
	di1splay: block;
    box-sizing: border-box;
    height: 70px;
    padding: 0 20px;
    font-size: 14px;
    color: #fff;
    line-height: 70px;
    background: var(--dcydhzt);
    color: #fff;
    cur1sor: pointer;
    
}

.header-hd_log_out a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding: 0 12px;
	color: var(--dcydhzt);
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	line-height: 32px
}

.header-hd_log_out a:hover {
	color: var(--dcydhxz)
}

.header-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
}

.header-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;
	padding: 8px 0;
	left: auto;
	right: auto!important;
	background: #fff;
	box-shadow: 0 0 9px 0 rgba(64,87,219,.1)
}

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

.head-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
}

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

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

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

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

.head-waterfall ul li a:hover {
	color: var(--dcydhxz)
}

.head-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
}

.header-hd_menu_list .help-hot {
	background: 0 0;
	display: inline-block;
	color: var(--dcydhzt);
	font-size: 12px;
	padding: 0 3px;
	border-radius: 2px;
	margin-left: 5px;
	line-height: 15px
}

.header-hd_menu_list .help-grey {
	color: #999
}

.header-hd_menu_list .help-org {
	color: var(--dcydhzt)
}

.header-hd_log_out .header-reg {
	margin-left: 10px;
	padding: 0 15px;
	height: 32px;
	line-height: 32px;
	min-width: 54px;
	color: #fff;
	background: var(--dcyans);
	border-radius: 16px;
	text-align: center
}

.header-hd_log_out .header-reg:hover {
	background: rgba(225,37,27,.8);
	color: #fff
}

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

.header-hc_upgrade a {
	display: block;
	height: 26px
}

.header-hc_upgrade a i {
	font-size: 16px
}

.header-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: var(--dcyans);
	padding: 0 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-left: -104px
}

.header-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 #337dff
}

.header-hc_upgrade:hover i {
	color: var(--dcydhxz)
}

.header-hc_upgrade:hover .upgrade_tips {
	display: block
}

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

.user_subUser dd,.user_subUser dt {
	line-height: 20px
}

.user_subUser .user_subUser_name {
	color: var(--dcydhzt)
}

.header-hd_menu_list .head-menu-more,.head-nav-m {
	display: none
}

.head-nav-btn,.nav-m-user,.nav-m-msearch {
	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: var(--dcydhzt)
}

.nav-msearch-icon {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	font-size: 24px;
	line-height: 1;
	color: var(--dcydhzt)
}
.head-nav-btn span {
	display: block;
	width: 20px;
	height: 2px;
	position: relative;
	background: var(--dcydhzt);
	border-radius: 4px;
	z-index: 1;
	-webkit-transform-origin: 20px;
	-ms-transform-origin: 20px;
	transform-origin: 20px;
	transition: background .5s cubic-bezier(0.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(0.77,.2,.05,1),width .5s
}

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

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

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

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

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

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

.header-hd_lang {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #fff; 
	
    padding: 0 16px;
	position: relative
}
.header-hd_lang .user_dropdown .bottom {
	margin-bottom: 15px;
	padding-bottom: 0px; 
	border-bottom: 2px solid #DFE1E6;
}

.header-hd_lang .user_dropdown .user-chk {
	margin-bottom: 8px;
	padding-bottom: 0px; 
	border-bottom: 0px solid #fff;
}

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

.header-hd_lang:hover .lang-list {
	display: block
}

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

.header-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
}

.header-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
}

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

.header-hd_lang .lang-list a {
	display: block;
	color: #fff;
	height: 36px;
	line-height: 36px;
	cursor: pointer;
	padding: 0 15px
}

.header-hd_lang .lang-list a.cur,.header-hd_lang .lang-list a:hover {
	color: var(--dcydhxz)
}

.header-hd_lang .lang-list a.cur {
	
}

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

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

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

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

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

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

.head-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
}

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

.head-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
}

.head-lang-tips .lang-tips-check.is-checked {
	background: #4762fe
}

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

.head-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;
	-ms-transform: rotate(45deg) scaleY(0);
	transform: rotate(45deg) scaleY(0);
	width: 4px;
	transition: transform .15s ease-in .05s;
	-ms-transform-origin: center;
	transform-origin: center
}

.header-wrap_top {
	height: 62px;
	position: relative;
	z-index: 10
}

.header-wrap_bottom {
	height: 49px;
	position: relative
}

.header-wrap_bottom .header-hd_menu_list {
	display: inline-block;
	vertical-align: middle
}

.header-wrap_bottom .menu-tit {
	display: inline-block;
	vertical-align: middle;
	color: var(--dcydhzt);
	font-size: 16px;
	padding: 0 10px 0 20px
}

.header-wrap_bottom .hd_menu_dropdown {
	top: 49px
}

.head-search-result .head-search-tag {
    margin-left: 12px;
}
.head-search-tag.blue-outline {
    background: transparent;
    border-radius: 2px;
    box-shadow: none;
    background: var(--dcyans);
    color: #fff;
}
.head-search-tag.blue-outline:before {
    background: var(--dcyans);
    border-radius: 1px;
    content: "";
    height: 7px;
    left: -4px;
    position: absolute;
    transform: rotate(45deg);
    width: 7px;
}
.head-search-tag.red-outline {
    background: transparent;
    border-radius: 2px;
    box-shadow: none;
    background: #f33e3e;
    color: #fff;
}
.head-search-tag.red-outline:before {
    background: #f33e3e;
    border-radius: 1px;
    content: "";
    height: 7px;
    left: -4px;
    position: absolute;
    transform: rotate(45deg);
    width: 7px;
}
.head-search-tag {
   box-sizing: border-box;
    margin-left: 8px;
    padding: 0 4px;
    height: 15px;
    background: #fff; 
    box-shadow: 2px 2px 4px 0 rgba(55,99,170,.31);
    background: #fff;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    position: relative;
    top: -1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f64041; 
    font-size: 9px;
    line-height: 9px;
}

.header-hd_search_btn {
	display: none
}

.header-hd_search {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	color: #fff;
	height: 62px
}

.header-hd_search:hover {
	color:var(--dcydhxz)
}

.head-search {
	position: relative;
	width: 300px;
	padding: 10px 16px
}

.head-search .head-search-mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	z-index: 3;
	cursor: pointer
}

.head-search .head-search-ipt { 
	outline: 0;
	background: #f7f9fb;
	height: 40px;
	padding: 4px 52px 4px 12px;
	width: 100%;
	box-sizing: border-box;
	color: var(--dcydhzt);
	border-top-width: 1px; 
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid; 
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgba(155, 166, 183, 0.4); 
    border-bottom-color: rgba(155, 166, 183, 0.4);
    border-left-color: rgba(155, 166, 183, 0.4);
	font-size: 14px
}

.head-search .head-search-ipt::-webkit-input-placeholder {
	color: #7f76ff
}

.head-search .head-search-ipt:-ms-input-placeholder {
	color: #7f76ff
}

.head-search .head-search-ipt:-moz-placeholder {
	color: #7f76ff
}

.head-search .head-search-ipt::-moz-placeholder {
	color: #7f76ff
}

.head-search .head-search-ipt::placeholder {
	color: #7f76ff
}

.head-search .head-search-btn {
	position: absolute; 
	right: 16px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: none;
	background-color: #f7f9fb;
	outline: 0;
	text-align: center;
	border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: rgba(155, 166, 183, 0.4);
    border-right-color: rgba(155, 166, 183, 0.4);
    border-bottom-color: rgba(155, 166, 183, 0.4);
	z-index: 1
}

.head-search i,
.head-search i{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-top: -5px; 
	color: var(--dcydhxz);
	vertical-align: middle
}


.head-search .i-clear {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMTZ2MTZIMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48ZyBtYXNrPSJ1cmwoI2IpIiBzdHJva2U9IiM4QzhDOEMiIHN0cm9rZS13aWR0aD0iMS41Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIj48cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik0xMC40MTcgMTEuMDk4bDIuNDA0IDIuNDA0Ii8+PGNpcmNsZSBjeD0iNi41IiBjeT0iNi41IiByPSI1Ljc1Ii8+PC9nPjwvZz48L2c+PC9zdmc+)
}

.head-search .head-search-clear {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 12px;
	color: #595959;
	
	background-color: #e5e5e5
}

.head-search .head-search-clear:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 16px;
	margin-top: -8px;
	background-color: #D9D9D9
}

.head-search-dropdown {
	display: none;
	background: #fff;
	padding: 1px 0 10px;
	box-shadow: 0 2px 16px 0 rgba(0,0,0,.1)
}
.head-search-dropdown .beforeInput-block {
    margin-bottom: 12px;
    
}
.head-search-dropdown .head-search-dropdown-tit,.head-search-dropdown h3 {
	font-size: 14px;
	color: #666;
	padding-left: 16px;
	margin-bottom: 5px
}

.head-search-dropdown li a {
	display: block;
	color: var(--dcydhzt);
	line-height: 32px;
	padding: 0 16px;
	transition: all .25s ease
}

.head-search-dropdown li a:hover {
	color: var(--dcydhxz)
}

.search-hover .head-search {
	width: 270px
}

.search-active {
	left: -200px;
	box-shadow: 0 2px 16px 0 rgba(0,0,0,.1)
}

.search-active .head-search {
	width: 485px;
	background: #fff
}

.search-active .head-search .head-search-ipt {
	border: 1px solid var(--dcyanb);
	border-radius: 4px;
	background-color: #fff
}

.search-active .head-search .head-search-btn {
	z-index: 1;
	background: 0 0
}

.search-active .head-search .head-search-mask {
	display: none
}
.hd-dropdown-dl dd .header-other-item-title:hover {
    color: #252b3a;
}
.hd-dropdown-dl dd .header-other-item-title {
    color: #222;
    font: 600 14px/22px PingFangSC-Semibold;
    margin-bottom: 4px;
}
.hd-dropdown-dl dd .header-other-item-desc {
    color: rgba(34,34,34,.7);
    font: 400 12px/20px PingFangSC-Regular;
    
} 
.hd-dropdown-dl dd .header-left-extends {
    width: 238px;
}
.hd-dropdown-dl dd .header-left-desc {
    box-sizing: border-box;
    color: rgba(34,34,34,.7);
    font: 400 14px/22px PingFangSC-Regular;
    padding-right: 24px;
}
.header-left-extends {
    box-sizing: border-box;
    padding-right: 24px;
    white-space: pre-line;
    position: absolute;
    bottom: 30px;
    color: #000;
    font-weight: 600;
    font-family: "dcynews";
}
.header-hd_consultation {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: var(--dcyans);
	width: 96px;
    height: 62px;
    line-height: 62px;
    display: inline-block;
    /* font-size: 16px; */
    /* font-weight: 700; */
    vertical-align: middle;
    border: 0px solid  var(--dcyans);
    border-radius: 0px;
    position: relative;
    overflow: hidden;
}

.header-hd_consultation a {
	display: block;
	color: #fff;
	padding: 1px;
	position: relative;
    top: -1px;
	height: 32px
}
.header-hd_consultation a:hover {
	display: block;
	color: #fff;
	padding: 1px;
	height: 32px
}
.header-hd_consultation a:hover .hc-bg {
	left: -20px;
	width: calc(100% + 40px);
	height: calc(100% + 30px);
	border-radius: 20px
}

.header-hd_consultation a:hover .hc-txt1 {
	opacity: 1
}

.header-hd_consultation a:hover .hc-txt2 {
	opacity: 0
}

.header-hd_consultation a .hc-bg {
	position: absolute;
	top: 50%;
	left: 4px;
	width: 32px;
	height: 32px;
	background: linear-gradient(90deg,#337dff 0,#fd441f 100%);
	border-radius: 16px;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	transition: all .4s ease
}

.header-hd_consultation a i {
	position: relative;
	vertical-align: top;
	display: inline-block;
	padding: 8px;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	border-radius: 50%;
	overflow: hidden;
	z-index: 2
}

.header-hd_consultation a i img {
	vertical-align: top;
	width: 100%;
	height: 100%
}

.header-hd_consultation a span {
	vertical-align: top;
	display: inline-block;
	z-index: 2
}

.header-hd_consultation a .hc-txt1 {
	position: absolute;
	top: 4px;
	left: 58px;
	right: 0;
	opacity: 0;
	color: #fff;
	transition: all .2s ease .2s
}

.header-hd_consultation a .hc-txt2 {
	position: relative;
	opacity: 1;
	transition: all .2s ease .2s
}

.scroll-btn {
	
	display: none;
	position: absolute;
	top: 0;
	left: 194px;
	z-index: 1;
	height: 70px;
	width: 50px;
	background: linear-gradient(90deg,rgba(255,255,255,0)0,#fff 60%,#fff 100%)
}

.scroll-btn i {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 7px;
	display: block;
	background: url(../image/hd-arr.png) no-repeat center;
	width: 14px;
	height: 14px;
	background-size: cover
}

.scroll-btn-left {
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1)
}

.scroll-btn-right {
	left: 842px
}

.hd-dropdown-wrap {
	position: relative;
	font-size: 14px;
	height: 552px;
	width: 1576px;
	margin: 0 auto;
	/*overflow: auto;*/
	position: relative;
    z-index: 2;
	max-height: calc(100vh - 70px - 10px)
}
.hd-dropdown-col-right {
    padding-left: 16px;
}

 
.hd-dropdown-col {
	width: 19%;
	float: left;
	box-sizing: border-box
    
}
.hd-dropdown-col-right{
	width: 22%;
    
}
.hd-dropdown-col .hd-dropdown-dl+.hd-dropdown-dl {
	padding-top: 0
}
 .dd-all-link{
   margin: 0px 0; 
}


.dd-all-a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 220px;
    cursor: pointer;
}
.dd-all-a:hover .dd-all-text {
    color: var(--dcydhxz);
}
.dd-all-tag{
    display: block;
    box-sizing: border-box;
    margin-right: 8px;
    min-width: 56px;
    height: 18px;
    background: #fff;
    border: 1px solid var(--dcyanb);
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    color: var(--dcydhxz);
    padding: 0 4px;
    text-align: center;
    display:inline-block;
    margin-right:8px;
}

.dd-all-text{ 
    width: 1px;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis; 
    line-height: 20px;
    color: #181818;
}
.dropdown-product-col-right .hd-dropdown-dl+.hd-dropdown-dl {
	border-top: 1px solid #e1e2e4
}

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

.hd-dropdown-dl dt {
	font-weight: 700;
	white-space: normal;
	width: 100%;
    color: var(--dcydhxz);
    font-size: 14px;
    cursor: pointer;
    line-height: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid  #d6dbe3;  
}
.hd-dropdown-dl dt i { 
    box-sizing: border-box;
    font-size: 16px;
    color: var(--dcydhxz);
    margin-left: 5px;
    margin-top: 2px;
    /* top: 2px; */
    position: absolute;
        -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    
    
}
.hd-dropdown-dl dt:hover i {
    margin-left: 8px;
}

.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 .solution{
	line-height: 22px;
	padding: 5px 0;
	font-size: 14px;
	white-space: normal
}

.hd-dropdown-dl dd a {
    color:#252b3a;
	display: block
}

.hd-dropdown-dl dd a:hover {
        color:var(--dcydhxz);
      cursor: pointer;
}
.hd-dropdown-dl dd a:hover .header-other-item-title{
        color:var(--dcydhxz);
      cursor: pointer;
}
.hd-dropdown-dl dd .header-other-item-title .tag {
    color: var(--dcydhzt);
    padding-left: 10px;
    font-size: 13px;
}
.hd-dropdown-dl dd p {
	color: #666;
	margin: 4px 0 0px;
}

.dropdown-product-wrap {
	font-size: 14px;
	max-width: 1576px;
	position: relative;
    z-index: 2;
	margin: 0 auto
}

.dropdown-product-left {
	float: left;
	width: 20%;
	max-height: calc(100vh - 70px - 10px);
	height: 600px
}
.dropdown-product-left {
    padding: 24px;
}
.dropdown-product-scroll .about-tit {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #252b3a;
}
.dropdown-product-scroll .about-txt {
    margin: 16px 0;
    font-size: 14px;
    line-height: 22px;
    color: #595959;
}
.dropdown-product-scroll .dropdown-product-menu-entry {
    position: relative;
    display: flex;
    justify-content: center;
    color: #181818;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    align-items: center;
    border: 1px solid #d7dbe2;
    margin-bottom: 12px;
    padding: 5px 0;
        -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}
.dropdown-product-scroll .dropdown-product-menu-entry:hover {
    border: 1px solid #fff;
    background: var(--dcyanxz);
}
.dropdown-product-scroll .dropdown-product-menu-entry:hover {
    color: #fff;
}

.dropdown-product-scroll .dropdown-product-menu-entry:hover {
    text-decoration: none;
}
.dropdown-product-scroll .dropdown-product-menu-i {
    display: inline-block;
    margin-left: 8px;
    font-size: 16px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}
.dropdown-product-menu-entry:hover .dropdown-product-menu-i {
      margin-left: 12px;
}
.dropdown-product-scroll {
    white-space: normal;
    box-sizing: border-box;
}
.dropdown-product-right {
	overflow: auto;
	max-height: calc(100vh - 70px - 10px);
	height: 100%
}

.dropdown-product-scroll {
	overflow: auto;
	height: calc(100%)
}
@keyframes scDonghua01{
	0%{width:0}
	to{width:100%}
}

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

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

.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: 25%;
	box-sizing: border-box
}

.dropdown-product-col .hd-dropdown-dl {
	padding: 24px 10px 24px 0
}

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

.dropdown-product-col-right:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0%;
	bottom: 0;
	border-left: 0px solid #e5e5e5;
	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,.search-result-box {
	display: none
}

.product-searching .search-result-box {
	display: block
}

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

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

.m-consultation .m-consultation-mask {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: 0 0
}

.m-consultation a {
	display: block
}

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

.m-consultation .cu-sub {
	display: none;
	position: absolute;
	bottom: 64px;
	right: 16px;
	width: 260px;
	padding: 24px 24px 20px;
	background: #fff;
	box-sizing: border-box;
	border-radius: 2px;
	box-shadow: 0 4px 6px 1px rgba(166,138,138,.1);
	z-index: 1
}

.m-consultation .cu-sub .cu-item {
	position: relative;
	padding-left: 32px;
	line-height: 20px;
	font-size: 12px
}

.m-consultation .cu-sub .cu-item .cu-icon {
	position: absolute;
	top: 2px;
	left: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.388 15.334h-.546c-.146 0-.508-.008-.647-.028a5.932 5.932 0 0 1-3.06-1.371 5.935 5.935 0 0 1-1.323-1.6 5.81 5.81 0 0 1-.744-2.305 5.93 5.93 0 0 1 .48-3.074A5.974 5.974 0 0 1 10.31 3.41a5.94 5.94 0 0 1 3.715 1.559 5.947 5.947 0 0 1 1.817 3.164c.058.26.09.526.116.792a.3.3 0 0 1-.074.231 6.129 6.129 0 0 1-1.703 1.437 6.153 6.153 0 0 1-2.266.75c-.178.024-.29.004-.386-.178-.146-.28-.406-.426-.723-.452-.5-.04-1.002-.018-1.501-.014a.953.953 0 0 0-.84.476.885.885 0 0 0-.136.452c-.004.141-.002.281 0 .423.002.488.438.932.926.938.501.004 1 .004 1.502 0 .368-.002.728-.262.864-.63.044-.12.112-.154.232-.164a6.849 6.849 0 0 0 3.82-1.61c.037-.033.069-.075.115-.099.05-.026.074-.012.072.046a5.876 5.876 0 0 1-.636 1.753c-.281.512-.63.974-1.047 1.377a5.926 5.926 0 0 1-3.314 1.643 7.397 7.397 0 0 1-.475.03z' fill='%23337dff'/%3E%3Cpath d='M19.999 11.213c-.05.166-.102.328-.216.464a.981.981 0 0 1-.78.38c-.579.003-1.157 0-1.736.003-.076 0-.086-.028-.086-.092.002-1.42-.002-2.844.004-4.265a2.05 2.05 0 0 0-.126-.745c-.925-2.518-2.674-4.155-5.258-4.883-.734-.206-1.487-.266-2.25-.23-3.039.14-5.663 2.117-6.698 4.901a.574.574 0 0 0-.038.21c0 1.665 0 3.33.004 4.994 0 .094-.028.11-.114.11-.558-.004-1.115-.002-1.673-.002-.515 0-.905-.317-1.015-.825-.002-.008-.01-.014-.016-.02V7.559c.046-.517.55-.889 1.041-.871.162.006.324-.002.486.002.082.002.124-.026.15-.104.13-.384.284-.76.467-1.12a8.885 8.885 0 0 1 1.19-1.774 8.693 8.693 0 0 1 2.294-1.887 8.447 8.447 0 0 1 3.01-1.04C9.17.667 9.749.667 9.749.667h.225c.845 0 1.649.176 1.913.232.751.154 1.457.44 2.132.801a8.76 8.76 0 0 1 4.125 4.84c.05.147.05.147.208.147h.64c.423.002.803.262.959.654.028.07.026.145.046.217.002 1.218.002 2.435.002 3.654z' fill='%23337dff'/%3E%3C/svg%3E") no-repeat center;
	background-size: 20px auto;
	vertical-align: top
}

.m-consultation .cu-sub .cu-item .cu-icon.cu-icon-1 {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.686 12.087s6.602 6.664 10.127 4.664c0 0 1.085-.947 1.31-2.39.023-.143-.262-.325-.35-.395a11.12 11.12 0 0 0-.92-.63c-.749-.478-1.518-.923-2.283-1.376-.24-.143-.503-.306-.788-.226a2.503 2.503 0 0 0-.486.177c-.538.282-.98.546-1.562.81 0 0-.93-.073-3.149-2.32-2.358-2.386-2.426-3.17-2.426-3.17.307-.435.586-.89.818-1.37.1-.207.237-.406.296-.632.059-.226-.063-.388-.164-.587a27.86 27.86 0 0 0-.719-1.31c-.432-.746-.872-1.522-1.424-2.187-.058-.07-.194-.277-.305-.27C2.436.958 1.23 2.184 1.23 2.184c-1.897 3.468 4.457 9.903 4.457 9.903z' fill='%23337dff'/%3E%3C/svg%3E")
}

.m-consultation .cu-sub .cu-item .cu-icon.cu-icon-2 {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Cpath d='M20 0H0v20h20V0z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2v4.375c0 .345.28.625.625.625H17l-.039 9.745c0 .69-.56 1.25-1.25 1.25H4.25c-.69 0-1.25-.56-1.25-1.25L2.99 3.25c0-.69.56-1.25 1.25-1.25H11zm2.125 11.125h-6.25l-.073.004a.625.625 0 0 0 0 1.242l.073.004h6.25l.073-.004a.625.625 0 0 0-.073-1.246zm0-3.75h-6.25l-.073.004a.625.625 0 0 0 0 1.242l.073.004h6.25l.073-.004a.625.625 0 0 0-.073-1.246zM8.75 5.625H6.875l-.073.004a.625.625 0 0 0 0 1.242l.073.004H8.75l.073-.004a.625.625 0 0 0-.073-1.246zM12 2l5 4h-4.375A.625.625 0 0 1 12 5.375V2z' fill='%23337dff'/%3E%3C/g%3E%3C/svg%3E")
}

.m-consultation .cu-sub .cu-item dt {
	color: #333;
	margin-bottom: 4px;
	line-height: 24px
}

.m-consultation .cu-sub .cu-item dd {
	line-height: 18px;
	margin-bottom: 4px
}

.m-consultation .cu-sub .cu-item dd a {
	color: #8C8C8C
}

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

.header-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)
}

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

.header-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
}

.header-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
}

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

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

.header-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
}

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

.sub-history {
	padding-top: 6px;
	margin-bottom: 10px
}

.user_subUser dt {
	color: var(--dcydhzt)
}

.user_subUser .sub-tit {
	float: left;
	min-width: 72px;
	color: #999;
	text-align: right;
	text-align: right
}

.user_subUser .sub-txt {
	display: block;
	color: var(--dcydhzt);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.user_subUser .sub-link {
	float: right;
	color: var(--dcydhzt)
}

.user_subUser .sub-link:hover {
	color: var(--dcydhxz)
}

.user_subUser+ul {
	padding-bottom: 10px;
	padding-top: 6px;
	border-top: 1px solid #eee
}

.head-sub-nav {
	overflow: hidden;
	padding-left: 10px;
	padding-right: 200px
}

.head-sub-nav .sub-nav-item,.head-sub-nav .sub-nav-tit {
	display: inline-block;
	font-size: 14px;
	color: var(--dcydhzt);
	line-height: 49px
}

.head-sub-nav ul {
	display: inline-block
}

.head-sub-nav .sub-nav-tit {
	font-size: 16px;
	color: #666;
	padding: 0 16px 0 10px;
	font-weight: 700
}

.head-sub-nav .sub-nav-item a {
	display: block;
	padding: 0 10px
}

.m-sub-nav {
	display: none
}

.header-hd_right_img {
	position: absolute;
	bottom: 7px;
	right: 20px;
	height: 36px
}

.header-hd_right_img a {
	display: block;
	width: 100%;
	height: 100%
}

.header-hd_right_img img {
	vertical-align: top;
	max-width: 100%;
	max-height: 100%
}

.hd-dropdown-col-about {
	height: 100%;
	background: url(../images/dropdown-left.png) no-repeat bottom right;
    background-size: cover;
    box-sizing: border-box;
    padding: 24px;
}

.hd-drodown-about {
	white-space: normal;
	box-sizing: border-box
}

.hd-drodown-about .about-tit {
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #252b3a
}

.hd-drodown-about .about-txt {
	margin: 16px 0;
	font-size: 14px;
	line-height: 22px;
	color: #595959
}

.hd_menu_dropdown {
	/*background: url(../images/bg-hederv7-v2.jpg) no-repeat center top #484e52;
	background: #fff; */
	background-color: #f1f2f5;
	    box-shadow: rgba(55,99,170,.2) 8px 8px 20px 0px, #fff -8px -8px 20px 0px;
	background-size: cover
}

.dropdown-product-nav {
	padding: 0;
}
.dropdown-product-nav li{
    margin-left: 15px;
    box-sizing: border-box;
    height: 35px;
    line-height: 35px;
    text-align: left;
    font-size: 14px;
    cursor: pointer;
}
.dropdown-product-nav li.active a {
 color: var(--dcydhxz);
}
 
.dropdown-product-nav li a {
    color: #181818;
    display: inline-block;
    position: relative;
}
 
.dropdown-product-nav li.active a:after {
	width: 100%;
}

.dropdown-product-nav li a:after {
	content: "";
    width: 0;
    height: 2px;
    background: var(--dcyxhx);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease-out;
}

.product-link {
	position: relative;
	height: 44px;
	box-sizing: border-box;
	display: block;
	font-size: 16px;
	line-height: 44px;
	font-weight: 600;
	padding: 0 21px 0 40px;
	margin: 16px 0 0;
	color: var(--dcydhzt)
}
/*
.product-link::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -8px;
	width: 16px;
	height: 17px;
	background: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linejoin='round'%3E%3Cpath stroke='%23337dff' d='M9 11h6v5H9z'/%3E%3Cpath stroke='%23262626' d='M1 1h6v5H1zM9 1h6v7H9zM1 9h6v7H1z'/%3E%3C/g%3E%3C/svg%3E")
}
*/
.dropdown-product-wrap .arr-black:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20%;
	width: 10px;
	height: 12px;
	margin-top: -6px;
	background: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375.625L4.75 4 1.375 7.375' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease
}

.dropdown-product-wrap .arr-black:hover:after {
	-webkit-transform: translate(4px);
	-ms-transform: translate(4px);
	transform: translate(4px);
	background: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375.625L4.75 4 1.375 7.375' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}


 .arr-black:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20%;
	width: 10px;
	height: 12px;
	margin-top: -6px;
	background: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375.625L4.75 4 1.375 7.375' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease
}

.arr-black:hover:after {
	-webkit-transform: translate(4px);
	-ms-transform: translate(4px);
	transform: translate(4px);
	background: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375.625L4.75 4 1.375 7.375' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}
.dropdown-product-left { 
	 background: #fff url(../images/dropdown-left.png);
    background-size: cover;
	background-position: center
	background-size: cover;
	background-position: center
}

.dropdown-product-left .header-hd_tag {
	display: inline-block;
	height: 14px;
	font-size: 10px;
	line-height: 14px;
	padding: 0 6px;
	margin-left: 10px;
	border: 1px solid #337dff;
	vertical-align: 2px
}

.dropdown-product-col-left {
	float: left;
	width: 75%;
	box-sizing: border-box;
	margin-top: 7px
}

.dropdown-product-col-left .hot-dropdown-item .arr-black {
	color: var(--dcydhzt)
}

.dropdown-product-col-left .hot-dropdown-item .arr-black::after {
	right: -10px;
	background: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375.625L4.75 4 1.375 7.375' stroke='%23337dff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.dropdown-product-col-left .hot-dropdown-item:first-child .item-tit {
	margin-top: 0
}

.dropdown-product-col-left .item-tit {
	display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: var(--dcydhxz); 
    width: 100%; 
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d6dbe3; 
    cursor: pointer;
}
.dropdown-product-col-left .item-tit i{
    box-sizing: border-box;
    font-size: 16px;
    color: var(--dcydhxz);
    margin-left: 5px;
    margin-top: 2px;
    /* top: 2px; */
    position: absolute;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}
.dropdown-product-col-left .item-tit:hover i {
    margin-left: 8px;
}
.dropdown-product-col-left .flex {
	width: 100%;
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 0px;
    height: 240px;
    margin-bottom: 0px;
    align-items: flex-start;
    align-content: flex-start;
    -moz-column-gap: 0px;
    column-gap: 0px;
}

 .recommend-pic{
    display: block;
    float: left;
    width: 63px;
    height: 63px;
    margin-left: -5px;
    margin-top: -6px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.recommend-1{
    background-image: url(../images/recommend-1.png);
}
.recommend-2{
    background-image: url(../images/recommend-2.png);
}
.recommend-3{
    background-image: url(../images/recommend-3.png);
}
.dropdown-product-col-left .flex .flex-item {
    background-image: url(../images/ba6bd1a8-fd64-4986-9933-d56fe1356319.png);
    background-size: auto 100px;
    background: hsla(0, 0%, 100%, .7);
    border: 2px solid #fff;
    border-radius: 4px;
    box-shadow: 0 0 8px #0000001a;
    /* box-sizing: border-box; */
    padding: 8px;
    position: relative;
    transition: all .3s linear;
    position: relative;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 31.6%;
    height: 64px;
    margin-right: 40px;
    margin-top: 15px;
}
.dropdown-product-col-left .flex .flex-sequence {  
     border-radius: 4px;
     border: 1px solid #d6dbe3;
    /* box-sizing: border-box; */
    padding: 8px;
    position: relative;
    transition: all .3s linear;
    position: relative;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 31.6%;
    height: 64px;
    margin-right: 20px;
    margin-top: 15px;
}

.dropdown-product-col-left .flex .flex-sequence a:hover .tit b {
    color: var(--dcydhxz);
}


.flex .flex-sequence:before, 
.flex .flex-sequence:after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    background: var(--dcydhxz);
    transition: all 0.7s ease;
}
.flex .flex-sequence:hover:after {
    width: 100%;
}
.flex .flex-sequence:hover:before {
    height: 100%;
}
.flex .flex-sequence:after {
        width: 0%;
    height:1px;
}
.flex .flex-sequence:before {
        width: 1px;
    height: 0%
}
.flex .flex-sequence a:before, .flex .flex-sequence a:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    background: var(--dcydhxz);
    transition: all 0.7s ease;
}
.flex .flex-sequence a:hover:before {
    height: 100%;
}
.flex .flex-sequence a:before {
    width: 1px;
    height: 0%;
}
.flex .flex-sequence a:hover:after {
    width: 100%;
}
.flex .flex-sequence a:after {
    width:0%;
    height: 1px;
}
.dropdown-recommend {
    position: relative;
    z-index: 10;
    padding: 24px 10px 0 0;
}

.recommend-card-txt {
        background-image: url(../images/b474b147-9c83-4646-b6a1-04ae5c234f92.png);
    background-size: auto 100px;
    background: hsla(0,0%,100%,.7);
    border: 2px solid #fff;
    box-shadow: 0 4px 8px 0 rgba(192,199,209,.2);
    padding: 16px 24px 12px;
}
.recommend-card {
    margin-bottom: 24px;
}
.recommend-card-txt .tit {
    font-size: 0;
    overflow: hidden;
}
.recommend-card-txt .tit i {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    overflow: hidden;
    display: none;
}
.recommend-card-txt .tit i img {
    vertical-align: top;
    max-width: 100%;
}
.recommend-card-txt .tit b {
    display: block;
    margin-top: 0px;
    color: var(--dcydhxz);
    line-height: 24px;
    font-size: 16px;
    font-weight: 600;
    -webkit-line-clamp: 1;
}
.dropdown-product-col-left .flex .flex-item:last-child {
	margin-right: 0
}

.dropdown-product-col-left .flex .flex-item a {
	display: block
}

.dropdown-product-col-left .flex .flex-item a:hover .tit b {
	color:var(--dcydhxz)
}

.dropdown-product-col-left .flex .flex-item-v1 {
	height: 80px;
	background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
}
.dropdown-product-col-left .tit {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
}
.dropdown-product-col-left .tit b {
	font-size: 15px;
	color: #252b3a;
	font-family: dcynews;
	font-weight: 600
}

.dropdown-product-col-left .tit .tip {
	display: inline-block;
	width: 60px;
	border-radius: 4px;
	height: 20px;
	border: 1px solid #f64041;
	font-size: 12px;
	line-height: 19px;
	color: #f64041;
	text-align: center;
	margin-left: 8px
}

.dropdown-product-col-left .desc {
	font-size: 14px;
	color: #595959;
	margin-top: 5px;
	overflow: hidden;
	word-wrap: normal;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis
}

.dropdown-product-col-left .link {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 33px;
	line-height: 33px;
	background: rgba(255,255,255,.3);
	border-top: 1px solid rgba(255,255,255,.6);
	font-size: 12px;
	text-indent: 16px;
	color: #8c8c8c
}

.dropdown-product-col-left .icon-arr {
	position: relative;
	transition: all .25s ease;
	padding-right: 15px
}

.dropdown-product-col-left .icon-arr:hover {
	color: var(--dcydhxz)
}

.dropdown-product-col-left .icon-arr:hover::after {
	-webkit-transform: translate(4px);
	-ms-transform: translate(4px);
	transform: translate(4px);
	background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23337dff' stroke-linecap='round' stroke-linejoin='round' d='M5 2.041l6.28 6.457L5 14.775' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.dropdown-product-col-left .icon-arr::after {
	position: absolute;
	content: "";
	right: 0;
	top: 1px;
	width: 10px;
	height: 10px;
	color: #8c8c8c;
	background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' d='M5 2.041l6.28 6.457L5 14.775' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
	transition: all .25s ease
}

.dropdown-product-col-left .other-list {
	margin-top: 16px;
	width: 100%
}

.dropdown-product-col-left .other-list li {
	float: left;
	width: 20%;
	margin-bottom: 12px
}

.dropdown-product-col-left .other-list li a {
	font-size: 14px;
	color: #252b3a
}

.dropdown-product-col-left .other-list li a:hover {
	color:var(--dcydhxz)
}

.dropdown-product-col-left .other-list-box {
    width: 100%;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    padding-top: 10px;
}
.dropdown-product-col-left .other-list-title {
    height: 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--dcydhzt);
    line-height: 20px;
    margin-bottom: 10px;
}
.dropdown-product-col-left .other-list-name {
    min-height: 28px;
    font-size: 14px;
    font-weight: 400;
    color: #252b3a;
    line-height: 28px;
    cursor: pointer;
}
.dropdown-product-col-left .other-list-name a{  
    color: #252b3a; 
    cursor: pointer;
}
.dropdown-product-col-left .other-list-name a:hover {
    color: var(--dcydhxz);
}
.dropdown-product-col-left .other-list-column {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.hd-dropdown-dl dd p {
	white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis;
}

.hd-dropdown-dl dd p.header-item-solution-item-desc{
    overflow: hidden;
    white-space: normal;
    width: 90%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.hd-dropdown-dl dd .event-img-box {
	overflow: hidden;
	height: 144px;
	border-radius: 4px;
	border: 4px solid #fff
}

.hd-dropdown-dl dd .event-img-box .event-img {
	width: 100%;
	height: 100%;
    background-position: center;
    background-size: cover;
    border-radius: 4px;
    background: #f3f5f8;
    position: relative;
    box-sizing: border-box;
    padding: 16px 20px 16px 16px;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: center;
}
.hd-dropdown-dl dd .event-img-box .event-img:hover .event-title{
    color: var(--dcydhxz);
}
.hd-dropdown-dl dd .event-img-box .event-title {
    font-weight: 500;
    font-size: 20px;
    color: #181818;
    line-height: 28px;
}
.hd-dropdown-dl dd .event-img-box .event-desc { 
    font-size: 12px;
    color: #495770;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; 
    max-height: 80px;
}
.hd-dropdown-dl dd .event-img-box .event-more {
    margin-top: 10px;
    font-size: 0;
}
.hd-dropdown-dl dd .event-img-box .event-more-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-right: 16px;
    max-width: 100%;
    line-height: 22px;
    font-size: 14px;
    color: var(--dcydhzt);
    font-weight: 400;
    background: none;
    border: none;
    outline: 0 none;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    word-break: break-all;
}
.hd-dropdown-dl dd .event-img-box:hover .event-more-btn i {
    transform: translate(4px);
    -ms-transform: translate(4px);
    -moz-transform: translate(4px);
    -webkit-transform: translate(4px);
    -o-transform: translate(4px);
}
.hd-dropdown-dl dd .event-img-box .event-more-btn i { 
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    width: 18px;
    margin-top: -9px;
    font-size: 18px;
    color: var(--dcydhxz);
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
}
 
.dropdown-product-search {
	margin-top: 0;
	position: relative;
	padding: 0;
	width: auto
}

.dropdown-product-search .search-box {
	margin-top: 10px;
	padding: 14px 10px 0 20px;
	position: relative;
	width: 590px
}

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

.dropdown-product-search .dropdown-search-ipt:focus {
	border-color: var(--dcydhxz)
}

.dropdown-product-search .dropdown-search-ipt:focus+.dropdown-search-icon {
	color: var(--dcydhxz)
}

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

.dropdown-product-search .dropdown-search-clear {
	position: absolute;
	top: 27px;
	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-search .hot-box {
	position: absolute;
	top: 14px;
	left: 600px;
	height: 40px;
	width: auto;
	overflow: hidden
}

.dropdown-product-search .hot-box ul li {
	float: left
}

.dropdown-product-search .hot-box ul li a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	margin-right: 12px;
	background: #dfe5ee;
	border-radius: 2px
}
.dropdown-product-search .hot-box ul li a:hover {
    background: var(--dcyans);
    color: #fff;
    text-decoration: none;
}
.search-result-box {
	position: absolute;
	top: 55px;
	left: 20px;
	padding-top: 0px;
	width: 560px;
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(38,38,38,.1);
	z-index: 20;
	overflow: auto;
	max-height: 330px
}

.result-list ul li a {
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 34px;
	font: 14px;
	color: #252b3a
}

.result-list ul li a:hover {
	background: #f5f7fa;
	color: var(--dcydhxz)
}

.result-none {
	text-align: center;
	z-index: 10
}

.result-none img {
	margin-top: 30px;
	width: 120px;
	height: 105px
}

.result-none p {
	padding-top: 17px;
	font-size: 14px;
	color: #595959;
	padding-bottom: 40px
}

.dropdown-product-body {
	margin-top: 0px
}

.head-search-dropdown ul {
	overflow: hidden;
	margin: 0
}

.head-search-dropdown ul li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px
}

.head-search-dropdown ul li a {
	 background: #f2f6fa;
    border-radius: 2px;
    color: #222;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    padding: 0 7px;
}
/*
.head-search-dropdown ul li:hover a {
	border: 1px solid #337dff
}*/

.head-search-dropdown {
	width: 485px
}

.head-search-dropdown .search-historyBlock .head-search-dropdown-tit,.head-search-dropdown .search-hotBlock .head-search-dropdown-tit {
    position: relative; 
    margin-bottom: 12px;
    font-size: 14px;
    color: #5f7292;
    line-height: 22px;
    padding: 0px 0px 0;
    font-weight: 500;
    padding-left: 0;
}

.head-search-dropdown .search-historyBlock .head-search-dropdown-tit:after {
	position: absolute;
	content: "";
	width: 1px;
	height: 12px;
	background: #e5e5e5;
	left: 52px;
	top: 2px
}

.delete-icon {
	position: absolute;
	background: url(../image/gray-delete.png) center center no-repeat;
	height: 20px;
	width: 20px;
	left: 60px;
	top: -2px;
	background-size: cover;
	cursor: pointer
}

.delete-icon:hover {
	background: url(../image/red-delete.png) center center no-repeat;
	background-size: cover
}

.search-historyBlock {
	display: none;
	position: relative;
	border-bottom: 1px dashed #e5e5e5;
	margin: 0 16px;
	margin-bottom: 8px
}

.search-historyBlock.history-active {
	display: block
}

.search-hotBlock {
	padding-left: 16px
}
.m-app-tips {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 60px;
    width: 100%;
    z-index: 4000;
    background: #cbcdda;
}
.open .m-qrcode-pop {
    display: table;
}

@media (max-width:1680px) {
	.dropdown-product-wrap,.hd-dropdown-wrap {
		max-width: 1384px
	}

	.dropdown-product-col-left .flex .flex-item {
		width: 250px
	}

	.header-hd_list_item {
		padding: 1px 8px
	}
}

@media (max-width:1576px) {
	.dropdown-product-wrap,.hd-dropdown-wrap {
		max-width: 1384px
	}

	.dropdown-product-col-left .flex .flex-item {
		width: 200px
	}

	.header-hd_list_item,.header-hd_log_out a,.header-hd_operation>a {
		padding: 0 8px
	}

	.header-hd_log_in,.header-hd_log_out {
		margin-right: 8px
	}

	.header-hd_operation {
		padding-left: 72px
	}

	.head-search {
		width: 40px
	}

	.head-search .head-search-ipt {
		padding: 4px 0
	}

	.search-active {
		left: -328px
	}

	.search-active .head-search-ipt {
		padding: 4px 52px 4px 12px
	}
}

.head-rwd .header-wrap {
	width: auto
}
.head-notify-bg{
    height: 54px;
}
 .head-notify{
    background: #3d485d;
    background-size: 100% 100%;
    background-repeat: no-repeat; 
    display: flex;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%; 
    background-size: 100% 100%;
    transition: all 0.2s ease-out;
    position: relative; 
}
 .head-notify-href {
  width: 100%;
  height: 100%;
}
 .head-notify-ad {
    margin: 0 auto;
    display: flex;
    vertical-align: top;
    align-items: center;
    justify-content: center;
    height: 100%;
    white-space: nowrap;
}

 .head-notify-ad .head-notify-icon {
    position: relative;
    height: 22px;
    padding: 0 8px;
    background: var(--dcydhxz);
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    border-radius: 2px;
    border-bottom-right-radius: 0;
    margin-right: 20px;
}
 .head-notify-ad .head-notify-icon:after {
    content: "";
    position: absolute;
    left: 100%;
    bottom: 0;
    border-style: solid;
    border-width: 3px 4px;
    border-color: transparent transparent var(--dcydhxz) var(--dcydhxz);
}
 
 .head-notify-ad .head-notify-icon img {
  width: 100%;
  height: 100%;
}
 .head-notify-ad .head-notify-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
 .head-notify-ad .head-notify-content .head-notify a {
  color: var(--textColor, #fff);
}
 .head-notify-close {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  z-index: 10;
  color: #fff;
  cursor: pointer;
  display: block;
}
 .head-notify-close img {
  height: 26px;
  width: 26px;
} 
 .head-notify-more {
    position: relative; 
    display: inline-block;
    padding-right: 20px;
    color: #fff;
}
 .head-notify-more a i {
    position: absolute; 
    font-size: 16px;
    margin-left: 6px;
    top: 20%;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}

 .head-notify-more a:hover i {
     -webkit-transform: translateX(4px);
    transform: translateX(4px);  
     
 }
 .head-notify-more a{
     text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    margin-left: 12px;}
 
@media (min-width:769px) {
	.head-rwd .nav-m-menu-wrap,.head-rwd .nav-m-user-list {
		display: none!important
	}
}

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

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

@media (max-width: 1080px) {
    .header-hd_logo:hover .collection-wrap {
    display: none !important;
}
 .head-notify{
     display: none;
 }
.dcy-footer-select {
		position: relative;
		top: 0; 
		  display: block;
	
    max-width: none;
    line-height: 40px;
    width: auto;
    text-align: center;
    margin-top: 12px;
    height: 40px;
    font-size: 16px;
    color: #252b3a;
    background: inherit;
    background-image: linear-gradient(
0deg
, #fff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 rgb(255 255 255 / 43%), inset 0 4px 20px 0 rgb(255 255 255 / 50%);
	}

.dcy-footer-select:hover .dcy-footer-select-trigger:after {
		-ms-transform: rotate(0);
		transform: rotate(0)
	}

.dcy-footer-select:hover .dcy-footer-dropdown {
		display: none
	}

.dcy-footer-select.active .dcy-footer-select-trigger:after {
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg)
	}

.dcy-footer-select.active .dcy-footer-dropdown {
		display: block
	}

.dcy-footer-select-trigger {
		width: auto
	}
.dcy-footer-dropdown {
		width: 100%
	}

.dcy-footer-copy,.dcy-rwd .dcy-footer-wrap {
		margin: auto
	}

.dcy-footer-dropdown-option:hover {
		color: var(--dcydhxz)
	}

.dcy-footer-consultation {
		margin-top: 20px;
		margin-left: 20px;
		font-size: 14px;
		padding-left: 30px;
		line-height: 22px
	}

 .dcy-footer-consultation:after {
		width: 20px;
		height: 20px;
		background-size: 10px 10px;
		opacity: .8
	}


 
 
.dcy-footer-select:hover .dcy-footer-select-trigger:after {
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.dcy-footer-select:hover .dcy-footer-dropdown {
	display: block
}

.dcy-footer-select-trigger {
	display: block;
	position: relative;
	box-sizing: border-box;
	padding: 0 30px;
	height: 36px;
	border: 1px solid rgba(255,255,255,.2);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 36px;
	color: #919298;
	cursor: pointer
}

.dcy-footer-select-trigger::before {
	content: '';
	background-image: url(data:image/svg+xml;
	base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTk1OS45IDUxMS43Qzk1OS45IDI2NC40IDc1OS40IDY0IDUxMiA2NCAyNjQuNiA2NCA2NCAyNjQuNCA2NCA1MTEuN2MwIDIyOC40IDE3MS4xIDQxNi44IDM5Mi4zIDQ0NC4yIDE5LjkgMy45IDQwLjIgNS4xIDYwLjQgMy40IDI0NS4zLTIuNSA0NDMuMi0yMDIgNDQzLjItNDQ3LjZ6bS02NCA2LjNjLTEuMy0yMi00LjItNDMuOS04LjctNjUuNC40LTcuMS41LTE0LjMuMy0yMS41IDYuMSAyOC41IDguOSA1Ny43IDguNCA4Ni45ek0xMjggNTExLjdjMC0yNy4yIDIuOC01My42IDguMi03OS4yIDE2LjYgMTcuNyA1NS43IDE3LjQgNjUuMi05LjIgMTcuMSAxMC4yIDQwIDEyIDQwIDMyLjMgMCA2Ny4xIDIuNCAxMzguOSA2My4zIDE0MC4xIDEuNyAwIDM0IDEyLjIgNDkuNCA1MiA1LjMgMTMuOCAyNi4zIDAgNDkuMyAwIDExLjUgMCAwIDE5LjQgMCA2MS4yIDAgNDEuNyA4OS45IDEwNS45IDg5LjkgMTA1LjktLjQgMjcuNy43IDUwIDMgNjcuOC0yMC4zLS40LTM3LjQgMi4zLTUwLjkgNi45QzI2NS4xIDg1OC4xIDEyOCA3MDAuOSAxMjggNTExLjd6bTQ3OC41IDM3MmMtMi05LjctMTAuNy0xNS4xLTI2LjYtMTAuOSAxMi43LTU0IDE4LjgtODQuMiA0NS4zLTEwNy4yIDM4LjMtMzMuMiA0LjUtNzAuMS0yNC42LTY1LjctMjMgMy41LTguNC0yOC41LTI5LTMwLjMtMjAuNS0xLjctNDcuMy00Mi40LTc2LjgtNTYuNS0xNS42LTcuNC0zMS0yNy4zLTU1LjEtMjguMy0yMS40LS44LTUyLjYgMTguMS01Mi42IDMuNSAwLTQ2LjktNC44LTgwLjQtNS43LTkzLjgtLjgtMTAuNy03LTMuNiAyMS45LTIuOSAxNS43LjQgOC0zMS42IDIzLjYtMzIuOCAxNS4zLTEuMiA1MS43IDE0LjMgNjEgOC4xIDguNy01LjggNjMuNCAxNDMuOCA2My40IDI0LjcgMC0xNC4xLTcuMy0zOC43IDAtNTIuMSAyOS01Mi44IDU2LTk1LjkgNTMuNi0xMDIuMi0xLjQtMy42LTI5LjYtNi41LTUyLjIgMS4xLTcuNiAyLjYgMi40IDE0LjUtOC42IDE3LjEtNDEgOS41LTc3LjItMTEuMS02NC41LTMwLjQgMTMtMTkuNyA2MC4xLTguNiA2NC4yLTQ4LjMgMi4zLTIyLjcgNC4zLTQ5IDUuNy02OC42IDU1LjIgOC43IDQ5LjEtNzEuNi0zMy04MC4yIDE2MS45IDEuOSAzMDUuMiAxMDUuMSAzNTguMyAyNTcuOS0yLjUtMi4zLTUuNy0zLjgtOS4yLTQuMi0yNC44LTYyLTg1LTE3LjEtNjQuNiAzNy42LTEwOS40IDg0LjEtODEuNCAxNDIuOC00NS41IDE3Ni41IDE4LjkgMTcuNiAzNyA0NC4yIDQ4LjcgNjMuMi0xMi44IDM3LjMgNDcuMSAyMi40IDc2LjYtNDAuOEM4NDMgNzQ5IDczOC42IDg1MC4xIDYwNi41IDg4My43eiIgZmlsbD0iIzkxOTI5OCIvPjwvc3ZnPg==);background-size: contain;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 9px;
	left: 7px
}

.dcy-footer-select-trigger:after {
	content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -2px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0;
	border-color: #919298 transparent;
	-webkit-transition: transform .2s ease,-webkit-transform .2s ease;
	transition: transform .2s ease,-webkit-transform .2s ease
}

.dcy-footer-select-trigger:hover {
	color: #919298
}

.dcy-footer-dropdown {
	display: none;
	position: absolute;
	left: 0;
	bottom: 100%;
	z-index: 9; 
	padding: 10px 0;
	background: #fff
}

.dcy-footer-dropdown .active .dcy-footer-dropdown-option {
	color: var(--dcydhzt);
	
}

.dcy-footer-dropdown-option {
	display: block;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	color: #f337dff
}

	.head-rwd .header-wrap {
		height: 50px;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 999;
	}

	.head-rwd .header-wrap_top {
		height: 50px;
		border-bottom: 0
	}

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

	.head-rwd .head-lang-tips {
		top: 50px
	}

	.head-rwd .header-hd {
		position: relative!important;
		background-color: #fff!important;
		height: 50px!important
	}

	.head-rwd .header-hd_hover:before {
		content: none
	}

	.head-rwd .header-hd_logo {
		margin: 0px 0 0 0px
	}

	.head-rwd .header-hd_logo a {
	width: 100px;
    left: 5px;
    height: 50px;
    min-height: 50px
	}

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

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

	.head-rwd .nav-m-user-list {
		position: fixed;
		z-index: 202;
		top: 50px;
		left: 0;
		right: 0;
		padding-bottom: 30px;
		background-color: #fff;
		font-size: 14px;
		border-top: 1px solid #eee
	}

	.head-rwd .nav-m-user-item {
		line-height: 44px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		color: var(--dcydhzt)
	}

	.head-rwd .nav-m-user-item .user-tip {
		background-color: #FFFCF2;
		border-radius: 2px;
		padding: 10px 10px 10px 30px;
		border: 1px solid #FFCD61;
		margin: 10px 20px
	}

	.head-rwd .nav-m-user-item .user-tip .tip-txt {
		position: relative;
		font-size: 14px;
		color: #000;
		white-space: initial;
		line-height: initial
	}

	.head-rwd .nav-m-user-item .user-tip .tip-txt::after {
		position: absolute;
		left: -21px;
		top: 2px;
		content: '';
		width: 16px;
		height: 16px;
		background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='a'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 1.000000 0 0 0 0 0.611765 0 0 0 0 0.000000 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1zm0 5.1a.5.5 0 0 0-.5.5v5l.008.09a.5.5 0 0 0 .992-.09v-5l-.008-.09A.5.5 0 0 0 8 6.1zm0-2.2a.7.7 0 1 0 0 1.4.7.7 0 0 0 0-1.4z' fill='%23000' transform='matrix(1 0 0 -1 0 16)' filter='url(%23a)' fill-rule='evenodd'/%3E%3C/svg%3E")
	}

	.head-rwd .nav-m-user-item .user-tip .tip-link {
		font-size: 14px;
		color: #2C68FF;
		padding: 0;
		line-height: initial;
		display: inline-block;
		margin-left: 4px
	}

	.head-rwd .nav-m-user-item .nav-m-user-text,.head-rwd .nav-m-user-item a {
		display: block;
		padding: 0 20px;
		color: var(--dcydhzt)
	}

	.head-rwd .nav-m-user-item .nav-m-user-text .m-user-status,.head-rwd .nav-m-user-item a .m-user-status {
		float: right;
		color: var(--dcydhzt)
	}

	.head-rwd .nav-m-user-item .nav-m-user-text .status-type2,.head-rwd .nav-m-user-item a .status-type2 {
		color: #0ED57D
	}

	.head-rwd .nav-m-user-item .nav-m-user-text .status-type3,.head-rwd .nav-m-user-item a .status-type3 {
		color: #FF9C00
	}

	.head-rwd .nav-m-user-item .nav-m-user-text:hover,.head-rwd .nav-m-user-item a:hover {
		color: var(--dcydhxz)
	}

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

	.head-rwd .nav-m-user-item .text-warning {
		color: var(--dcydhzt);
		font-size: 14px
	}

	.head-rwd .nav-m-user-item .text-warning:hover {
		color: var(--dcydhxz)
	}

	.head-rwd .nav-m-user-item dd {
		border-bottom: 1px solid #eee
	}

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

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

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

	.head-rwd .nav-m-btn-wrap .head-m-btn-primary.head-m-btn-default {
		background: 0 0;
		border: 1px solid var(--dcyanb);
		color: var(--dcydhzt)
	}

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

	.head-rwd .nav-m-menu-wrap {
		position: fixed;
		z-index: 202;
		top: 50px;
		left: 0;
		right: 0;
		padding-bottom: 30px;
		background-color: #fff;
		font-size: 14px;
		border-top: 1px solid #eee
	}

	.head-rwd .nav-m-menu-wrap .nav-m-btn-wrap {
		padding: 5px 20px;
		border-bottom: 1px solid #eee
	}

 

	.head-rwd .nav-m-menu .header-hd_tag {
		margin-left: 0px;
		font-size: 14px;
		 top: 0px;
		color: #dc3e06
	}
.m-app-tips,.m-qrcode {
    display: block;
}

.m-app-tips .m-app-tips-ct {
    position: relative;
    padding: 0 100px 0 40px;
}
.m-app-tips .m-app-tips-ct .mat-close {
    position: absolute;
    top: 10px;
    left: 0;
    width: 40px;
    height: 40px;
    display: block;
    line-height: 32px;
    font-size: 24px;
    color: #333;
    text-align: center;
}
.m-app-tips .m-app-tips-ct .app-bd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
}
.m-app-tips .m-app-tips-ct .app-bd img {
    width: 34px;
    height: 34px;
    margin-right: 6px;
}
.m-app-tips .m-app-tips-ct .app-bd .app-txt {
    -ms-flex: 1;
    flex: 1;
    line-height: 18px;
}
.m-app-tips .m-app-tips-ct .app-bd .app-txt .app-name {
    font-size: 14px;
    margin: 6px 0px 1px;
}
.m-app-tips .m-app-tips-ct .app-bd .app-txt .app-desc {
    margin-top: 2px;
    line-height: 14px;
    font-size: 10px;
}
.m-app-tips .m-app-tips-ct .mat-wechat {
    position: absolute;
    top: 16px;
    right: 20px;
    width: 80px;
    height: 28px;
    line-height: 28px;
    display: block;
    text-align: center;
    background: var(--dcydhzt);
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
}

.m-qrcode-pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
}
.m-qrcode-pop .m-qrcode-pop-mark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
}
.m-qrcode-pop .m-qrcode-pop-ct {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    
}
.m-qrcode-pop .m-qrcode-pop-ct img {
    width: 78%;
    
}
.m-qrcode-pop .m-qrcode-pop-ct p {
    color: #fff;
    margin-top: 10px;
    font-size: 14px;
}
	.head-rwd .nav-m-tips {
		margin: 12px 16px;
		font-size: 14px;
		color: #000
	}

	.head-rwd .nav-m-tips a {
	display: inline;
    padding: 0;
    margin: 0 5px;
    color: var(--dcydhxz);
		font-family: "dcynews";
    font-weight: 500;
	}

	.head-rwd .m-qrcode-pop .m-qrcode-pop-mark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
}
	.head-rwd .m-qrcode-pop .m-qrcode-pop-ct {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    
}
	.head-rwd .m-qrcode-pop .m-qrcode-pop-ct img {
    width: 78%;
    
}
	.head-rwd .m-qrcode-pop .m-qrcode-pop-ct p {
    color: #fff;
    margin-top: 10px;
    font-size: 14px;
}
	.head-rwd .nav-m-ft {
    display: block;
    padding: 20px;
}
	.head-rwd .nav-m-qr-code{
    width: 120px;
    height: 120px;
    margin: 0 auto 12px;
    border: 1px solid rgba(91,103,126,.3);
}
	.head-rwd .nav-m-text-item {
    font-size: 14px;
    color: #536078;
    text-align: center;
    line-height: 24px;
}
	.head-rwd .m-title-level-1,.head-rwd .m-title-level-2,.head-rwd .m-title-level-3,.head-rwd .m-title-level-4 {
		display: block;
		position: relative;
		color: var(--dcydhzt);
		height: 46px;
		line-height: 46px;
		padding-left: 16px;
		border-bottom: 1px solid #eee
	}
	.head-rwd .m-title-level-1 .name{color: #536078;font-family: 'dcynews';}
	
	.head-rwd .m-title-level-1 a,.head-rwd .m-title-level-1 a:hover,.head-rwd .m-title-level-2 a,.head-rwd .m-title-level-2 a:hover,.head-rwd .m-title-level-3 a,.head-rwd .m-title-level-3 a:hover {
		color: var(--dcydhzt)
	}
   .head-rwd .m-title-level-1 .extra {
    position: absolute;
    right: 0;
    top: 0;
    color: #536078;
    padding: 0px 16px;
        font-family: 'dcynews';
}
   .head-rwd .m-title-level-1 .num {
    margin-left: 8px;
    color: #ff6646;
    font-family: 'dcynews';
}
.head-rwd .m-title-level-1 .state-active{
    color:var(--dcydhxz);
}
.head-rwd .m-title-level-1 .icon-m-name {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: 0px; 
    background-size: cover;
    margin-right: 4px;
}

.head-rwd .m-title-level-1 .icon-w-name {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: -2px; 
    background-size: cover;
    margin-right: 4px;
}


 .head-rwd .m-title-level-1  .icon-real-name-w-cur {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: -1px;
    background-image: url(../images/icon-real-name-m.6aed74e4.svg);
    background-size: cover;
    margin-right: 4px;
}
   .head-rwd .m-title-level-1 .icon-real-text-w-cur {
    color: #98A3B7;
  }
   .head-rwd .m-title-level-1  .icon-real-name-m-cur {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: -1px;
    background-image: url(../images/icon-real-name-m-cur.ad5f6851.svg);
    background-size: cover;
    margin-right: 4px;
}

   .head-rwd .m-title-level-1 .icon-real-text-m-cur {
    color: var(--dcydhzt);
}
 
    
	.head-rwd .m-title-level-2 {
		background: #fff;
		padding-left: 30px
	}

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

	.head-rwd .m-title-level-4 {
		border-bottom: 0;
		padding-left: 40px;
		background: #f5f7fd
	}

	.head-rwd .m-title-level-4 a {
		margin-right: 20px;
		color: var(--dcydhzt)
	}

	.head-rwd .m-title-level-4 a:hover {
		color: var(--dcydhxz)
	}

	.head-rwd .m-title-level-4:last-child {
		border-bottom: 1px solid #eee
	}

	.head-rwd .m-menu-list {
		background-color: #fff
	}

	.head-rwd .m-menu-parent:after {
		content: '\e8f5';
		position: absolute;
		top: 15px;
		right: 20px;
		width: 20px;
		text-align: center;
		line-height: 20px;
		height: 20px;
		font-size: 16px;
		-webkit-transition: -webkit-transform .3s;
		transition: transform .3s;
		font-family: headerfont!important
	}

	.head-rwd .m-menu-parent.active>a {
		color: var(--dcydhzt)
	}

	.head-rwd .m-menu-parent.active:after {
		color: var(--dcydhzt);
		-webkit-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg)
	}

	.head-rwd .nav-m-search {
		display: block;
		padding: 10px;
		border-bottom: 1px solid #eee
	}

	.head-rwd .m-search-wrap {
		display: -ms-flexbox;
		display: flex;
		position: relative;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center;
		border: 1px solid #eee;
		border-radius: 21px;
		overflow: hidden
	}

	.head-rwd .m-search-wrap .m-search-ipt {
		-ms-flex: 1;
		flex: 1;
		box-sizing: border-box;
		background: 0 0;
		height: 36px;
		padding: 5px 35px 5px 15px;
		color: var(--dcydhzt);
		border: 0
	}

	.head-rwd .m-search-wrap .m-search-btn {
		background: #fff;
		border: 0;
		color: var(--dcydhzt);
		width: 50px;
		height: 36px;
		line-height: 36px;
		text-align: center;
		padding: 0
	}

	.head-rwd .m-search-wrap .m-search-btn i {
		font-size: 20px
	}

	.head-rwd .m-search-wrap .m-search-clear {
		display: none;
		position: absolute;
		top: 10px;
		right: 59px;
		width: 16px;
		height: 16px;
		line-height: 14px;
		text-align: center;
		font-size: 14px;
		color: #fff;
		background: #ddd;
		border-radius: 100%
	}

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

	.head-rwd .sub-user dd,.head-rwd .sub-user dt {
		padding: 0 20px;
		line-height: 40px;
		height: 40px;
		border-top: 0;
		font-size: 14px;
		border-bottom: 0
	}

	.head-rwd .sub-user .other-link {
		padding: 0;
		border-top: 1px solid #eee;
		font-size: 16px
	}

	.head-rwd .sub-user .sub-history {
		padding-top: 6px;
		margin-bottom: 10px
	}

	.head-rwd .sub-user .sub-tit {
		float: left;
		min-width: 85px;
		color: #666;
		text-align: right
	}

	.head-rwd .sub-user .sub-txt {
		display: block;
		color: var(--dcydhzt);
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}

	.head-rwd .sub-user .sub-link {
		float: right;
		color: var(--dcydhzt);
		padding: 0
	}

	.head-rwd .sub-user .sub-link:hover {
		color: var(--dcydhxz)
	}

	.head-rwd .m-sub-nav {
		display: block;
		border-top: 1px solid #eee;
		background: #fff;
		height: 49px;
		font-size: 14px;
		position: relative
	}

	.head-rwd .m-sub-nav.open {
		color: var(--dcydhzt)
	}

	.head-rwd .m-sub-nav.open .m-sub-nav-tit.head-common-arr:after {
		-webkit-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg)
	}

	.head-rwd .m-sub-nav .m-sub-nav-tit {
		position: relative;
		line-height: 49px;
		padding: 0 20px;
		font-size: 16px;
		font-weight: 700
	}

	.head-rwd .m-sub-nav .m-sub-nav-tit.head-common-arr:after {
		top: 15px;
		font-weight: 400
	}

	.head-rwd .m-sub-nav .m-sub-nav-bd {
		display: none;
		position: absolute;
		top: 49px;
		left: 0;
		width: 100%;
		background-color: #fff;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		padding: 10px 0
	}

	.head-rwd .m-sub-nav .m-sub-nav-bd li {
		line-height: 40px
	}

	.head-rwd .m-sub-nav .m-sub-nav-bd li a {
		padding: 0 20px;
		font-size: 14px;
		color: var(--dcydhzt)
	}

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