﻿

	
	
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
TABLE.xMainTable {
	WIDTH: 100%
}
TABLE.Toolbar TD {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: url(/images/toolbarBkgd.gif) #e0f0ff fixed repeat-x 50% top; VERTICAL-ALIGN: middle; COLOR: #0066cc
}
TABLE.Toolbar TD IMG {
	VERTICAL-ALIGN: text-bottom
}
A.Header {
	FONT-SIZE: 13px; COLOR: white; TEXT-DECORATION: none
}
A.Header:hover {
	COLOR: #ffcc33; TEXT-DECORATION: none
}
.HeaderStandOut {
	FONT-WEIGHT: 700; FONT-SIZE: 16px; COLOR: #ffcc33
}
.Footer {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-SIZE: 12px; PADDING-BOTTOM: 7px; WIDTH: 100%; PADDING-TOP: 7px
}
TR.DGItemNormal TD {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 11px; HEIGHT: 22px
}
TR.DGItemNormal TD A {
	FONT-WEIGHT: normal
}
TR.DGHeading TD {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; HEIGHT: 22px
}
TD.DGHeading {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; HEIGHT: 22px
}
TR.DGHeading TD A {
	FONT-WEIGHT: bold
}
TR.DGPager TD {
	FONT-SIZE: 11px; HEIGHT: 22px
}
TR.DGPager TD SPAN {
	COLOR: #cc0000
}
TR.DGPager TD A {
	FONT-WEIGHT: bold; COLOR: white
}
TR.DGPager TD A:hover {
	COLOR: white; TEXT-DECORATION: underline
}
#content-agent UL {
	CLEAR: left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #fafafa; TEXT-ALIGN: left
}
#content-agent LI {
	BORDER-RIGHT: #a6a6a6 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #a6a6a6 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 14px; FLOAT: left; MARGIN-BOTTOM: 8px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a6a6a6 1px solid; WIDTH: 32%; CURSOR: text; COLOR: #0066cc; LINE-HEIGHT: 18px; MARGIN-RIGHT: 8px; PADDING-TOP: 2px; BORDER-BOTTOM: #a6a6a6 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; LIST-STYLE-TYPE: none; HEIGHT: 150px; BACKGROUND-COLOR: #e0f0ff
}
#content-agent LI A {
	COLOR: #ff0000; TEXT-DECORATION: none
}
#content-agent LI A:hover {
	COLOR: #ff0000; TEXT-DECORATION: underline
}
#content-agent LI P {
	MARGIN: 0px
}
#agent-title {
	FONT-WEIGHT: bold; COLOR: #ff0000; LINE-HEIGHT: 18px; TEXT-DECORATION: none
}
#faq DIV {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 13px; PADDING-BOTTOM: 3px; MARGIN-LEFT: 15px; BORDER-LEFT: #cccccc 1px solid; LINE-HEIGHT: 20px; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid
}
#faq H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 5px; COLOR: #ff0000; PADDING-TOP: 5px
}
#faq P {
	MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px
}
#ad-right {
	BORDER-RIGHT: #a6a6a6 1px solid; BORDER-TOP: #a6a6a6 1px solid; MARGIN-TOP: 10px; BORDER-LEFT: #a6a6a6 1px solid; WIDTH: 238px; BORDER-BOTTOM: #a6a6a6 1px solid; HEIGHT: 100px
}
.content-info {
	BORDER-RIGHT: #a6a6a6 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #a6a6a6 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 14px; PADDING-BOTTOM: 8px; BORDER-LEFT: #a6a6a6 1px solid; LINE-HEIGHT: 22px; PADDING-TOP: 8px; BORDER-BOTTOM: #a6a6a6 1px solid; BACKGROUND-COLOR: #fafafa
}

#navbox {
	BORDER-TOP:#FFFFFF 1px solid;
	BACKGROUND-COLOR: #c03;
	padding:2px;
	height:20px;
}

