.vc-hd,
.vi-hdm.app-tips {
	display: none;
}

@media (max-width: 1199px) {

	
	.vi-hd,
	.vi-hdm:not(.app-tips) {
		display: none !important;
	}

	
	.glo-wrapper {
		min-width: 0;
		max-width: none;
	}
	.vi-hdm.app-tips .menu-content .main {
		min-width: 0;
	}

	.head-notice-top,
	.head-no-notice-top {
		margin-top: 0 !important;
		padding-top: calc(var(--notice-height, 0px) + 50px) !important;
	}
	.glo-wrapper-top:not(.article-wrapper) {
		margin-top: calc(var(--notice-height, 0px) + 50px) !important;
	}
	body.single-product > .container {
		margin-top: calc(var(--notice-height, 0px) + 50px) !important;
	}
	.sticky-top,
	.landing-nav.fixed-nav,
	.nav-tabs__bmsm {
		top: calc(var(--notice-height, 0px) + 50px) !important;
	}

	
	.vc-hd {
		display: flex;
		position: fixed;
		top: var(--notice-height, 0px);
		left: 0;
		width: 100%;
		height: 50px;
		padding: 0 14px;
		align-items: center;
		background: #fff;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.09);
		z-index: 9999;
	}

	.vc-hd-inner {
		display: flex;
		align-items: center;
		width: 100%;
		gap: 10px;
	}

	.vc-menu-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 28px;
		height: 28px;
		padding: 0;
		border: 0;
		background: none;
		color: #333;
		cursor: pointer;
	}
	.vc-menu-btn .bi {
		font-size: 26px;
		line-height: 1;
	}

	.vc-logo {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
		min-width: 0;
	}
	.vc-logo img {
		height: 25px;
		width: auto;
		max-width:initial ;
	}

	.vc-hd-right {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex: 1;
		min-width: 0;
		gap: 12px;
	}

	.vc-icon {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #333;
		line-height: 1;
	}
	.vc-icon .iconfont {
		font-size: 22px;
		line-height: 1;
	}
	.vc-cart .cart-num {
		top: -8px;
		left: 15px;
		min-width: 18px;
    padding: 0 2px;
    height: 18px;
    background: #FF9E2C;
    border-radius: 9px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    top: -8px;
    left: 16px;
    border: 1px solid #fff;
    font-weight: 700;
    
	}

	
	.vc-hd-right .search-content {
		flex: 1;
		min-width: 0;
		height: 30px;
		flex-wrap: nowrap;
		background: #fff;
		border-radius: 4px;
		overflow: hidden;
		border: 1px solid #333;        max-width: 200px;
	}
	.vc-hd-right .search-content .left {
		flex: 1;
		min-width: 0;
		height: 30px;
		padding: 0 4px 0 0;
	}
	.vc-hd-right .search-content .search-input {
		width: 100%;
		height: 30px;
		border: 0;
		background: transparent;
		font-size: 12px;
		color: #333;
		outline: none;
	}
	.vc-hd-right .search-content .ga_yang_search {
		flex: 0 0 30px;
		width: 30px;
		height: 30px;
		padding: 0;
		border: 0;
		background: #333;
		color: #fff;
		border-radius: 0;
	}
	.vc-hd-right .search-content .ga_yang_search .iconfont {
		font-size: 12px;
		line-height: 1;
	}

	
	.vi-hdm.app-tips.open {
		display: block;
		position: fixed;
		top: 100px !important;
		left: 0;
		width: 100%;
		height: calc(100% - 100px) !important;
		background: transparent;
		border-bottom: 0;
		z-index: 10001;
		overflow: hidden;
	}
	.vi-hdm.app-tips .mask {
		    width: 100vw;
    left: 0;
    background: #000;
    opacity: 0.4;
    z-index: -1;
	}
	.vi-hdm.app-tips .left {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		background-color: #F6F6F6;
		    width: calc(100vw - 44px);
    max-width: 500px;
	}
	.vi-hdm.app-tips .left > .flex {
		height: 100%;
	}

	
	.vi-hdm.app-tips .menu-top {
		display: none;
		height: auto;
		padding: 10px 16px;
		background: transparent;
	}
	.vi-hdm.app-tips .menu-top .menu-list a {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.vi-hdm.app-tips .menu-top img {
		display: block;
		height: 28px;
		width: auto;
		max-width: 160px;
	}

	
	.vi-hdm.app-tips .menu {
		flex: 1;
		min-height: 0;
		overflow: hidden;
	}
	.vi-hdm.app-tips .menu-left {
		    min-width: 113px;
    flex-shrink: 0;
    width: 34.1389728%;
	}
	.vi-hdm.app-tips .menu-left .menu-list .menu-item.active::before {
    content: '';
    height: 100%;
    width: 2px;
    background-color: #FF9E2C;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
		
.vi-hdm.app-tips .menu-left .menu-list {
    background-color: #F6F6F6;
    padding: 0;
    height: calc(100% - 38px);
    overflow-y: scroll;
    overflow-x: auto;
    scrollbar-width: none;
}
	.vi-hdm.app-tips .menu-left .menu-item {
		padding: 15px 16px;
		font-size:14px;
		color: #333;
	}
	.vi-hdm.app-tips .menu-left .menu-item.active {
		color: #FF9E2C;
		font-weight: 700;
	}
	.vi-hdm.app-tips .menu-left .menu-item .item-name a {
		display: block;
		color: inherit;
	}

	
	.vi-hdm.app-tips .menu-footer {
		background-color: #F6F6F6;
		padding: 0 11px;
    height: 38px;
    line-height: 38px;
    border-top: 1px solid #EBEBEB;
	}
	.vi-hdm.app-tips .menu-footer .menu-item {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 0;
	}
	.vi-hdm.app-tips .menu-footer .bi {
		font-size: 15px;
		color: #666;
	}

	/* 鍙虫�?sub-menu */
	.vi-hdm.app-tips .menu-right {
		flex-shrink: 1;
    height: 100%;
    overflow: hidden;
    width: 65.8610272%;
}
	}
	.vi-hdm.app-tips .sub {
		
		    height: 100%;
	}
	.vi-hdm.app-tips .sub-menu {
		display: block;
		
		    height: 100%;
    overflow-y: scroll;
    overflow-x: auto;
    scrollbar-width: none;
	}
	.vi-hdm.app-tips .sub-menu.d-none {
		display: none;
	}
	.vi-hdm.app-tips .sub-menu-item {
		max-width: none;
		margin-bottom: 2px;
	}
	.vi-hdm.app-tips .sub-menu-item .title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 3px 0;
		font-size: 13px;
		color: #333;
	}
	.vi-hdm.app-tips .sub-menu-item .title .iconfont {
		font-size: 10px;
		color: #999;
		line-height: 1;
		transition: transform 0.2s ease;
	}


	.vi-hdm.app-tips .sub{height: 100%;}
