* { padding: 0; margin: 0; }
.bg { position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.8; }
ul, ol, li, dl { list-style-type: none; }
.box { width: 100%; display: -webkit-box; display: -moz-box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.box > * { -webkit-box-flex: 1; -moz-box-flex: 1; }
a:link, a:visited { text-decoration: none; }
a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.35); }
a:link, a:visited { text-decoration: none; }
a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.35); }
.hovertreebottom { height: 45px; display: none; }
.hovertreebottom ul { position: fixed; z-index: 200; bottom: 0; left: 0; width: 100%; margin-bottom: 0 }
.hovertreebottom li { border: 1px solid rgba(190,190,190,1); height: 45px; border-bottom: 0; border-right: 0; position: relative; -webkit-box-shadow: inset 0 0 3px #fff; float: left; width: 33.26%; }
.hovertreebottom li:nth-of-type(1) { border-left;
0;
}
.hovertreebottom li>a { font-size: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; /*border:1px solid #f9f8f9;*/
-webkit-tap-highlight-color: rgba(0,0,0,0); border-bottom: 0; display: block; line-height: 45px; text-align: center; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#dcdcdc), color-stop(35%, #ededed), color-stop(50%, #e3e3e3) ); }
.hovertreebottom li>a:only-child span { background: none; padding-left: 0; }
.hovertreebottom li>a.on + dl { display: block; }
.hovertreebottom li>a span { color: #4f4d4f; display: inline-block; padding-left: 15px; background: url(../fonts/1.svg#2) no-repeat 4px 18px; -webkit-background-size: 9px auto; text-shadow: 0px 1px 0px #ffffff; }
/***********************/
.hovertreebottom dl { display: none; position: absolute; z-index: 220; bottom: 60px; left: 50%; width: 100px; margin-left: -50px; background: red; /*min-height:100px;*/
background: #e4e3e2; /*border:1px solid #afaeaf;*/
border-radius: 5px; -webkit-box-shadow: inset 0 0 3px #fff; background: url(../fonts/2.svg#3) no-repeat center center; -webkit-background-size: 100%; background-size: 100%; }
/*, .hovertreebottom dl:after*/
.hovertreebottom dl:before { content: ""; display: inline-block; position: absolute; z-index: 240; bottom: 0; left: 50%; /*width:0;
	height:0;
	border:8px solid red;
	border-color:#afaeaf transparent transparent transparent;
	margin-left:-8px;
	margin-bottom:-16px;*/
width: 10px; height: 8px; background: url(../fonts/1.svg) no-repeat center -55px; -webkit-background-size: 10px auto; bottom: -7px; margin-left: -5px; }
/*.hovertreebottom dl:after{
	z-index:241;
	border-color:#e4e3e2 transparent transparent transparent;
	margin-bottom:-15px;
}*/
.hovertreebottom dl dd { line-height: 45px; text-align: center; background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(194,194,194,0.8)), to(rgba(194,194,194,0.8)), color-stop(50%, rgba(194,194,194,0.8))); background-size: 80% 1px; background-repeat: no-repeat; background-position: center bottom;/*background: url(../fonts/3.svg#4) no-repeat center bottom;
	-webkit-background-size:100px 1px;*/
}
.hovertreebottom dl dd:last-of-type { background: none; }
.hovertreebottom dl dd a { font-size: 15px; display: block; color: #4f4d4f; text-shadow: 0px 1px 0px #ffffff; white-space: pre; overflow: hidden; text-overflow: ellipsis; }
.hovertreebottom .masklayer_div { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 180; background: rgba(0,0,0,0); }
.hovertreebottom .masklayer_div.on { display: block; }
 @media (max-width:990px) {
.hovertreebottom { display: block !important; }
}