#nav {
	MARGIN: 0px;
	WIDTH: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
}
#nav UL {
	CLEAR: left;
	LIST-STYLE-TYPE: none;
	list-style-position: inside;
	margin:0px;
}
#nav LI {
	WIDTH: 77px;
	FONT-SIZE: 15px;
	FLOAT: left;
	COLOR: #ffffff;
	TEXT-ALIGN: center;
	LIST-STYLE-TYPE: none;
	margin-bottom:5px;
}
#nav UL LI {
	 WIDTH: 80px; BORDER-RIGHT: #ffff99 1px solid; FLOAT: left;;LIST-STYLE-TYPE: none;
}
#nav LI A {
	   BORDER-RIGHT: #ffff99 1px solid; font-weight:bold; DISPLAY: block; FONT-SIZE: 15px;  COLOR: #ffffff;  TEXT-DECORATION: none;LIST-STYLE-TYPE: none;
}
#nav LI A:hover {
	 font-weight:bold; FONT-SIZE: 15px; BACKGROUND:  #000;  COLOR: #FF0; TEXT-DECORATION: none;LIST-STYLE-TYPE: none;
}




#ad_mobile a {
	FONT-SIZE: 16px; MARGIN: 0px; BORDER-LEFT: #ffff33 1px solid; COLOR: #ffffff; LETTER-SPACING: -1px; align: right;font-weight:bolder;
}

#ad_mobile {
	FONT-SIZE: 16px;
	MARGIN: 0px;
	BORDER-LEFT: #ffff33 0px solid;
	COLOR: #fff;
	LETTER-SPACING: -1px;
	align: right;
	font-weight:bolder;
}


#divinfo {
width:98%;
}

#tableRecipeSearch {MARGIN-top:5px;margin-bottom:5px;}
#tablerecipesearch td {}

#subnav {font-size:14px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 5px;  margin-top:10px; margin-left:0px;COLOR: #330099}
#subnav a {font-size:14px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 20px; COLOR: #330099}



/***


#nav, #nav ul {
	float:left;list-style:none;line-height:25px;background:#2e8b57;padding:0px;margin:0px;border:1px solid #2e8b57;border-right:0px;
}
#nav ul ul    {
	border:1px solid #ccc;border-top:0px;border-right:0px;
}
#nav a        {
	width:80px;display:block;color:#fff;text-decoration:none;text-align:center;border-right:1px solid #2e8b57;
}
#nav a:hover  {
	color:#fff;
}
#nav li       {
	float:left;
}
#nav li ul    {
	position:absolute;margin:0px 0px 0px -1px;padding:0;left:-9999em;width:80px;font-weight:normal;
}

#nav li li    {
	width:80px;
}
#nav li ul a  {
	width:80px;padding:0px 12px;line-height:25px;border-top:1px solid #2e8b57;text-align:left;
}
#nav li ul ul {
	margin:-25px 0px 0px 119px;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left:-9999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left:auto;
}
#nav li:hover, #nav li.sfhover {
	background:#3cb371;
}

***/


/*** 字体选择 ***/
#fontselect             {float: right;}
#fontselect ul          {clear: both; margin: 0;}
#fontselect li          {float: left; margin: 2px 0 0 3px;text-align: center;}
#fontselect li a        {display: block; border: 1px solid #84B0C7; background: #E5EEF5; line-height: 1em; padding: 3px 3px 2px 3px; width: 35px; text-align: center;}
#fontselect li a:hover  {background: #FFF; text-decoration: none; color: #2C4C78;}
#fontselect li#explain  {border: 1px solid #84B0C7; line-height: 14px; padding: 3px 3px 2px 3px;}

/*** 浏览工具 ***/
#toolbar             {float: right;}
#toolbar ul          {clear: both; margin: 0;}
#toolbar li          {float: left; margin: 2px 0 0 3px;text-align: center;}
#toolbar li a        {display: block; border: 1px solid #84B0C7; background: #E5EEF5; line-height: 1em; padding: 3px 3px 2px 3px; width: 60px; text-align: center;}
#toolbar li a:hover  {background: #FFF; text-decoration: none; color: #2C4C78;}
#toolbar li#explain  {border: 1px solid #84B0C7; line-height: 14px; padding: 3px 3px 2px 3px;}