.vi-hdm.app-tips .sub-menu{height:100%;overflow-y: scroll;overflow-x: auto;scrollbar-width: none;  }
.vi-hdm.app-tips .sub-menu .menu-list{display: flex;flex-direction: row;flex-wrap: wrap;overflow: hidden;}
.vi-hdm.app-tips .sub-menu .menu-list .sub-menu-item{background-color: #fff;border-radius: 4px 0 0 4px;padding: 12px;font-size: 14px;position: relative; margin-left: 0; margin-right: 0;}
.vi-hdm.app-tips .sub-menu .third-menu{margin-top: 12px;display: grid; grid-template-columns: repeat(2, 1fr);gap: 16px 18px; padding-left: 0; padding-right: 0;}
.vi-hdm.app-tips .posa .menu-title-close{position: absolute;width: 44px; height: 44px;background: #333;color: #fff;text-align: center; font-size: 24px; line-height: 39px;font-weight: 400;top: 0;left: 100%;}
.vi-hdm.app-tips .loadBox{display: block;width: 100%;height: 0;margin-bottom: 4px;border-radius: 8px;overflow: hidden;padding-bottom: 100%;position: relative;}
.vi-hdm.app-tips .item-image{width: 100%;height: 100%;border-radius: 8px;overflow: hidden;object-fit: cover;position: absolute;top: 0;left: 0; margin-bottom: 4px;}
.vi-hdm.app-tips .menu-right .row{flex: 1 1 100%;width: 100%;grid-column: span 2;}
.vi-hdm.app-tips .menu-right .has-image-menu{flex-shrink: 0;width: 50%; position: relative;}
.vi-hdm.app-tips .sub-menu .third-menu .has-image-menu{width: 100%;}
.vi-hdm.app-tips .menu-right .has-image-menu::after { 
    content: '';
    clear: both;
    display: table;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    right: -100%;
    top: 0;
    z-index: -1;
}
.vi-hdm.app-tips .sub-menu .sub-menu-item.text-menu + .sub-menu-item.text-menu::after{
    content: '';
    background: #fff;
    display: block;
    width: 100%;
    height: 8px;
    position: absolute;
    top: -4px;
    left: 0;
    z-index: -1;
}
.vi-hdm.app-tips .menu-right .sub-menu-item.row {margin-top: 8px;}
.vi-hdm.app-tips .menu-right .sub-menu-item.row:has(+.sub-menu-item.has-image-menu){margin-bottom: 8px;}
.vi-hdm.app-tips .sub-menu .menu-list .sub-menu-item:first-child, 
.vi-hdm.app-tips .sub-menu .menu-list .sub-menu-item.text-menu + .sub-menu-item.text-menu{margin-top: 0 !important;}
.vi-hdm.app-tips .sub-menu .menu-list .sub-menu-item:last-child{margin-bottom: 0 !important;}
.vi-hdm.app-tips .sub-menu .menu-list .sub-menu-item.row ~ .has-image-menu:nth-of-type(even){padding: 8px 9px 8px 12px;}
.vi-hdm.app-tips .sub-menu .menu-list .sub-menu-item.row ~ .has-image-menu:nth-of-type(odd){padding: 8px 12px 8px 9px;}
.vi-hdm.app-tips .sub-menu .menu-list .sub-menu-item.row ~ .has-image-menu.item-0{padding: 12px 9px 8px 12px;}
.vi-hdm.app-tips .sub-menu .menu-list .sub-menu-item.row ~ .has-image-menu.item-1{padding: 12px 12px 8px 9px;}
.vi-hdm.app-tips .sub-menu .menu-list .sub-menu-item.row ~ .has-image-menu:last-of-type{padding-bottom:12px;}
.vi-hdm.app-tips .sub-menu .menu-list .sub-menu-item.has-image-menu.line{padding-top: 12px !important;padding-bottom:12px !important;}

.vi-hd  .user-center .ga_yang_enter_user .menu-num__user-order{right: -5px;}

	
	.vi-hdm.app-tips .third-menu .item-list a {
		display: block;
	}
	.vi-hdm.app-tips .third-menu .ellipsis3 {
		font-size: 12px;
		color: #666; text-align: center;
	}
	.vi-hdm.app-tips .third-menu .loadBox {
		background: #f5f5f5;
	}
.vi-hdm.app-tips .posa .menu-title-close {
    position: absolute;
    width: 44px;
    height: 44px;
    background: #333;
    color: #fff;
    text-align: center;
    font-size: 25px;
    line-height: 44px;
    font-weight: 400;
    top: 0;
    left: 100%;
}
	.vi-hdm.app-tips .menu-title-close .iconfont {
		font-size: 25px;
		line-height: 1;
	}

	body.vc-menu-open {
		overflow: hidden;
	}
	
	.vi-top .notice-hashref{
		height: 50px; overflow: hidden;
	}
	.vi-top {
		height: 50px;
	}
	html:has(.vi-top) {
		--notice-height: 50px !important;
	}


@media (max-width: 1199px) {
	.vi-ft .menu {
		flex-direction: column;
		padding: 0;
	}
	.vi-ft .m-item {
		width: 100%;
		padding: 0 16px;
	}
	.vi-ft .m-item .title {
		flex: 1;
		height: 44px;
		font-size: 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		cursor: pointer;
	}
	.vi-ft .m-item .title::after {
		content: '\e685';
		font-family: 'iconfont';
		font-size: 12px;
		line-height: 1;
	}
	.vi-ft .m-item.active .title::after {
		content: '\e684';
	}
	.vi-ft .m-item .box {
		display: none;
	}
	.vi-ft .m-item.active .box {
		display: block;
	}
	.vi-ft .foot-subscribe-box {
		width: 100% !important;
		margin-top: 20px;
	}
	.vi-ft .foot-subscribe-box .ta-l {
		font-size: 15px !important;text-align: center;
	}

	.vi-ft .foot-subscribe-box .subscribe-email{
		width: 200px;
	}
	.vi-ft .contact a {
		margin: 0 8px;
	}
	.foot-contact-pay {
		padding: 30px 0;
	}
	.vi-ft .contact {
		padding-bottom: 20px;
	}
	.certificate-container {
		margin-top: 10px;
		margin-bottom: 0;
	}
	.certificate-container .title {
		font-size: 16px;
	}
	.certificate-slide-item img {
		height: auto;
		width: auto;
		max-width: 100%;
	}
}