.layui-fluid {
	position: relative;
	margin: 0 auto;
	padding: 0 0px;
	font-family: "Ubuntu variable", "Ubuntu", -apple-system, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

#huodong{
	height: 64px;
}

#huodong .hd-text{
	color: #fff;
    text-align: center;
    line-height: 65px;
    font-size: 20px;
}

.hd-a{
	    color: #fff;
    margin-left: 20px;
    background-color:#d64a52;
    padding: 5px 10px;
    font-size: 17px;
    border-radius: 5px;
}

.hd-a:HOVER{
	 color: #fff;
	 background-color: #de6e75;
}

.tips_header {
    margin-left: 0px;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    height: 16px;
    padding: 0px 3px;
    min-width: 35px;
    position: absolute;
    right: -10px;
    top: 5px;
    background-color: red;
    border-radius: 0px;
    text-align: center;

}

#gonggao {
	text-align: center;
	background-color: #007bff;
	font-size: 14px;
	color: #fff;
	height: 30px;
	line-height: 30px;
	display: none;
}

#nav {
	background: transparent;
	box-shadow: none;
	height: 62px;
}

#nav:hover {
	box-shadow: 0 10px 20px rgb(255 255 255 / 19%), 0 6px 6px rgb(163 163 163 / 23%);
}

#nav .logo {
	width: 200px;
	float: left;
}

#nav .logo img {
	margin-left: 20px;
	width: 120px;
	margin-top: 15px;
}

#nav .nav-list-wrap {
	min-width: 100px;
	float: left;
}

#nav .nav-list-user {
	min-width: 100px;
	float: right;
}

#nav .nav-list-wrap .nav_li {
	float: left;
	position: relative;
	display: block;
	font-weight: 500;
	font-size: 16px;
	color: #16181a;
	line-height: 62px;
	text-decoration: none;
	cursor: pointer;
	padding: 0 12px;

}

#nav .nav-list-user .nav_li {
	float: right;
	position: relative;
	display: block;
	font-weight: 500;
	font-size: 14px;
	color: #16181a;
	line-height: 62px;
	text-decoration: none;
	cursor: pointer;
	padding: 0 12px;
}

#nav .nav-list-wrap .nav_li:hover {
	color: #d64a52;
	border-bottom: 2px solid #d64a52;
}

#nav .nav-list-wrap .nav_li a:hover {
	color: #d64a52;
}

#nav .nav-list-user .nav_li a:hover {
	color: #d64a52;
}

#nav .nav-list-user .nav_li:hover {
	color: #d64a52;
}

#nav .nav-list-user .register {
	background-color: #d64a52;
	color: #fff;
	padding: 0 20px;
}

#nav .nav-list-user .register a{
	color: #fff;
}

#nav .nav-list-user .weixin_pic img{
	width: 30px;
    border-radius: 50%;
}

#nav .nav-list-user .register:hover {
	background-color: #f7333e;
	transition: all .3s ease-in-out;
	color: #fff;
}

#nav .nav-list-user .login {
	padding: 0 20px;
}


.submenu {
	position: absolute;
	top: 60px;
	left: 0;
	/* 或根据需要调整 */
	width: 100%;
	height: 0px;
	/* 或根据需要调整 */
	transition: all 0.5s;
	/* 添加过渡效果 */
	/* 其他样式... */
	z-index: 999999;

}

.hidden {
	opacity: 0;
	visibility: hidden;
	height: 0px;
	/* 隐藏子菜单 */
	overflow: hidden;
	transition: all 0.5s;
	/* 添加过渡效果 */
}

.submenu.visible {
	opacity: 1;
	visibility: visible;
	height: auto;
	/* 显示子菜单，高度自适应 */
	background-color:#fdfdfd;
}

.submenu .p_title {
	line-height: 60px;
	font-size: 16px;

}

.submenu .flex-container {
	display: flex;
	flex-direction: column;
	/* 设置为垂直布局 */
	padding-bottom: 30px;
}

.submenu .flex-container .flex-item {
	width: 95%;
	height:auto;
	margin-bottom: 5px;
}
.submenu .flex-container .flex-item:hover{
	background-color:#f1f2f5;
	cursor: pointer;
}

.submenu .flex-container .flex-item a {
    float: left;
    display: block;
    width: 100%;
    padding: 10px 13px;
    color: #515151;
}

.submenu .flex-container .flex-item a .icon {
    float: left;
    width: 35px;
   
}

.submenu .flex-container .flex-item a .icon img{
	width: 25px;
}

.submenu .flex-container .flex-item a .info {
    float: left;
    width: 220px;

}

.submenu .flex-container .flex-item a .info h3 {
    font-weight: normal;
    color: #181818;
    font-size: 16px;
    position: relative;
}

.submenu .flex-container .flex-item a .info p {
    padding-top: 5px;
    font-size: 12px;
    color: #5f7292;
	padding-bottom: 15px;
	line-height: 20px;
}

.mobile_nav{
	display: none;
	min-width: 60px;
	float: right;
	line-height: 60px;
	text-align: center;
}

.mobile_nav .nav_li {
	float: right;
	position: relative;
	display: block;
	font-weight: 500;
	font-size: 14px;
	color: #16181a;
	line-height: 62px;
	text-decoration: none;
	cursor: pointer;
	padding: 0 12px;
}

.submenu .sub_title{line-height: 60px;font-weight: bold;}
#kehuzhichi{
	padding: 20px;
}
#kehuzhichi h3{line-height: 60px;font-size: 20px;}
#kehuzhichi a{color: #0052d9;line-height: 60px;}

.selecser{    font-weight: bold;
    font-size: 13px;
    color: #0066FF;
    height: 50px;
    line-height: 50px;
    }
.s724{
	background-color: #F0F6FF;
	padding-left: 20px;
	display: flex;
	justify-content: space-between; 
	}
.s724 img{width: 32px;height: 32px;
    margin-right: 15px;
    margin-top: 13px;
}	

.nav_gg{
	background-color: #F0F6FF;
	padding-left: 20px;
	    height: 40px;
    line-height: 40px;
}

.mobile_nav img{
	cursor: pointer;
}

span.pa{
	    position: absolute;
    top: -5px;
    display: block;
    width: 25px;
    height: 12px;
    left: 70px;
}


@media(max-width:1008px)
{
	.nav-list-wrap{display: none;}
}

@media(max-width:768px)
{
	.nav-list-wrap{display: none;}
	.nav-list-user{display: none;}
	.mobile_nav{display: block;}
}