/*** 生成内容 ***/
#simg {padding:5px;margin:5px;width:230px;height:270px;color:#333;background:#f5f5f5;border:1px solid #ccc; font-size:16px; font-weight:bolder;}
#simg a{font-weight:bolder;}

#content {PADDING: 0px; PADDING-TOP: 10px; PADDING-RIGHT: 5px; PADDING-BOTTOM: 20px; font-size:13px; line-height:120%;}
#content img {BORDER-RIGHT: #e4e4e4 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #e4e4e4 0px solid; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 5px; BORDER-LEFT: #e4e4e4 0px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #e4e4e4 0px solid; max-width: auto; mar-height: auto}

#content img {
	max-width:1000px;!important;
width:expression(this.width>1000 ? "1000px":true);
	height:auto; margin-left:auto; margin-right:auto;}
#content P{font-size:13px; line-height:140%;}


/*** 模板样式 ***/
IMG   {BORDER-WIDTH: 0px;}
.tab0 {COLOR: #333; BACKGROUND-COLOR: #fff;Margin-bottom:0px;}
.tab1 {COLOR: #333; BACKGROUND-COLOR: #f5f5f5;Margin-bottom:0px; }
#divinfotable table {padding-bottom:20px;}
.tab2 {COLOR: #333; BACKGROUND-COLOR: #cce5ff;Margin-bottom:0px;}
.tab3 {COLOR: #333; BACKGROUND-COLOR: #ff0000;Margin-bottom:0px;}
.td0  {PADDING-TOP: 10px;}
.td1  {
	font-size:14px;
	COLOR: #fff;
	BACKGROUND-COLOR: #669999;
	PADDING-LEFT: 10px;
}
.td2  {font-size:14px; COLOR: #fff; BACKGROUND-COLOR: #1689d2; PADDING-LEFT: 10px;}
.td1 h2  {
	font-size:14px;
	COLOR: #fff;
	PADDING-LEFT: 10px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

.td1 h2 a:hover {color:#FFF; font-weight:bold;}
.td1 h2 a{ color:#FFF;font-weight:bold;}

.td2 h2  {font-size:14px; COLOR: #fff; BACKGROUND-COLOR: #1689d2; PADDING-LEFT: 10px; font-weight:normal; margin:0px; padding:0px;}
.more {
	font-size:14px;
	COLOR: #fff;
	BACKGROUND-COLOR: #669999;
	PADDING-LEFT: 10px;
}
.more a {
	font-size:14px;
	COLOR: #fff;
	PADDING-LEFT: 10px;
	text-decoration:none;
}
.more a:hover {
	font-size:14px;
	COLOR: yellow;
	PADDING-LEFT: 10px;
	text-decoration:none;
}
.list {font-size:16px; PADDING-LEFT: 10px;  line-height:40px;}
.list a{font-size:16px; PADDING-LEFT: 10px;  line-height:40px;}
.list a:hover { font-weight:bold; background:#FF0}
.cont {PADDING: 20px; PADDING-TOP: 20px; PADDING-RIGHT: 20px; PADDING-BOTTOM: 20px;}
.top-index-img {
	background-color:#f5f5f5;
	border:1px solid #CCC;
	font-size:15px;
	font-weight:bold;
	line-height: 120%;
}
.top-index-img a {font-weight:bold;}
.top-index-img a:hover{font-weight:bold;}
.top-index-img img{
	max-height:150px;
	max-width:230px;
	height:150px;
	width:230px;
	margin-bottom:5px;
}












/* 下拉按钮样式 */
.dropbtn {
    background-color: #C03;
    color: white;
    padding: 10px;
    font-size: 15px;
    border: none;
    cursor: pointer;
}

/* 容器 <div> - 需要定位下拉内容 */
.dropdown {
	position: relative;
	display: inline-block;
	z-index: 10000;
}

/* 下拉内容 (默认隐藏) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* 下拉菜单的链接 */
.dropdown-content a {
    color: black;
    padding: 8px 8px;
    text-decoration: none;
    display: block;
}


/* 鼠标移上去后修改下拉菜单链接颜色 */
.dropdown-content a:hover {background-color: #f1f1f1}

/* 在鼠标移上去后显示下拉菜单 */
.dropdown:hover .dropdown-content {
    display: block;
}


/* 当下拉内容显示后修改下拉按钮的背景颜色 */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}




/*  分类显示效果  */
section0{
	color:#666;
	line-height:1.5;
	margin:0 auto;
	font-family: 'Microsoft YaHei','Open Sans', sans-serif;
	-webkit-overflow-scrolling:touch;
	font-size:12px;
	text-align:center;
	width:100%;
	min-width:960px;
	overflow-x: hidden;
	overflow-y:hidden;
	z-index: 1;
	clear:both;
}

.section0 img{border:0;outline:0; vertical-align:middle;max-width:100%;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
ul,li{list-style:none; list-style-type:none;}

ul {	clear:both;
}
.main0{width:100%;}
.main0{
	width:100%;
	padding-left:0px;
	padding-right:0px;
	margin-top: 20px;
}
.maintl{text-align:center;font-size:32px;color:#333;line-height:1.0;}
.mtldemo{
	width:100%;
	font-size:18px;
	color:#999;
	text-align:center;
	margin-top:10px;
}
section0{
	margin-top:30px;
	text-align:center;
}
.mtldemo{width:100%:}
.goodlist{margin-top:10px;margin-right:-20px; clear:both;}
.goodlist li{
	float:left;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
	width:320px;
	height:80px;
	overflow:hidden;
}
 
.goodlist li img{width:320px;height:80px;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.goodlist li.big,.goodlist li.big img{
	width:370px;
	height:80px;
}
.goodlist li .cover{width:100%;height:80px; background:url(../images/cover.png) repeat;  position:absolute; z-index:9;color:#fff;text-align:center;line-height:80px;font-size:32px;overflow:Hidden;}
.goodlist li a:hover .cover{}
.goodlist li a:hover img{transform:scale(1.2,1.2);}


div.more0{margin-top:30px; text-align:center;}
div.more0 a{width:260px;height:60px;background:#6CBD13;text-align:center;line-height:60px;color:#fff;font-size:18px;border:1px solid #6CBD13;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;display:inline-block;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
div.more0 a:hover{background:#fff;color:#6CBD13;border:1px solid #6CBD13;}
	.goodlist{margin-right:0;}
	.goodlist li{width:30%;margin-right:0;height:}
	.goodlist li a{display:block;padding-left:10px;padding-right:10px; position: relative;}
	.goodlist li img{width:100%;}
	.goodlist li.big{width:40%;}
	
	.goodlist li.small{width:20%;margin-right:0;height:}
	.goodlist li.small2{width:10%;margin-right:0;height:60px;}

	.goodlist li.small3{width:120px;margin-right:0;height:60px;}


.goodlist li .cover2{width:100%;height:60px; background:url(../images/cover.png) repeat;  position:absolute; z-index:9;color:#fff;text-align:center;line-height:60px;font-size:20px;overflow:Hidden;}

		.goodlist li .cover2{left:10px;width:calc(100% - 20px)}

	
	.goodlist li .cover{left:10px;width:calc(100% - 20px)}
	.mtldemo{width:100%:}


/*  分类显示效果 END */

/*** 例表展示效果  **/
.bak {text-align:center;font-family:"Microsoft YaHei"; }
.bak .a{color:#585858; text-decoration:none;}
.ititle { height:60px; line-height:60px; font-size:20px; color:#0e7ac3; text-align:left; padding-left:5px; position:relative;}
.ititle span { position:absolute; right:10px; color:#333333; font-size:16px; font-weight:bold;}
.border {
	border:solid 1px #ebebeb;
	margin-top:30px;
	margin-bottom:10px;
}
/****
.border:hover { border:solid 1px #ee0000; }

*****/

.park{ overflow:hidden;}
.park li { padding-left:8px; float:left; width:190px; height:40px; line-height:40px; margin-bottom:10px; text-align:center;}
.park a { display:block; color:#333333; background:#f3f3f3; cursor:pointer; }
.park a:hover { background:#ee0000; color:#fff; text-decoration:none;}



/*  分类显示效果  */
sectionindex{
	color:#666;
	line-height:1.5;
	margin:0 auto;
	font-family: 'Microsoft YaHei','Open Sans', sans-serif;
	-webkit-overflow-scrolling:touch;
	font-size:30px;
	text-align:center;
	width:100%;
	min-width:960px;
	overflow-x: hidden;
	overflow-y:hidden;
	z-index: 1;
	clear:both;
}

.sectionindex td{
	font-size:20px;
	background-image:url(../2019/2c9adc1e6946a04f016946ae2f770011mph37v.jpg);
	background-attachment:  ;
	background-position: center center;
	color:#FFF;
	height:60px;	
}
 
 .sectionindex td a{
	 color:#FFF;
	 font-weight:bold;text-decoration:none; 
 }

.sectionindex td:hover {   color:#fff; text-decoration:none; font-size:24px;}







 ul{
            list-style: none;
				z-index: 100000;
				clear:both;
				width:100%;

}
        .topnav-banner{
            width: 100%;
            height:2px;
		    background-color: #fff;
				z-index: 100000;
				clear:both;

        }
        .topnav{
            width: 100%;
            height: 20px;
            border: 0px;
			clear:both;
			z-index: 100000;

        }
        .topnav>ul{
            width: 100%;
            margin:0 auto;
			z-index: 100000;

        }
        .topnav>ul:after{
            display: block;
            content: '';
            clear: both;
			background-color: #C03;  

        }
        .topnav>ul>li{
            display: block;
            width:40px;
			max-width:150px;
            float: left;
            text-align: center;
			background-color: #C03;  
			color: white;
   			padding: 4px;
    		font-size: 14px;
	    	border: none;
    		cursor: pointer;
			height:30px;
			line-height:30px;
			margin-right:3px;
			
			

        }
        .topnav>ul>li:hover{
				color: white;
			background-color: #C03;  

        }
        .topnav>ul>li a{
	display: inline-block;
	font-size: 14px;
	text-decoration:none;
	padding-right: 5px;
	padding-left: 5px;
	color: white;


        }
        .topnav>ul>li ul{
            display: none;
background-color: #C03;
font-size:12px;
background:#CCC;
color:#000;

        }
        .topnav>ul>li:hover>a+ul{/*鼠标划过一级菜单的时候二级菜单显示*/
            display: block;
			
        }
        .topnav>ul>li>ul{
	width:150px;
	text-align:left;
	max-width:150px;
	height: auto;
	position: relative;
	top: 4px;
	color:#000;
	left: -4px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	background-color: #f9f9f9;
        }
		
		
        .topnav>ul>li>ul>li,.topnav>ul>li>ul>li>ul>li{
            display: block;
			width:150px;
			min-width:50px;
			max-width:150px;
            height: 30px;
            text-align: left;
            border-bottom: 1px solid #eee;
			color:#000;
			background-color: #f9f9f9;
			font-size:12px;
			padding-left:5px;
        }
        .topnav>ul>li>ul>li:last-child,.topnav>ul>li>ul>li>ul>li:last-child{
            border: 0px;
			font-size:12px;
			background-color: #f9f9f9;
			color:#000;
			text-align:left;


        }
		
		.topnav>ul>li>ul>li>a,.topnav>ul>li>ul>li>ul>li>a { color:#000; font-size:12px; line-height:30px; text-align:left; }


        .topnav>ul>li>ul>li:hover,.topnav>ul>li>ul>li>ul>li:hover{/*与用户的交互不能少*/
            background-color: #f1f1f1
			
		

        }
        .topnav>ul>li>ul>li:hover ul{/*鼠标划过二级菜单的时候对应的三级菜单显示*/
            display: block;
        }
        .topnav>ul>li>ul>li>ul{
            width: 150px;
            height: auto;
            border: 1px solid #eee;
			box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			background-color: #f9f9f9;
            position: relative;
            top: -40px;
            left: 100%;
			font-size:12px;
			color:#000;

        }
 

/*ttopnav*/



 ul{
            list-style: none;
				z-index: 100000;
				clear:both;
				width:100%;

}
        .ttopnav-banner{
            width: 100%;
            height:2px;
		    background-color: #fff;
				z-index: 100000;
				clear:both;

        }
        .ttopnav{
            width: 100%;
            height: 20px;
            border: 0px;
			clear:both;
			z-index: 100000;

        }
        .ttopnav>ul{
            width: 100%;
            margin:0 auto;
			z-index: 100000;


        }
        .ttopnav>ul:after{
            display: block;
            content: '';
            clear: both;
			background-color: #c03;  

        }
        .ttopnav>ul>li{
            display: block;
            width:70px;
			max-width:150px;
            float: left;
            text-align: center;
			background-color: #C03;  
			color: white;
   			padding: 2px;
			padding-top:8px;
			padding-bottom:5px;
    		font-size: 14px;
	    	border: none;
    		cursor: pointer;
			height:30px;
			line-height:30px;
			margin-right:3px;
			margin-bottom:5px;
			
			

        }
        .ttopnav>ul>li:hover{
				color: white;
			background-color: #C03;  

        }
        .ttopnav>ul>li a{
	display: inline-block;
	font-size: 14px;
	text-decoration:none;
	padding-right: 5px;
	padding-left: 5px;
	color: white;


        }
        .ttopnav>ul>li ul{
            display: none;
background-color: #C03;
font-size:13px;
background:#CCC;
color:#000;

        }
        .ttopnav>ul>li:hover>a+ul{/*鼠标划过一级菜单的时候二级菜单显示*/
            display: block;
			
        }
        .ttopnav>ul>li>ul{
	width:150px;
	text-align:left;
	max-width:150px;
	height: auto;
	position: relative;
	top: 4px;
	color:#000;
	left: -4px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	background-color: #f9f9f9;
        }
		
		
        .ttopnav>ul>li>ul>li,.ttopnav>ul>li>ul>li>ul>li{
            display: block;
			width:150px;
			min-width:50px;
			max-width:150px;
            height: 30px;
            text-align: left;
            border-bottom: 1px solid #eee;
			color:#000;
			background-color: #f9f9f9;
			font-size:12px;
			padding-left:5px;
        }
        .ttopnav>ul>li>ul>li:last-child,.ttopnav>ul>li>ul>li>ul>li:last-child{
            border: 0px;
			font-size:12px;
			background-color: #f9f9f9;
			color:#000;
			text-align:left;


        }
		
		.ttopnav>ul>li>ul>li>a,.ttopnav>ul>li>ul>li>ul>li>a { color:#000; font-size:12px; line-height:30px; text-align:left; }


        .ttopnav>ul>li>ul>li:hover,.ttopnav>ul>li>ul>li>ul>li:hover{/*与用户的交互不能少*/
            background-color: #f1f1f1
			
		

        }
        .ttopnav>ul>li>ul>li:hover ul{/*鼠标划过二级菜单的时候对应的三级菜单显示*/
            display: block;
        }
        .ttopnav>ul>li>ul>li>ul{
            width: 150px;
            height: auto;
            border: 1px solid #eee;
			box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			background-color: #f9f9f9;
            position: relative;
            top: -40px;
            left: 100%;
			font-size:12px;
			color:#000;

        }
 



