.ml-10 {
	margin-left: 10px;
}
.ml-20 {
	margin-left: 20px;
}
.mr-10 {
	margin-right:10px
}
.mr-20 {
	margin-right:20px
}
.mb-10 {
	margin-bottom:10px;
} 
.mb-20 {
	margin-bottom:20px;
}
.mt-10 {
	margin-top:10px;
}
.mt-20 {
	margin-top:20px;
}
.mt-30 {
	margin-top:30px;
}
.el-dialog__body,.el-dialog__header {
    padding: 0 !important;
	position: relative;
}
.yz-el-dialog .dialog-title {
    font-size: 18px;
    border-bottom: 1px solid #EEEEEE;
    padding: 14px 18px 13px 20px;
}

.discolorheader.page-header {
    height: auto;
    background: transparent;
    border-bottom: 1px solid rgba(207, 207, 207, .2);
}

.page-header-parent.whiteheader .discolorheader.page-header {
    background-color: rgba(255, 255, 255, 0.41);
}

.page-header-parent.notransparent   .discolorheader.page-header {
	background-color: #121A2E;
}

.page-header-parent.notransparent {
	height: 92px;
}


.page-header {
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 56px;
    line-height: 56px;
    min-width: 1170px;
    background-color: #fff;
    border-bottom: 1px solid #e1e6f0;
    box-sizing: border-box;
    margin: 0 auto;
}

.page-header > .main {
    margin: 0 auto;
    width: 1170px;
    min-width: 1170px;
    height: auto;
    clear: both;
    display: flex;
    flex-direction: column;
}

.page-header > .main .main-top,
.page-header > .main .main-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* flex: 1; */
}


.page-header .bottom-wear-right {
	white-space: nowrap;
}

.page-header > .main .main-top {
    height: 40px;
    margin-bottom: 10px;
}

.page-header > .main .main-top .top-wear-left {
	width: 340px !important;
	height: 50px !important;
}

.page-header .wear-left-logo__wrapper {
	height: 40px;
	width: 140px;
	margin: auto 0;
	margin-right: 16px;
	flex: 0 0 160px;
	overflow: hidden;
}
.scg-logo svg {
    width: 100%;
    height: 100%;
}

.page-header .wear-left-logo__wrapper > a {
    width: 100%;
    height: 100%;
    display: flex;
}

.page-header .wear-left-logo__wrapper .icon_logo {
	height: 100%;
	width: 100%;
	display: inline-block;
	position: relative;
	background: url(/images/logo2023-blue.gif) no-repeat center;
	background-size: contain;
}


.page-header > .main .main-top .top-wear-left .icon_logo {
    height: 100%;
    width: 100%;
	display: inline-block;
	background: url(../../../images/logo2023-white.png) no-repeat center;
    background-size: contain;
    position: relative;
	top: 6px;
}

.page-header-parent.whiteheader .page-header > .main .main-top .top-wear-left .icon_logo {
    background: url(../../../images/logo2023-blue.gif) no-repeat center;
    background-size: contain;
}

.page-header > .main .main-top .top-wear-right .link-style {
    padding-right: 24px;
    font-size: 14px;
    color: rgba(255, 255, 255, .8);
    display: inline;
    vertical-align: top;
    box-sizing: border-box;
    margin: 1px 0;
    transition: all .25s ease-in-out;

    cursor: pointer;
}

.page-header-parent.whiteheader .page-header > .main .main-top .top-wear-right .link-style {
    color: #333;
}

.page-header > .main .main-top .top-wear-right .link-style.language {
    position: relative;

}

.page-header > .main .main-top .top-wear-right .link-style.language .languageselect-wrapper {
    position: absolute;
    width: calc(100% + 30px);
    top: 30px;
    left: 50%;
    transform: translate(-50%, 0);
    transition: max-height 0.25s ease-out, opacity 0.1s ease-out;
    background: #fff;
    color: #333;
    text-align: center;

    box-shadow: 0px 1px 0px 0px rgb(0 99 186 / 16%);
    border-radius: 4px;
    max-height: 0px;
    opacity: 0;
}

.page-header > .main .main-top .top-wear-right .link-style.language.selected .language-text {
    position: relative;
}

.page-header > .main .main-top .top-wear-right .link-style.language.selected .language-text::after {
    content: '';
    position: absolute;
    width: calc(100% + 30px);
    height: 30px;
    bottom: -25px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 10;
}

.page-header > .main .main-top .top-wear-right .link-style.language .languageselect-wrapper.show {
    height: auto;
    opacity: 1;
    max-height: 120px;
    padding: 10px 0px;
}

.page-header > .main .main-top .top-wear-right .link-style.language .languageselect-wrapper::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent transparent #fff transparent;
    top: -16px;
    opacity: 0;
    transition: opacity 0.25 ease-out;
}

.page-header > .main .main-top .top-wear-right .link-style.language.selected .languageselect-wrapper::after {
    opacity: 1;
}

.page-header > .main .main-top .top-wear-right .link-style.language .languageselect-wrapper .language-li {
    white-space: nowrap;
    line-height: 22px;
    padding: 3px 0px;
    display: none;
}

.page-header > .main .main-top .top-wear-right .link-style.language.selected .languageselect-wrapper .language-li {
    display: block;
}

.page-header > .main .main-top .top-wear-right .link-style.language .languageselect-wrapper .language-li:hover {
    color: #1a66ff;
}

.page-header > .main .main-top .top-wear-right .link-style.language .languageselect-wrapper .language-li.active {
    color: #1a66ff;
}

.page-header > .main .main-top .top-wear-right .link-style:last-child {
    padding-right: 0px;
}

.page-header > .main .main-top .top-wear-right .link-style:hover, .page-header-parent.whiteheader .page-header > .main .main-top .top-wear-right .link-style:hover {
    color: #121A2E;
}

.page-header-parent.notransparent .page-header > .main .main-top .top-wear-right .link-style:hover, .page-header-parent.whiteheader .page-header > .main .main-top .top-wear-right .link-style:hover {
	color: #E5E5E5;
}

.page-header-parent.homepage .page-header > .main .main-top .top-wear-right .link-style:hover, .page-header-parent.whiteheader .page-header > .main .main-top .top-wear-right .link-style:hover {
	color: #E5E5E5;
}

.page-header-parent.whiteheader .page-header > .main .main-top .top-wear-right .link-style:hover, .page-header-parent.whiteheader .page-header > .main .main-top .top-wear-right .link-style:hover {
	color: #1a66ff;
}

.glyphicon.glyphicon-chevron-down {
    transition: all 0.2s ease-in-out;
    transform: scale(0.8);
    font-size: 10px;
}


.page-header > .main .main-bottom .bottom-wear-left .submenu.selected .glyphicon.glyphicon-chevron-down,.page-header > .main .main-bottom .bottom-wear-left .submenu.is-active .glyphicon.glyphicon-chevron-down  ,.page-header > .main .main-top .top-wear-right .link-style.selected .glyphicon.glyphicon-chevron-down {
    transform: rotate(-180deg) scale(0.8);
}

