.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: 28px;
	height: 22px
}
.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: #078cc1;
	transition: all .36s
}
.ys_phnav_menubtn::before {
	margin-top: -10px
}
.ys_phnav_menubtn::after {
	margin-top: 10px
}
.ys_phnav_menubtn.on span {
	opacity: 0
}
.ys_phnav_menubtn.on::after,
.ys_phnav_menubtn.on::before {
	margin-top: 0
}
.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: 50px;
	width: 100%;
	height: calc(100% - 50px);
	padding: 20px;
	color: #fff;
	
	background-color: #078cc1;
	z-index: 9999;
	
	/* background: -webkit-linear-gradient(90deg, rgba(250,7,45,0.9), rgba(165,6,98,0.9));
	background: -o-linear-gradient(90deg, rgba(250,7,45,0.9), rgba(165,6,98,0.9));
	background: -moz-linear-gradient(90deg, rgba(250,7,45,0.9), rgba(165,6,98,0.9));
	background: linear-gradient(90deg, rgba(250,7,45,0.9), rgba(165,6,98,0.9)); */
}
.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
}
.ys_ph_navbar2 .ys_phnav_menu {
	display: block;
	transform: translateX(100%);
	transition: all .5s cubic-bezier(.55, .085, .68, .53)
}
.ys_ph_navbar2 .ys_phnav_menu.on {
	transform: translateX(0);
	transition: all .5s cubic-bezier(.25, .46, .45, .94)
}
.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
}
@media (min-width: 768px) {
	.ys_hd_ph {
		display: none;
	}
	.ys_phnav_r{
		display: none;
	}
}