.ys_hd_ph {
	display: block;
}
.ys_ph_navbar {
	height: auto;
	overflow: hidden;
}
.ys_phnav_header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px;
	height: 64px;
	background: #fff;
	box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
}
.ys_phnav_logo {
	width: 120px
}
.ys_phnav_logo a {
	width: 100%
}
.ys_phnav_header a,
.ys_phnav_logo,
.ys_phnav_r>div {
	height: auto;
	overflow: hidden;
}
/* .ys_phnav_r>div {
	float: left;
	margin-left: 15px
} */
.ys_phnav_header a {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #333
}
.ys_phnav_menubtn {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 23px;
	height: 22px;
	cursor: pointer;
}
.ys_phnav_menubtn::after,
.ys_phnav_menubtn::before {
	content: ""
}
.ys_phnav_menubtn span,
.ys_phnav_menubtn::after,
.ys_phnav_menubtn::before {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 2px;
	transform: translateY(-50%);
	background: #fff;
	transition: all .36s;
	cursor: pointer;
}
.header:hover .ys_phnav_menubtn span,
.header:hover .ys_phnav_menubtn::after,
.header:hover .ys_phnav_menubtn::before,
.header.fixed.fixed-bgc .ys_phnav_menubtn span,
.header.fixed.fixed-bgc .ys_phnav_menubtn::after,
.header.fixed.fixed-bgc .ys_phnav_menubtn::before{
	background: #fff;
}

.ys_phnav_menubtn::before {
	margin-top: -8px;
	width: 13px;
	left: auto;
	right: 0;
}
.ys_phnav_menubtn::after {
	margin-top: 8px;
	width: 13px;
}
.ys_phnav_menubtn.on span {
	opacity: 0
}
.ys_phnav_menubtn.on::after,
.ys_phnav_menubtn.on::before {
	margin-top: 0;
	width: 100%;
}
.ys_phnav_menubtn.on::before {
	transform: translateY(-50%) rotate(45deg)
}
.ys_phnav_menubtn.on::after {
	transform: translateY(-50%) rotate(-45deg)
}
.ys_phnav_menu {
	/* display: none; */
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/* height: calc(100% - 50px); */
	/* padding: 20px;
	padding-top: 60px; */
	color: #fff;
	
	background-color: #db261d;
	z-index: 9999;
	padding-right:60px;
	padding-left: 30px;

	-webkit-clip-path:polygon(0 0,100% 0,85% 100%,0% 100%);
	clip-path:polygon(0 0,100% 0,85% 100%,0% 100%);
	width:300px;
	
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

}
.ys_ph_nav ul {
	padding: 0 15px;
	display: none
}
.ys_ph_nav a {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.5;
	padding: 1em 0;
	color: #fff;
	max-width: calc(100% - 40px)
}
.ys_ph_nav ul a {
	font-size: 12px
}
.ys_ph_nav li.active >.ys_phnav_lisbox a {
	color: rgba(255, 255, 255, 1)
}
.ys_phnav_lisbox {
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, .4)
}
.ys_phnav_icon {
	display: none;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px
}
.ys_phnav_icon::after,
.ys_phnav_icon::before {
	content: "";
	position: absolute;
	background: #fff;
	transition: all .36s
}
.ys_phnav_icon::before {
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 1px
}
.ys_phnav_icon::after {
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 1px;
	height: 100%
}
.ys_phnav_icon.on::after {
	transform: translateX(-50%) rotate(90deg)
}
.ys_phnav_haschild .ys_phnav_icon {
	display: block
}
.ys_ph_nav li:not(.ys_phnav_haschild)>.ys_phnav_lisbox .ys_phnav_icon {
	display: none
}
.ys_ph_nav li:not(.ys_phnav_haschild)>.ys_phnav_lisbox>a {
	display: block;
	max-width: 100%
}
.ys_phmenu_scroll {
	/* margin-right: -15px;
	padding-right: 15px; */
	max-height: calc(100% - 85px);
	overflow-y: auto;
	width: 100%;
}
.ys_ph_navbar2 .ys_phnav_menu {
	/* display: block; */
	transform: translateX(-110%);
	transition: all .5s cubic-bezier(.55, .085, .68, .53);
	opacity:0;
	visibility: hidden;
}
.ys_ph_navbar2 .ys_phnav_menu.on {
	transform: translateX(0);
	transition: all .5s cubic-bezier(.25, .46, .45, .94);
	opacity: 1;
	visibility: visible;
}
.ys_ph_navbar2 .ys_phnav_header {
	padding-left: 0
}
.ys_ph_navbar2 .ys_phnav_menubtn span,
.ys_ph_navbar2 .ys_phnav_menubtn::after,
.ys_ph_navbar2 .ys_phnav_menubtn::before {
	background: #1c5cb0
}
.ys_ph_navbar2 .ys_phnav_logo {
	width: 140px;
	padding: 0 10px;
	background: #1c5cb0
}
.ys_ph_navbar2 .ys_phnav_menu {
	/* background: #1c5cb0 */
}
.ys_ph_navbar2 .ys_phnav_menubtn.on::before {
	transform: translateY(-50%) rotate(-45deg)
}
.ys_ph_navbar2 .ys_phnav_menubtn.on::after {
	transform: translateY(-50%) rotate(45deg)
}
.ys_ph_navbar2 .ys_ph_nav a {
	font-size: 14px;
	line-height: 24px;
	padding: 13px 0;
}
.ys_ph_navbar2 .ys_ph_nav a.ys_phnav_one{
	text-transform: uppercase;
}
.ys_ph_navbar2 .ys_ph_nav ul a {
	font-size: 14px;
	padding: 8px 0
}
.ys_ph_navbar2 .ys_phnav_icon {
	width: 12px;
	height: 12px
}
.ys_ph_navbar2 .ys_phnav_icon::before {
	height: 2px
}
.ys_ph_navbar2 .ys_phnav_icon::after {
	width: 2px
}
.ys_ph_navbar2 .ys_ph_nav ul ul a {
	font-size: 12px
}
.ys_ph_navbar2 .ys_phnav_menu {
	display: flex;
	flex-direction: column;
	padding-bottom: 0
}
.ys_ph_navbar2 .ys_phmenu_scroll {
	/* flex-grow: 1; */
	max-height: none
}
.ys_ph_navbar2 .ys_phnav_header a {
	color: #1c5cb0
}


.ys_phnav_r {
	width: 50px;
	border-right: 1px solid rgba(255,255,255,0.3);
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
}

.close-menu{
	width: 30px;
	height: 30px;
	background-color: #000;
	color: #fff;
	text-align: center;
	line-height: 30px;
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	font-size: 20px;
}

@media (min-width: 768px) {
	.ys_phnav_r{
		width: 60px;
	}
	.ys_phnav_menu {
		width: 35%;
		padding-left: 50px;
		padding-right: 120px;
	}
	.mb-logo img{
		height: 60px;
	}
}
@media (min-width: 992px) {
	.ys_phnav_r{
		width: 90px;
	}
}

/* @media (min-width: 1200px) {
	.ys_hd_ph {
		display: none;
	}
	.ys_phnav_r{
		display: none;
	}
} */