.page-header > .main .main-bottom .bottom-wear-left ul {
    display: flex;
    color: #FFFFEE;
    line-height: 1;
	margin-bottom: 0px;
    flex: 1;
}

.page-header .main-bottom .submenu .text {
    font-size: 14px;
}

.page-header .main-bottom .submenu {
    position: relative;
    margin-right: 30px;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 14px;
}

.whiteheader .page-header .main-bottom .submenu {
    color: #333;
}

.page-header .main-bottom .submenu.selected {
    position: relative;
    font-weight: 500;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    font-weight FONT-WEIGHT: 500;
}




.page-header-parent.whiteheader .page-header .main-bottom .submenu.selected:not(.activity)::after {
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.3));
}

.page-header .main-bottom .submenu.activity .flag {
    width: 34px;
    height: 16px;
    background: #FF902D;
    font-size: 12px;
    margin-left: 4px;
    float: right;
    color: #FFFFFF;
}

.page-header .main-bottom .button-wrapper .yzButton {
    cursor: pointer;
    height: 32px;
    box-sizing: border-box;
}

.page-header .main-bottom .button-wrapper .loginButton {
    color: #fff;
    border: 1px solid #fff;
    font-size: 14px;
    padding: 0 16px;
    background: none;
}

.page-header-parent.whiteheader .page-header .main-bottom .button-wrapper .loginButton  {
	color: #1a66ff;
	border: 1px solid #1a66ff;
	font-size: 14px;
	padding: 0 16px;
	background: none;
}

.page-header .main-bottom .button-wrapper .loginButton:hover {
    background: rgba(39, 153, 252, 0.1);
}

.page-header .main-bottom .button-wrapper .registerButton {
    color: #FFFFFF;
    background: #1a66ff;
    font-size: 14px;
    padding: 0 22px;
    margin-left: 6px;
    border: none;
}

.page-header .main-bottom .button-wrapper .memberButton {
    color: #FFFFFF;
    font-size: 14px;
    padding: 0 22px;
    border: 1px solid #FFFFFF;
    display: none;
}

.page-header-parent.whiteheader .page-header .main-bottom .button-wrapper .memberButton {
    color: #1a66ff;
    font-size: 14px;
    padding: 0 22px;
    border: 1px solid #1a66ff;
    display: none;
}

.page-header-parent.whiteheader .page-header .main-bottom .button-wrapper .memberButton:hover {
    background: rgba(39, 153, 252, 0.1);
}

.page-header .main-bottom .button-wrapper .memberButton:hover {
    background: rgba(255, 255, 255, 0.1);
}

.nav-menu-dropdown {
    position: absolute;
    top: 110px;
    max-width: 1170px;
}

.discolorheader.page-header .nav-menu-dropdown {
    top: 37px;
    left: 50%;
    transform: translate(-50%, 0);
}

.discolorheader.page-header .nav-menu-dropdown#nav-product {
    left: -122px;
    transform: translate(0, 0);
    width: 1170px;
}

.nav-menu-dropdown .nav-menu-wrap {
    margin: 0 auto;
    height: 0px;
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.7s ease-out, opacity 0.25s ease-out;
    z-index: 10;

    box-sizing: border-box;
}

.nav-menu-dropdown .nav-menu-wrap.show {
    height: auto;
    display: flex !important;
    justify-content: space-between;
    background: #FFFFFF;
    /* box-shadow: 0px 1px 0px 0px rgba(0, 99, 186, 0.16); */
    box-shadow: 0px 0px 1px 1px rgb(0 63 186 / 13%);
    border-radius: 4px;
    opacity: 1;
    max-height: 650px;
    padding: 32px 30px 30px 30px;
}

.page-header-parent.whiteheader .nav-menu-dropdown .nav-menu-wrap.show {
    box-shadow: 0px 0px 1px 1px rgb(0 63 186 / 13%);
}

