:root {
    --primary-color: #e63946; /* 红色logo主色调 */
    --secondary-color: #1d3557; /* 深蓝色辅助色 */
    --text-color: #333; /* 主要文字颜色 */
    --text-secondary: #666;
    --light-text: #666; /* 次要文字颜色 */
    --background-color: #f8f9fa; /* 背景色 */
    --card-color: #fff; /* 卡片背景色 */
    --border-color: #ddd; /* 边框颜色 */
    --success-color: #4caf50; /* 成功色 */
    --warning-color: #ff9800; /* 警告色 */
    --bg-color: #f8f9fa;
    --hover-bg: #fafafa;
    --gradient-primary: linear-gradient(135deg, #cb1212, #ff4d4f);
    --gradient-secondary: linear-gradient(135deg, #1890ff, #40a9ff);
    --gradient-warning: linear-gradient(135deg, #faad14, #ffc53d);
    --gradient-success: linear-gradient(135deg, #52c41a, #73d13d);
    --shadow-light: 0 2px 8px rgba(0, 0, 0, 0.05);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.1);
    --shadow-hover: 0 6px 24px rgba(0, 0, 0, 0.12);
    --border-radius: 12px;
    --transition: all 0.3s ease;
}
html,body{
	height:100%;
}
.iconfont{
  		font-size:20px;
	}
.main-nav{
	height:49px;
	width:100%;
	border-top:1px solid #eee;
	background-color:#f7f7f7;
	position:fixed;
	bottom:0;
	left:0;
	z-index:300;
}
.main-nav ul{
	margin :3px 0;
	width:100%;
	padding:0;
	display: flex;
    justify-content: space-around;
}

.main-nav ul li{
	width:22%;
	text-align:center;
	float:left;
}
.main-nav ul li a{
height:49px;
width:100%;
display:inline-block;
text-align:center;
color:#fff;
line-height:1;
margin-top:5px;
}

.main-nav ul li a i{
	color:#999;
}
.main-nav ul li a p{
color:#666;
font-size:12px;
	}
.main-nav ul p.font-red {
	line-height:1;
	color:#e53f42;
}

.main-nav .li-re.active a p{
	color:#e53f42;
}
.main-nav .active .icon-shouye{
	background-image: url("../../images/icons/index1ed.png");
}
.main-nav .active .icon-health{
	background-image: url("../../images/icons/health-red.png");
}
.main-nav .active .icon-meijingshitu{
	background-image: url("../../images/icons/meijingshitu-red.png");
}
.main-nav .active .icon-discover{
	background-image: url("../../images/icons/discover-red.png");
}
.main-nav .active .icon-yuyue-gray{
	background-image: url("../../img/coach/zixun-red.png");
}
.main-nav .active .icon-ban{
	background-image: url("../../images/icons/baned.png");
}
.main-nav .active .icon-my1{
	background-image: url("../../images/icons/my1ed.png");
}
.main-nav .active .icon-xuechegonglue{
	background-image: url("../../img/coach/xuechegonglue-red.png");
}
.main-nav .icon-online-service{
	background: url("/static/images/icons/online-service.png") no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
}

.main-nav .icon-xuechegonglue {
    background-image: url("../../img/coach/xuechegonglue-gray.png");
    background-size: cover;
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
    line-height:12px;
}
.main-nav .icon-jiapeizhiliang {
    background-image: url("../../img/coach/jiapeizhiliang-red.png");
    background-size: cover;
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
}
.main-nav .icon-dianhuazixun{
	background-image: url("../../img/coach/tel-green.png");
    background-size: cover;
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
}
.main-nav .icon-yuyue-red{
	background-image: url("../../img/coach/yuyue-red.png");
    background-size: cover;
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
}
.main-nav .icon-yuyue-green{
	background-image: url("../../img/coach/yuyue-green.png");
    background-size: cover;
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
}
.main-nav .icon-shouye{
	background-image: url("../../images/icons/index1.png");
    background-size: cover;
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
}
.main-nav .icon-health {
    background-image: url("../../images/icons/health.png");
    background-size: cover;
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
}
.main-nav .icon-tuijian {
    background-image: url("../../images/icons/tuijian.png");
    background-size: cover;
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
}
.main-nav .icon-discover {
    background-image: url("../../images/icons/discover.png");
    background-size: cover;
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
}
.main-nav .icon-ban {
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
  	background-image: url(../../../images/icons/ban.png);
  	 background-size: cover;
  }

.main-nav .icon-baned {
	   width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
  	background-image: url(../../../images/icons/baned.png);
  	 background-size: cover;
   } 
.main-nav .icon-my1 {
    background-image: url("../../images/icons/my1.png");
    background-size: cover;
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
}
.main-nav .icon-message {
    background-image: url("../../images/icons/message.png");
    background-size: cover;
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
}
.fl-navclass{
		width: 100%;
    padding: 2px 18%;
    min-height: 70px;
    background-color: #f5f5f5;
    border-radius: 5px;
    position: absolute;
    bottom: 70px;
    border: 1px solid #f5f5f5;
    z-index: 999;
    left: -10px;
	box-sizing: content-box;	
	}
.main-nav .icon-meijingshitu{
	background-image: url("../../images/icons/meijingshitu.png");
	background-size: cover;
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
}
.main-nav .icon-yuyue-gray {
    background-image: url(../../img/coach/zixun-gray.png);
    background-size: cover;
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
}
.fl-navclass i.arrow-s{
			    display: block;
			    border-width: 10px;
			    border-style:solid dashed dashed dashed;
			    border-color:#f5f5f5 transparent transparent transparent ;
			    width: 1px;
			    height: 1px ;
			    position: absolute;
			    right: 50%;
			    margin-right:-7px;
			    bottom: -20px;
			}

.fl-navclass dd{
			border-bottom:1px solid #fff;
			line-height:50px;
			height:50px;
			width:100%;
			
}

.fl-navclass dd:last-child{
				border-bottom:0;
			}


.main-nav  .fl-navclass dd a{
				display:block;
				width:100%;
				line-height:50px;
				height:50px;
				font-size:17px;
				color:#555;
				margin:0;
}