.nav-menu-dropdown .nav-menu-wrap .menu-item {
    /* min-width: 190px; */
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-title {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #E5E5E5;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: #333333;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-title .title-flag {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category .category-li {
    position: relative;
    line-height: 1;
    margin-top: 22px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    cursor: pointer;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category .category-li:hover {
    color: #1a66ff;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category .category-li .flag {
    position: relative;
    height: 18px;
    padding: 0px 5px;
    font-size: 12px;
    display: inline-block;
    line-height: 18px;
    box-sizing: border-box;
    margin-left: 10px;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category .category-li .flag::after {
    content: '';
    position: absolute;
    left: -11px;
    top: 50%;
    transform: translate(0, -50%);
    width: 0px;
    height: 0px;
    border: 5px solid;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category .category-li .flag::before {
    content: '';
    position: absolute;
    left: -9px;
    top: 50%;
    transform: translate(0, -50%);
    width: 0px;
    height: 0px;
    border: 5px solid;
    border-color: transparent #fff transparent transparent;
    z-index: 20;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category .category-li .flag.hot {
    color: #FF902D;
    border: 1px solid #FF902D;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category .category-li .flag.hot::after {
    border-color: transparent #FF902D transparent transparent;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category .category-li .flag.new {
    color: #FF290C;
    border: 1px solid #FF290C;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category .category-li .flag.new::after {
    border-color: transparent #FF290C transparent transparent;
}

.tips_:after, .tips_1:after {
    content: '';
    display: inline-block;
    width: 11px;
    height: 11px;
    background: #fff;
    transform: rotate(45deg);
    top: 34px;
    position: absolute;
    left: 152px;
}
.service-side {
right:20px !important;
}

.service-side li p {
	line-height: 25px;
}


.bottom-wear-right .button-wrapper .userInfo-name {
	color: #fff;
	display: flex;
	align-items: center;
}

.bottom-wear-right .button-wrapper .hovershow-userName {
		display: none;
	    border: 1px solid #909090;
	    font-size: 11px;
	    padding: 0px 13px;
	    background: #e1f1ff;
	    z-index: 999;
	    position: absolute;
	    height: 20px;
	    /* display: flex; */
	    align-items: center;
	    white-space: nowrap;
	    color: #333;
	    top: 28px;
	    left: 40%;
}

.bottom-wear-right .button-wrapper .userInfo-name .userInfo-name-text {
	    display: inline-block;
	    width: 90px;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
		font-size: 16px;
}


.bottom-wear-right .button-wrapper .userInfo-name .hc_console_logo {
	width: 32px;
	height: 32px;
	margin-right: 9px;
	border-radius: 50%;
}

.whiteheader .bottom-wear-right .button-wrapper .userInfo-name {
	color: #333;
}

.whiteheader .bottom-wear-right .button-wrapper .userInfo-name .iconfont {
	color: #1a66ff;
}

.button-wrapper .userInfo{
	position: relative;
	line-height: 31.99px;
}
.button-wrapper .userInfo .userInfo-popBox {
	width: 200px;
	position: absolute;
	top: calc(100% + 20px);
	left: 50%;
	transform: translate(-50%,0);
	/* height: 0px; */
	/* overflow: hidden; */
	transition: all 0.5s ease-out;
	box-shadow: 0px 0px 8px 1px rgb(26 58 93 / 10%);
	background: #fff;
	color: #333;
}


.button-wrapper .userInfo .userInfo-popBox::after{
	content: '';
	    width: 0px;
	    height: 0px;
	    position: absolute;
	    left: 50%;
	    top: -12px;
	    transform: translate(-50%,0);
	    border: 6px solid;
	    border-bottom-color: #fff;
	    z-index: 10;
	    border-color: transparent transparent #fff transparent;
	    /* top: 21px; */
	    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.3));
}

.button-wrapper .userInfo .userInfo-popBox .popBox-inner .popBox-name {
	font-size: 14px;
	font-weight: bold;
}

.button-wrapper .userInfo .userInfo-popBox .popBox-inner .popBox-ul .nav-content-item {
	display: flex;
	align-items: center;
}

.button-wrapper .userInfo .userInfo-popBox .popBox-inner .popBox-ul .nav-content-item:not(:last-child){
	margin-bottom: 18px;
}


	.banner .container .index-banner-img {
		top: 50%;
		transform: translate(0px, -50%);
	}
	
	
	.whiteheader .bottom-wear-right .button-wrapper .userInfo {
		color: #333;
	}
	
	.bottom-wear-right .button-wrapper .userInfo {
		position: relative;
		line-height: 1;
		cursor: pointer;
		color: #fff;
		display: none;
	}
	
	.bottom-wear-right .button-wrapper .userInfo::after {
	    content: '';
	    top: 100%;
	    position: absolute;
	    left: 0px;
	    width: 100%;
	    height: 20px;
	}
	
	
	
	.bottom-wear-right .button-wrapper .userInfo .userInfo-popBox {
		position: absolute;
		top: calc(100% + 40px);
		left: 50%;
		transform: translate(-50%, 0px);
		background: #fff;
		padding: 0px 20px;
		font-size: 14px;
		width: 170px;
		box-sizing: content-box;
		height: 0px;
		transition: all 0.25s ease-in;
		opacity: 0;
		color: #333;
		overflow: hidden;
	}
	
	.bottom-wear-right .button-wrapper .userInfo .userInfo-popBox.show {
		height: 288px;
		opacity: 1;
	}
	
	.bottom-wear-right .button-wrapper .userInfo .userInfo-popBox .popBox-inner {
		margin-top: 15px;
		margin-bottom: 30px;
	}
	
	
	.userInfo-popBox-parent {
		position: absolute;
		width: 100%;
	}
	.bottom-wear-right .button-wrapper .userInfo .userInfo-popBox-parent::after {
		content: '';
		display: block;
		opacity: 0;
		transition: all 0.25s linear;
		width: 0px;
		height: 0px;
		position: absolute;
		left: 50%;
		transform: translate(-50%,0);
		top: 30px;
		border: 5px solid transparent;
		border-bottom-color: #fff;
	}
	
	.bottom-wear-right .button-wrapper .userInfo .userInfo-popBox-parent.show::after {
		opacity: 1;
	}
	
	
	.bottom-wear-right .button-wrapper .userInfo .userInfo-popBox .popBox-name {
		font-weight: bold;
		margin-bottom: 20px;
	}
	
	.bottom-wear-right .button-wrapper .userInfo .userInfo-popBox .popBox-ul  {
		padding-top: 20px;
		border-top: 1px solid #E5E5E5;
		border-bottom: 1px solid #E5E5E5;
		position: relative;
		margin-bottom: 15px;
	}
	
	
	.bottom-wear-right .button-wrapper .userInfo .userInfo-popBox .popBox-ul li {
		margin-bottom: 20px;
	}
	
	.bottom-wear-right .button-wrapper .userInfo .userInfo-popBox .nav-content-item {
		display: flex;
		align-items: center;
	}
	
	.bottom-wear-right .button-wrapper .userInfo .userInfo-popBox .nav-content-item:hover {
		color: #1a66ff;
	}
	
	
	.bottom-wear-right .button-wrapper .userInfo .userInfo-popBox .nav-content-item  .iconfont {
		margin-right: 10px;
		font-size: 18px;
	}
	
	.bottom-wear-right .button-wrapper .userInfo .userInfo-popBox .nav-content-item .item-productNum {
		color: #F5212D;
		font-size: 12px;
	}
	
	
	.bottom-wear-right .button-wrapper .userInfo .userInfo-popBox .nav-content-item  .iconfont.icon-hc_console_user {
		font-size: 19px;
	}
	
	.bottom-wear-right .button-wrapper .userInfo .userInfo-popBox .nav-content-item  .iconfont.icon-hc_console_exit {
		font-size: 20px;
	}
	
	.userInfo-popBox .popBox-inner > a .nav-content-item {
		position: relative;
		margin-bottom: 15px;
		line-height: 20px;
	}
	
	.popBox-inner .nav-content-item .item-realNameFlag  {
		position: absolute;
		right: 0px;
		top: 0px;
		padding: 0 7px;
		font-size: 12px;
		height: 20px;
		box-sizing: border-box;
		border: 1px solid;
		display: flex;
		align-items: center;
	}
	
	.popBox-inner .nav-content-item .item-realNameFlag.realName {
		color: #3FBF70;
		border-color: #3FBF70;
	}
	
	.popBox-inner .nav-content-item .item-realNameFlag.norealName {
		color: #F5212D;
		border-color: #F5212D;
	}
	.font-weight {
		font-weight: bold;
	}
	
	.el-yz-message.success {
	    background-color: #f0f9eb;
	    border-color: #e1f3d8;
		color: #67c23a;
		line-height: 18px;
	}
	.el-yz-message {
		display: none;
	    min-width: 380px;
	    box-sizing: border-box;
	    border-radius: 4px;
	    border: 1px solid #ebeef5;
	    position: fixed;
	    left: 50%;
	    top: 0px;
		opacity: 0;
	    transform: translateX(-50%);
	    background-color: #edf2fc;
	    transition: opacity .3s,transform .4s,top .4s;
	    overflow: hidden;
	    align-items: center;
		font-size: 14px;
		z-index: -1;
		padding: 15px 15px 15px 20px;
	}
	
	.el-yz-message .iconfont  {
		margin-right: 4px;
	}
	
	.el-yz-message.show {
		display: flex;
		opacity: 1;
		top: 20px;
		z-index: 9999;
		animation: descent .3s linear 1;
		-webkit-animation: descent .3s linear 1;
	} 
	
	@keyframes descent {
		0% {
			top:0px;
			opacity: 0;
	
		}
		100% {
			top: 20px;
			opacity: 1;
		}
	}
	
	@-webkit-keyframes descent {
	    0% {
	      top:0px;
	      opacity: 0;
	    }
	    100% {
	      top: 30px;
	      opacity: 1;
	    }
	}
	#editor-text-area h1, #editor-text-area .h1 {
		font-size: 36px;
	}
	
	#editor-text-area h2, #editor-text-area .h2 {
		font-size: 30px;
	}
	
	
	.yz-el-dialog.suggestion .el-dialog  {
		max-width: 800px;
		width: 90%;
	}
	
	
	.yz-el-dialog.suggestion .el-dialog .dialog-content {
		padding:0px 20px 30px 20px !important;
	}
	
	.yz-el-dialog.suggestion .el-dialog .dialog-content  .el-form {
		padding: 0 10px;
		max-height: 550px;
		overflow: auto;
	}
	
	.suggestion .el-dialog  .dialog-content .notice-wrapper{
		width: 100%;
		background: #E4F0FF;
		border: 1px solid #1a66ff;
		padding: 8px 10px;
		display: flex;
		align-items: center;
		font-size: 12px;
		color: #030a1a;
	}
	
	.suggestion .el-dialog .dialog-content .notice-wrapper .el-icon {
		font-size: 16px;
		font-weight: bold;
		color: #1a66ff;
	}
	
	
	.suggestion .el-dialog .el-dialog__headerbtn {
		font-size: 20px;
		top:17px;
	}
	
	.suggestion .el-dialog .uploadButton-wrapper {
		height: 40px;
		background: #FFFFFF;
		border: 1px solid #E5E5E5;
		box-sizing: border-box;
		align-items: center;
		padding-left: 10px;
	}
	.suggestion .el-dialog .uploadButton-wrapper  .uploadButton-left {
		flex: 1;
	}
	
	.suggestion .el-dialog .uploadButton-wrapper .yzButton {
		width: 80px;
		height: 22px;
		background: #1a66ff;
		border: none;
		color: #ffff;
		font-size: 12px;
		white-space: nowrap;
	}
	
	.suggestion .el-dialog .uploadButton-wrapper  .uploadButton-right {
		display: flex;
		align-items: center;
		background: #F5F7FB;
		border-left: 1px solid #E5E5E5;
		height: 100%;
		padding: 0 17px;
		box-sizing: border-box;
	}
	
	.suggestion .el-dialog .uploadButton-wrapper  .uploadButton-right .uploadButton-icon {
		font-weight: 1000;
		    font-size: 16px;
	}
	
	
	.suggestion .el-dialog .el-form-item__label {
		    color: #666666;
	}
	
	
	.suggestion .el-dialog .el-input .el-input__inner {
		height: 32px;
		line-height: 32px;
	}
	
	.suggestion .el-dialog .el-form-item__content,.suggestion .el-dialog .el-form-item__label {
		line-height: 32px;
	}
	
	
	.suggestion .el-dialog  b span, .suggestion .el-dialog  strong  span{
	    font-weight: bolder !important;
	}
	
	.suggestion .el-dialog .w-e-scroll {
		height: 200px;
	}
	
	
	.suggestion	.adjunctUpload-wrapper .adjunctUpload-item {
			width: 100%;
			height: 30px;
			background: #EEF0F5;
			display: flex;
			justify-content: space-between;
			align-items: center;
			box-sizing: border-box;
			padding-left: 20px;
			padding-right: 9px;
			opacity: 1;
			transition: all ease 0.3s;
			position: relative;
			left: 0px;
		}
	
		.suggestion	.adjunctUpload-wrapper .adjunctUpload-item.leave {
			opacity: 0;
			left: 50px;
		}
		.cursorPoint {
			cursor: pointer;
		}
		.yz-el-dialog.suggestion .el-dialog .submitButton-wrapper {
			padding-left: 100px;
		}
		
		 .yz-el-dialog.suggestion .el-dialog .submitButton-wrapper .yzButton{
			 width: 120px;
			 height: 40px;
			 background: #1394FF;
			 font-size: 14px;
			 font-family: MicrosoftYaHei;
			 font-weight: 400;
			 color: #FFFFFF;
			 border: none;
		 }
		 
		 
		 .yz-el-dialog.suggestion .el-dialog  .yzButton.primary.noClick {
			 color: #FFFFFF;
			     border: 1px solid transparent;
			     background-color: #7FB7FF;
				 cursor: no-drop;
		 }
		 
		 .w-e-text-container [data-slate-editor] span {
			 text-decoration: inherit;
		 }
		 
		#editor-text-area div,#editor-text-area ,#editor-text-area p #editor-text-area span{
			-webkit-user-select: text; 
		 }
		 
		 
		/* 新 - 导航头部 */
		
		.pls-nav-dropdown-content::-webkit-scrollbar {
			display: none;
		}

		.pls-nav-dropdown-content {
			-ms-overflow-style: none;  /* IE and Edge */
			scrollbar-width: none;  /* Firefox */
		}
		
		.page-header-parent .pls-nav-dropdown {
		    position: absolute;
		    left: 0;
		    top: 100%;
		    width: 100%;
		    height: 450px;
		    transition: height .2s ease-in-out;
		    max-height: calc(100vh - 62px);
		    overflow: hidden;
		    box-shadow: rgb(55 99 170 / 20%) 8px 8px 20px 0px, #fff -8px -8px 20px 0px;
		    background-color: #ffffff;
		}
		
		.page-header-parent .pls-nav-dropdown .pls-nav-dropdown__wrapper {
			height: 0px;
			transition: transform 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
			opacity: 0;
			transform: translate(0px, -100%);
		}
		
		.page-header-parent .pls-nav-dropdown .pls-nav-dropdown__wrapper.is-active {
			height: 100%;
			transition: transform 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
			opacity: 1;
			transform: translate(0px, 0px);
		}
		
		.pls-nav-dropdown-inner {
		    margin: 0 auto;
		    max-width: 1460px;
		    height: 100%;
			display: none;
		    padding-right: 20px;
		}
		
		.pls-nav-dropdown-inner.is-active {
			display: flex;
		}
		
		.pls-nav-dropdown-side {
		    position: relative;
		    width: 220px;
		}
		
		.pls-nav-dropdown-side:before {
		    content: "";
		    position: absolute;
		    right: 0;
		    top: 0;
		    width: 50vw;
		    height: 100%;
		    background: #f7f8fa url(../../../images/scg/bg-navigation@2x.png) right bottom no-repeat;
		    background-size: 400px auto;
		}
		
		.pls-nav-dropdown-side-inner {
		    position: absolute;
		    left: 0;
		    top: 0;
		    width: 100%;
		    height: 100%;
		    overflow-x: hidden;
		    overflow-y: hidden;
		    padding-left: 20px;
		    padding-top: 40px;
		    box-sizing: border-box;
		}
		
		.pls-nav-cat-menu {
		    display: flex;
		    flex-direction: column;
		    height: 100%;
		}
		
		.pls-nav-cat-menu.pls-nav-cat-menu__single {
			padding-right: 40px;
			align-items: flex-end;
		}
		
		
		.pls-nav-cat-menu .pls-nav-cat-menu-title {
			color: #030a1a;
			font-weight: 700;
			font-size: 18px;
			line-height: 25px;
		}
		
		.pls-nav-cat-menu .pls-nav-cat-menu-desc {
			margin: 20px 0 30px;
			color: #858c99;
			font-size: 13px;
			line-height: 18px;
		}
		
		.pls-nav-cat-menu-list {
			position: relative;
		    height: 1px;
		    flex: 1;
		    overflow-x: hidden;
		    overflow-y: hidden;
		    margin-left: -20px;
		    padding-left: 20px;
		    font-size: 0;
		}
		
		.pls-nav-cat-menu-item {
		    display: flex;
		    width: 100%;
			height: 60px;
			align-items: center;
			cursor: pointer;
			transition: all .2s linear;
			-ms-transition: all .2s linear;
			-moz-transition: all .2s linear;
			-webkit-transition: all .2s linear;
			-o-transition: all .2s linear;
			justify-content: flex-end;
			padding-right: 40px;
		}
		
		
		.tpm-hero2__ctrl-item-line {
		    position: absolute;
		    right: -2px;
		    left: 0;
		    transition: all .4s ease-in-out;
			height: 60px;
		}
		
		.tpm-hero2__ctrl-item-line:before {
		    content: "";
		    position: absolute;
		    left: 0;
		    top: 0;
		    width: 100%;
		    height: 100%;
			cursor: pointer;
		    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%);
		}
		
		.tpm-hero2__ctrl-item-line:after {
		    content: "";
		    position: absolute;
		    right: 2px;
		    top: 0;
		    z-index: 2;
		    width: 2px;
		    height: 100%;
		    background-color: #006EFF;
		    transition: all .3s ease-in-out;
		}
		
		.pls-nav-cat-menu-item-link {
		    position: relative;
		    display: inline-block;
		    vertical-align: top;
		    line-height: 22px;
			font-size: 16px;
			font-weight: 500;
			color: #030a1a;
		}
		
		.pls-nav-cat-menu-item.is-active>.pls-nav-cat-menu-item-link {
		    color: #006efc;
		    font-weight: 500;
		}
		
		.pls-nav-dropdown-content {
		    flex: 1;
		    display: flex;
		    overflow-x: auto;
		    overflow-y: auto;
		    margin-right: -60px;
		    padding-right: 30px;
		}
		
		.pls-nav-dropdown-content-inner {
		    display: flex;
		    width: 100%;
		    min-width: 900px;
		}
		
		.pls-nav-dropdown-main {
		    flex: 1;
			display: none;
		    max-width: 1100px;
		    box-sizing: border-box;
		    padding: 32px;
			max-width: 1168px;
		}
		
		.pls-nav-dropdown-main.is-active {
			display: flex;
		}

		.pls-nav-dropdown-main .tp-grid__row {
			padding-bottom: 20px;
		}
		
		.page-header .pls-nav-dropdown-content-inner .nav-menu-dropdown.pls-nav-dropdown-main {
			top: inherit;
			left: inherit;
			transform: none;
			padding: 32px 0px;
		}
		
		
		.page-header .pls-nav-dropdown-content-inner .nav-menu-dropdown.pls-nav-dropdown-main .nav-menu-wrap {
			height: auto;
			display: flex;
			justify-content: space-between;
			box-shadow: none;
			border-radius: 0px;
			opacity: 1;
			max-height: 100%;
			padding: 0px;
			background: transparent;
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			grid-template-rows: repeat(2, auto);
			grid-gap: 1.5rem;
		}
		
		.page-header .pls-nav-dropdown-content-inner .nav-menu-dropdown.pls-nav-dropdown-main .nav-menu-wrap .menu-item {
			padding: 0 32px;
		}
		
		.page-header .pls-nav-dropdown-content-inner .nav-menu-dropdown.pls-nav-dropdown-main .nav-menu-wrap .menu-item .menu-item-title {
			border-bottom: 1px solid #DDE8F5;
			font-size: 16px;
			font-weight: 500;
			color: #030a1a;
			line-height: 22px;
		}
		
		.page-header .pls-nav-dropdown-content-inner .nav-menu-dropdown.pls-nav-dropdown-main .nav-menu-wrap .menu-item .menu-item-category {
            padding: 23px 0px 0px 0px;
  }
		
		.page-header .pls-nav-dropdown-content-inner .nav-menu-dropdown.pls-nav-dropdown-main .nav-menu-wrap .menu-item .menu-item-category .category-li {
			font-size: 14px;
			font-weight: 400;
			color: #030a1a;
			line-height: 20px;
			margin-top: 0px;
			margin-bottom: 16px;
		}
		
		.page-header .pls-nav-dropdown-content-inner .nav-menu-dropdown.pls-nav-dropdown-main .nav-menu-wrap .menu-item .menu-item-category .category-li:hover {
			color: #006EFF;
		}
		
		.pls-nav-dropdown-main .pls-nav-dropdown-item {
			position: relative;
			height: auto;
			box-shadow: 0px 4px 12px 0px rgba(41,57,87,0.08);
			border: 2px solid #FFFFFF;
			padding: 24px 16px;
			margin-bottom: 16px;
			background-size: cover;
		}
		
		.pls-nav-dropdown-main .pls-nav-dropdown-item .nav-dropdown-item-title {
			font-size: 14px;
			font-weight: 500;
			color: #030a1a;
			line-height: 20px;
		}
		
		.pls-nav-dropdown-main .pls-nav-dropdown-item .nav-dropdown-item-desc {
			font-size: 14px;
			font-weight: 400;
			color: #293957;
			line-height: 20px;
			margin-top: 8px;
			border-bottom: 1px solid #F2F2F2;
			padding-bottom: 16px;
		}
		
		
		.pls-nav-dropdown-main .pls-nav-dropdown-item .tpm-prod-hero__btn-group-wrapper {
            line-height: 1;
            margin-top: 23px;
		}
		
		.pls-nav-dropdown-main .pls-nav-dropdown-item .tpm-prod-hero__btn-group-wrapper .tpm-prod-hero__btn-group {
			margin: 0px;
			margin-right: 32px;
		}
		
		.pls-nav-dropdown-main .pls-nav-dropdown-item .tpm-prod-hero__btn-group-wrapper .tpm-prod-hero__btn-group .tpm-btn.tpm-btn--primary {
			margin-right: 8px;
			transition: none;
			color: #fff;
		}
		
		.pls-nav-dropdown-main .pls-nav-dropdown-item .tpm-prod-hero__btn-group-wrapper .tpm-prod-hero__btn-group .tpm-btn {
			height: 32px;
			font-size: 14px;
			line-height: 32px;
			margin-left: 0px;
		}
		
		.pls-nav-dropdown-main .pls-nav-dropdown-item .tpm-prod-hero__btn-group-wrapper .tpm-link.tp-link {
			color: #006eff;
		}
		
		.page-header-parent .page-header .tpm-btn.tpm-btn--lightTodeep.tpm-btn-header-right {
			background: transparent;
			border-color: rgba(255, 255, 255, 0.4);
			color: rgba(255, 255, 255, 0.9);
		}
		
		
		.pls-nav-dropdown-main .pls-nav-dropdown-item .tpm-btn {
			min-width: 104px;
		}

        .main-bottom .bottom-wear-right .tpm-btn {
            min-width: auto;
            padding: 0 16px;
            height: 36px;
            line-height: 36px;
            font-size: 14px;
        }

        .page-header .bottom-wear-right .link-style {
            font-size: 14px;
            padding: 0  16px;
            position: relative;
        }

        .page-header .bottom-wear-right .link-style:last-child::after {
            content: '';
            width: 1px;
            height: 20px;
            background: #C0C0C0;
            position: absolute;
            display: block;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
        }


        .page-header .bottom-wear-right  .tpm-prod-hero__btn-group {
            margin-top: 0px;
        }

        .page-header .bottom-wear-right .button-wrapper {
            margin-left: 16px;
        }

        .page-header .bottom-wear-right .tpm-btn+.tpm-btn {
            margin-left: 6px;
        }

        .page-header .bottom-wear-right .tpm-btn.tpm-btn--primary:hover {
            color: #fff;
        }



        .hot__flag {
            display: inline-block;
            font-weight: 400;
            line-height: 16px;
            width: auto;
            padding: 0 4px;
            height: 16px;
            color: #fff !important;
            font-size: 10px;
            font-family: PingFangSC, PingFang SC, Microsoft YaHei;
            font-style: normal;
            text-align: center;
            background: linear-gradient(184deg, #ff7865, #ff5151);
            border-radius: 2px;
        }
		
		/* 22年9月19 添加 */
		[v-clock] {
			display: none !important;
		}
		.service-side ul li img {
			margin: 0;
		}
		
		.yz-el-dialog.suggestion.dialog-suggestion .dialog-title {
			border-bottom: none;
		}
		
		
		
		.page-header > .main .main-bottom .bottom-wear-left ul.zixun-page-list {
			display: none;
		}
		.page-header > .main .main-bottom .bottom-wear-right > ul{
			display: none;
		}
		.page-header .zixun-logo {
			display: none;
		}
		
		#couponsimg {
			height: 60px;
			position: relative;
			max-width: 1920px;
			margin: auto;
			display: none;
			overflow: hidden;
		}
		
		#couponsimg .carousel-item-container {
			height: 100%;
			transition: all .4s ease-in-out;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background-position: 50%;
			background-size: cover;
			background-image: url(/act/june/img/20240618_active07.png);
		}
		
		#couponsimg .close-container {
			height: 100%;
			text-align: right;
			position: relative;
			width: 1170px;
			margin: 0 auto;
		}
		
		#couponsimg .close-container img {
			position: absolute;
			z-index: 10;
			text-shadow: none;
			font-family: sans-serif;
			width: 30px;
			cursor: pointer;
			top: 50%;
			margin-top: -15px;
			right: -80px;
		}
		
		.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category .category-li {
			white-space: nowrap;
		}
		

		@media (max-width: 1500px) {
			#couponsimg .close-container img {
				right: 0px;
			}

            .page-header .bottom-wear-right .link-style {
                padding: 0 12px;
            }

            .page-header .main-bottom .submenu  {
                margin-right: 23px;
            }

            .page-header-parent .pls-nav-dropdown {
                height: 490px;
            }

            .page-header .pls-nav-dropdown-content-inner .nav-menu-dropdown.pls-nav-dropdown-main .nav-menu-wrap .menu-item {
                padding: 0  16px;
            }

            .page-header .pls-nav-dropdown-content-inner .nav-menu-dropdown.pls-nav-dropdown-main .nav-menu-wrap .menu-item .menu-item-category {
                padding: 23px 16px 0px 16px;
            }
        } 
		 
		 @media (max-width: 768px) {
			 #couponsimg {
				 display:none !important;
			 }
			 .container {
				 width:100% !important;
			 }
			 
			 div.col-xs-12 {
				 width:100%;
			 }
			 
			 /* 22年9月19 添加 */
			 .navbar.navbar-default .container,
			 footer .container {
			 	width: 100% !important;
			 }
			 
			 .navbar-header {
			 	float: none !important;
			 }
			 
			 header .navbar .navbar-header {
			 	margin-top: 0px !important;
			 }
			 
			 header .navbar.navbar-default .navbar-brand {
			 	width: 130px;
			 	height: 60px;
			 }
			 
			 header .navbar-default ul.navbar-nav {
			 	margin: 0px;
			 	width: 100%;
			 }
			 
			 header .navbar-default ul.navbar-nav>li {
			 	float: none;
			 }
			 
			 header .navbar .navbar-nav>li>a {
			 	line-height: 35px !important;
			 }
			 
			 footer .Copyright .footer-link {
			 	color: #fff600;
			 }
			 
			 footer.Last {
			 	background: #212121;
			 }
			 
			 footer ul.footer_social_links {
			 	float: left;
			 }
			 
			 .service-side {
			 	top: 80% !important;
			 	left: 10px;
			 }
			 
			 .service-side ul>li:first-child {
			 	display: none;
			 }
			 
			 .service-side ul li .tips_1 {
			 	display: none;
			 }
			 
			 .service-side ul li .phone_tops {
			 	display: none;
			 }
			 
			 .sidebox.cd-top.show {
			 	display: none !important;
			 }
			 
			 .service-side ul li {
			 	display: none;
			 }
			 
			 .service-side ul li:nth-of-type(2) {
			 	display: block;
			 }
			 
			 .page-footer {
			 	display: none;
			 }
		 }
	
	
/* header */

.rightIcon-item.iconButton.active svg:first-child {
    display: block;
}

.rightIcon-item.iconButton.active svg:last-child {
    display: none;
}

.rightIcon-item.iconButton svg:first-child {
    display: none;
}

.rightIcon-item.iconButton svg:last-child {
    display: block;
}



.nav-menu-dropdown.clearfix {
		display: none;
	}
	
	.page-header-parent .discolorheader.page-header {
		backdrop-filter: none;
		padding-bottom: 0px;
        box-shadow: none;
        border-bottom: none;
	}

    .page-header-parent .discolorheader.page-header::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .page-header-parent .discolorheader.page-header:hover::before {
        box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%);
        z-index: 1;
    }
    
	
	.page-header > .main .main-bottom {
		height: 64px;
	}
	

	.page-header > .main .main-bottom .bottom-wear-left ul {
		height: 100%;
	}
	
	.page-header .main-bottom .submenu {
		line-height: 64px;
		height: 100%;
		white-space: nowrap;
		position: relative;
	}

    .page-header > .main {
        width: 100%;
        position: relative;
        min-width: auto;
        padding: 0 24px;
        z-index: 2;
        backdrop-filter: blur(10px);
        background-color: #000000;
    }
    
    .page-header .main-bottom .submenu, .page-header>.main .main-top .top-wear-right .link-style {
        color: rgba(255, 255, 255, 0.9);
    }

		.tpm-prod-hero__bg-inner .tpm-prod-hero__bg-inner-content {
			display: flex;
			height: 100%;
			align-items: center;
		}

		.tpm-prod-hero {
			height: 620px !important;
		}

.tpm-prod-hero__bg-inner .tpm-prod-hero__bg-inner-content .bg-title {
    font-family: 'AlimamaShuHeiTi-Bold' ;
    font-weight: bold;
    line-height: 1.3;
    font-size: 60px;
	font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 72px;
	animation: textShine 3s ease-in-out infinite alternate;
	background: linear-gradient(to right,#f4b156 20%,#FBB352  30%,#F9F5A2  70%,#FDB25C 80%);
	background-size: 500% auto;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}

.tpm-prod-hero__bg-inner .tpm-prod-hero__bg-inner-content .bg-title.bg-title_white {
    color: #fff;
    background: none;
    -webkit-text-fill-color: initial;
}

.tpm-prod-hero__bg-inner .bg-desc {
    color: #fff;
    font-size: 16px;
    margin-top: 18px;
    font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
}

.tpm-prod-hero__bg-inner  .bg-inner-content-main {
	margin-left: -54px;
    text-align: left;
}

.tpm-prod-hero__bg-inner .tpm-prod-hero__bg-inner-content  .bg-title_wrap .bg-title:not(.bg-title_white)   {
    animation: textShine 3s ease-in-out infinite alternate;
    background: linear-gradient(to right,#f4b156 20%,#FBB352  30%,#F9F5A2  70%,#FDB25C 80%);
    background-size: 500% auto;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

 .bg-title_wrap {
    margin-top: 6px;
 }

.tpm-prod-hero__bg-inner   .bg-desc-child {
    position: relative;
    height: 40px;
    background: #FFFFFF;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
}

.tpm-prod-hero__bg-inner   .bg-desc-child.bg-desc-first {
    z-index: 10;
    color: #FF3B20;
}

.tpm-prod-hero__bg-inner   .bg-desc-child.bg-desc-first span {
    font-size: 24px;
    margin-left: 10px;
}


.tpm-prod-hero__bg-inner   .bg-desc-child.bg-desc-second {
    background: none;
    border: 1px solid #fff;
    padding-left: 60px;
    left: -37px;
}

.desc_mainColor {
	 color: #FF3B20;
}

@keyframes textShine {
    0% {
        background-position: 0% 50%;
   }
    100% {
        background-position: 100% 50%;
   }
}


@media (hover: hover) and (pointer:fine) {

.page-header .main-bottom .submenu.selected:hover:after {
    position: absolute;
    content: "";
    display: block;
    left: -10px;
    top: 17px;
    width: -webkit-calc(100% + 20px);
    width: -moz-calc(100% + 20px);
    width: calc(100% + 20px);
    )100%;
    height: 30px;
    border-radius: 3px;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
    background: hsla(0, 0%, 100%, .12);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
}







.modile-header {
	display: none;
}


@media (max-width: 768px) {
	.modile-header {
		display: none;
	}
	.page-header-parent {
		display: none;
	}
	
	.modile-header.newModile-header {
		display: block;
		color: #333333;
	}
	
	.modile-header .navbar {
		border: none;
		margin-bottom: 0px;
		position: static;
		padding: unset;
		align-items: baseline;
	}

	.navbar-header:before,
	.navbar-header:after {
		display: none;
	}

	.modile-header img {
		max-width: 100%;
	}
	
	.el-yz-message {
		min-width: auto;
		width: calc(100% - 40px);
		margin: auto;
	}
	
	.modile-header .navbar-header {
		position: fixed;
		width: 100%;
		height: 50px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-left: 15px;
		padding-right: 13px;
		background: rgb(0, 0, 0);
		z-index: 999;
	}


	.modile-header .navHeader-right .rightIcon-item {
		min-width: 20px;
		min-height: 20px;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-left: 20px;
	}


	.modile-header .navHeader-right .rightIcon-item .trigger-inner,
	.modile-header .navHeader-right .rightIcon-item .trigger-inner::after,
	.modile-header .navHeader-right .rightIcon-item .trigger-inner::before {
		content: '';
		position: absolute;
		background-color: #333;
		height: 3px;
		width: 17px;
	}

	.modile-header .navHeader-right .rightIcon-item .trigger-inner {
		left: 50%;
		top: 50%;
		bottom: auto;
		right: auto;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}

	.modile-header .navHeader-right .rightIcon-item .trigger-inner::after,
	.modile-header .navHeader-right .rightIcon-item .trigger-inner::before {
		content: "";
		left: 0;
		-webkit-transition: -webkit-transform 0.2s;
		transition: -webkit-transform 0.2s;
		transition: transform 0.2s;
		transition: transform 0.2s, -webkit-transform 0.2s;
	}

	.modile-header .navHeader-right .rightIcon-item .trigger-inner::before {
		left: 0px;
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}

	.modile-header .navHeader-right .rightIcon-item .trigger-inner::after {
		left: 0px;
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}

	.modile-header .navHeader-right .rightIcon-item.active .trigger-inner {
		background-color: transparent !important;
	}

	.modile-header .navHeader-right .rightIcon-item.active .trigger-inner::before {
		transform: rotate(45deg) !important;
	}

	.modile-header .navHeader-right .rightIcon-item.active .trigger-inner::after {
		transform: rotate(-45deg) !important;
	}

	.modile-header .navHeader-left .content-logo {
		width: 94px;
		display: flex;
	}
	
	.modile-header .navHeader-left .content-logo>img {
		width: 100%;
	}

	.modile-header .navHeader-right .rightIcon-item .personInfo-userLogo {
		width: 22px;
		height: 22px;
		align-items: center;
	}
	
	.modile-header .navHeader-right .rightIcon-item .personInfo-userLogo .iconfont {
		width: 20px;
		height: 20px;
		border: 2px solid;
		border-radius: 50%;
		display: none;
		align-items: center;
		justify-content: center;
		font-weight: 700;
	}

	.modile-header .navHeader-right .rightIcon-item .personInfo-userLogo img {
		display: none;
		border-radius: 50%;
		border: 2px solid #333333;
	}

	.modile-header .navbar-collapse {
		background: #fff;
		position: fixed;
		padding: 16px 15px;
		top: 50px;
		width: 100%;
		left: 0px;
		box-shadow: 1px 4px 6px 0px rgba(51, 51, 51, 0.4);
		max-height: inherit;
		z-index: -1;
		opacity: 0;
		transform: translateY(-100%);
		transition: all 0.3s ease-out;
	}

	.modile-header .navbar-collapse.active {
		z-index: 100;
		opacity: 1;
		transform: translateY(0);
	}

	.modile-header .navbar-collapse .navbar-collapse-content a {
		color: #333;
	}

	.modile-header .navbar-collapse .navbar-collapse-content .user-info {
		display: none;
		line-height: 1;
		padding-bottom: 15px;
		border-bottom: 1px solid #E5E5E5;
		margin-bottom: 15px;
	}

	.modile-header .navbar-collapse .navbar-collapse-content .user-info .userInfo-name-wrapper {
		align-items: center;
	}

	.modile-header .navbar-collapse .navbar-collapse-content .user-info .userInfo-name-flag {
		display: flex;
		align-items: center;
		padding: 0px 5px;
		box-sizing: border-box;
		height: 18px;
		background: #8DBEFF;
		font-size: 12px;
		color: #006EFF;
	}

	.modile-header .navbar-collapse .navbar-collapse-content .user-info .userInfo-id-wrapper {
		font-size: 12px;
	}


	.modile-header .navbar-collapse .navbar-collapse-content .contentMain-ul {
		padding-top: 20px;
		border-top: 1px solid #E5E5E5;
		border-bottom: 1px solid #E5E5E5;
		position: relative;
		margin-bottom: 15px;
	}

	.modile-header .navbar-collapse .navbar-collapse-content .nav-content-item {
		display: flex;
		align-items: center;
		line-height: 1;
	}

	.modile-header .navbar-collapse .navbar-collapse-content>a .nav-content-item,
	.modile-header .navbar-collapse .navbar-collapse-content .nav-content-item.exit {
		position: relative;
		margin-bottom: 15px;
		line-height: 20px;
	}

	.modile-header .navbar-collapse .navbar-collapse-content .nav-content-item.exit {
		padding-top: 15px;
		border-top: 1px solid #E5E5E5;
	}

	.modile-header .navbar-collapse .navbar-collapse-content .contentMain-ul li {
		margin-bottom: 20px;
	}

	.modile-header .navbar-collapse .navbar-collapse-content .nav-content-item:hover {
		color: #118efc;
	}

	.modile-header .navbar-collapse .navbar-collapse-content .nav-content-item .iconfont {
		margin-right: 10px;
		font-size: 18px;
	}

	.modile-header .navbar-collapse .navbar-collapse-content .nav-content-item .item-productNum {
		position: absolute;
		right: 0px;
		color: #F5212D;
	}

	.modile-header .navbar-collapse .navbar-collapse-content .nav-content-item .iconfont.icon-hc_console_user {
		font-size: 19px;
	}

	.modile-header .navbar-collapse .navbar-collapse-content .nav-content-item .iconfont.icon-hc_console_user {
		font-size: 20px;
	}

	.navbar-collapse .nav-content-item .item-realNameFlag {
		position: absolute;
		right: 0px;
		top: 0px;
		padding: 0 7px;
		font-size: 12px;
		height: 20px;
		box-sizing: border-box;
		border: 1px solid;
		display: none;
		align-items: center;
	}

	.navbar-collapse .nav-content-item .item-realNameFlag.norealName {
		color: #F5212D;
		border-color: #F5212D;
	}
	
	.navbar-collapse .nav-content-item .item-realNameFlag.realName {
		color: #3FBF70;
		border-color: #3FBF70;
	}

	.navbar-collapse .yzButton-wrapper {
		border-top: 1px solid #E5E5E5;
		padding-top: 16px;
	}

	.navbar-collapse .yzButton-wrapper .yzButton {
		flex: 1;
		height: 40px;
		margin: 0px;
		box-sizing: border-box;
		padding: 0px;
	}
	.navbar-collapse .yzButton-wrapper .yzButton a {
		padding: 0 20px;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		color: inherit;
	}

	.navbar-collapse .yzButton-wrapper .yzButton.deep {
		margin-right: 5px;
		background: var(--mainColor);
		color: #fff;
		border: none;
	}

	.navbar-collapse .yzButton-wrapper .yzButton.light {
		margin-left: 5px;
		color: var(--mainColor);
		border: 1px solid var(--mainColor);
	}

	.modile-header .navbar-collapse.menuInfo {
		position: fixed;
		bottom: 0px;
		padding-top: 0px;
	}

	.modile-header .navbar-collapse.menuInfo .nav-content-item {
		position: relative;
		height: 46px;
		align-items: center;
		z-index: 100;
		background-color: #fff;
	}
	
	.modile-header .navbar-collapse.menuInfo .nav-item-wrapper.active .nav-content-item {
		color: #118EFC;
	}
	
	.modile-header .navbar-collapse.menuInfo .navbar-collapse-content a.active {
		color: #118EFC;
	}
	

	.modile-header .navbar-collapse.menuInfo .nav-item-wrapper:not(.active) .nav-content-item::after, .modile-header .navbar-collapse.menuInfo .nav-item-wrapper[data-name='act'] .nav-content-item::after{
		content: '';
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 1px;
		background: #E5E5E5;
	}


	.modile-header .navbar-collapse.menuInfo .nav-content-item .el-icon-caret-bottom {
		position: absolute;
		right: 0px;
		color: #333;
		transition: all 0.3s linear;
	}

	.modile-header .navbar-collapse.menuInfo .nav-item-wrapper {
		position: relative;
	}

	.modile-header .navbar-collapse.menuInfo .nav-item-wrapper.active .nav-content-item .el-icon-caret-bottom {
		transform: rotate3d(0, 0, 1, 180deg);
	}

	.modile-header .navbar-collapse.menuInfo .navbar-collapse-content .nav-item-wrapper .nav-ul-wrapper {
		position: relative;
		padding: 8px 24px;
		line-height: 1;
		background: #F4F4F4;
		display: none;
	}

	.modile-header .navbar-collapse.menuInfo .navbar-collapse-content .nav-item-wrapper.active .nav-ul-wrapper {
		display: block;
		animation: fadeInTop 0.3s ease-out;
	}

	@keyframes fadeInTop {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, -100%, 0);
			transform: translate3d(0, -100%, 0);
		}

		100% {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
	}

	@-webkit-keyframes fadeInTop {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, -100%, 0);
			transform: translate3d(0, -100%, 0);
		}

		100% {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
	}



	.modile-header .navbar-collapse.menuInfo .navbar-collapse-content .nav-item-wrapper .nav-ul-wrapper .nav-ul-li {
		padding: 8px 0px;
		font-size: 13px;
	}

	.modile-header .navbar-collapse.menuInfo .navbar-collapse-content .nav-content-item .iconfont {
		margin-right: 6px;

	}
	
	.navModile-wrapper {
		top: 50px;
	}
	
	.tips_1.modile {
		padding-bottom: 10px;
		height: auto !important;
		top: -219px !important;
	}
	
	.tips_1.modile:after {
	    top: 208px !important;
	}
	
	.modile-header .navHeader-right .rightIcon-item  svg,.modile-header .navHeader-right .rightIcon-item  path {
    color: #fff;
    fill: #fff;
}

    .tpm-prod-hero {
        height: 300px!important
    }

}
	
	
	
	
	
	
	

.page-header.dark-header > .main {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: hsla(0, 0%, 100%, .1);
    border-color: hsla(0, 0%, 100%, .2);
    box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .005), inset 0 0 68px hsla(0, 0%, 100%, .01);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background: hsla(0, 0%, 2%, .8);
}

.page-header.dark-header > .main:after {
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: -webkit-calc(100% - 1px);
    top: -moz-calc(100% - 1px);
    top: calc(100% - 1px);
    z-index: -1;
    background: hsla(0, 0%, 100%, .05);
}


.language-switcher {
    margin-left: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
}

.language-switcher svg,.language-switcher svg path {
    fill: rgba(255, 255, 255, 0.9);
    width: 20px;
    margin-right: 5px;
}