/*plugmenu*/

.za_nav {
    bottom: 0;
    float: left;
    position: fixed;
    width: 100%;
    z-index: 98;
}
.za_nav_img {
float: left;
width: 20%;
}
.za_nav_img img {
    width: 100%;
}











body {  }
a, button, input { -webkit-tap-highlight-color:rgba(255, 0, 0, 0); }
ul, li { list-style:none; margin:0; padding:0 }
.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; }
.top_menu { display:-webkit-box; border-top: 1px solid #3D3D46; display: block; width: 100%; background: rgba(255, 255, 255, 0.7); height: 48px; display: -webkit-box; display: box; margin:0; padding:0; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(#524945), to(#48403c), color-stop(60%, #524945)); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset; }
.top_bar .top_menu>li { -webkit-box-flex:1; position:relative; text-align:center; }
.top_menu li:first-child { background:none; }
.top_bar .top_menu>li>a { height:48px; margin-right: 1px; display:block; text-align:center; color:#FFF; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex:1; }
.top_bar .top_menu>li.home { max-width:70px }
.top_bar .top_menu>li.home a { height: 66px; width: 66px; margin: auto; border-radius: 60px; position: relative; top: -22px; left: 2px; background: url(http://img.ishangtong.com/images/KRRvB8Lure.png) no-repeat center center; background-size: 100% 100%; }
.top_bar .top_menu>li>a label { overflow:hidden; margin: 0 0 0 0; font-size: 12px; display: block !important; line-height: 18px; text-align: center; }
.top_bar .top_menu>li>a img { padding: 3px 0 0 0; height: 24px; width: 24px; color: #fff; line-height: 48px; vertical-align:middle; }
.top_bar li:first-child a { display: block; }
.menu_font { text-align:left; position:absolute; right:10px; z-index:500; background: -webkit-gradient(linear, 0 0, 0 100%, from(#524945), to(#48403c), color-stop(60%, #524945)); border-radius: 5px; width: 120px; margin-top: 10px; padding: 0; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }
.menu_font.hidden { display:none; }
.menu_font { top:inherit !important; bottom:60px; }
.menu_font li a { height:40px; margin-right: 1px; display:block; text-align:center; color:#FFF; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex:1; }
.menu_font li a { text-align: left !important; }
.top_menu li:last-of-type a { background: none; overflow:hidden; }
.menu_font:after {
	top: inherit!important;
	bottom: -6px;
	border-color: #48403c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	border-width: 6px 6px 0;
	position: absolute;
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	left: 80%;
}
.menu_font li { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.menu_font li:first-of-type { border-top: 0; }
.menu_font li:last-of-type { border-bottom: 0; }
.menu_font li a { height: 40px; line-height: 40px !important; position: relative; color: #fff; display: block; width: 100%; text-indent: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.menu_font li a img { width: 20px; height:20px; display: inline-block; margin-top:-2px; color: #fff; line-height: 40px; vertical-align:middle; }
.menu_font>li>a label { padding:3px 0 0 3px; font-size:14px; overflow:hidden; margin: 0; }
#menu_list0 { right:0; left:10px; }
#menu_list0:after { left: 20%; }
#sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }
#sharemcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0; }
.top_bar .top_menu>li>a:hover, .top_bar .top_menu>li>a:active { background-color:#333; }
.menu_font li a:hover, .menu_font li a:active { background-color:#333; }
.menu_font li:first-of-type a { border-radius:5px 5px 0 0; }
.menu_font li:last-of-type a { border-radius:0 0 5px 5px; }
#plug-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; }
#cate18 .device {bottom: 49px;height: 205px;}
#cate18 #indicator {bottom: 250px;}
#cate19 .device {bottom: 49px;}
#cate19 #indicator {bottom: 335px;}
#cate60 .device {bottom: 55px;}
#cate61 .device {bottom: 55px;}
#cate74 .device {bottom: 55px;}
#cate75 .device {bottom: 55px;}
#cate63 #indicator {bottom: 80px;}






.plug-div{
	position:fixed;bottom:0;left:0;z-index:900;
}
.phone{
	width:100%;height:480px;border:#000 solid 1px;position:relative;
}
.plug-menu{
	width:36px;height:36px;border-radius:36px;position:absolute;bottom:16px;left:16px;z-index:999;-moz-box-shadow:0 0 0 4px #FFF,0 2px 5px 4px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 0 4px #FFF,0 2px 5px 4px rgba(0,0,0,0.25);box-shadow:0 0 0 4px #FFF,0 2px 5px 4px rgba(0,0,0,0.25);
}
.plug-menu span{
	display:block;width:28px;height:28px;background:url(./img/icon/icon-main.png) no-repeat;background-size:28px 28px;text-indent:-999px;position:absolute;top:50%;left:50%;margin-top:-14px;margin-left:-14px;overflow:hidden;
}
.plug-btn{
	width:32px;height:32px;border-radius:32px;-moz-box-shadow:0 0 0 3px #FFF,0 2px 5px 3px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 0 3px #FFF,0 2px 5px 3px rgba(0,0,0,0.25);box-shadow:0 0 0 3px #FFF,0 2px 5px 3px rgba(0,0,0,0.25);background:#333;position:absolute;bottom:0;left:0;margin-bottom:20px;margin-left:20px;z-index:998;
}
.plug-btn span{
	display:block;width:24px;height:24px;text-indent:-999px;position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;overflow:hidden;background-repeat:no-repeat;background-size:24px 24px;
}
.plug-phone .plug-useless{
	background:#e2e2e2;
}
.plug-btn{
	-webkit-transition:-webkit-transform 200ms;
}
.plug-menu span{
	-webkit-transition:-webkit-transform 200ms;
}
.plug-menu span.open{
	-webkit-animation-name:open;-webkit-transform:rotate(135deg);
}
.plug-menu span.close{
	-webkit-animation-name:close;-webkit-transform:rotate(0deg);
}
.plug-btn1.open{
	-webkit-transform:translate(0,-100px) rotate(720deg);
}
.plug-btn1.close{
	-webkit-transform:translate(0,0) rotate(0deg);
}
.plug-btn2.open{
	-webkit-transform:translate(47px,-81px) rotate(720deg);
}.plug-btn3.close{-webkit-transform:translate(0,0) rotate(0deg);}.plug-btn3.open{-webkit-transform:translate(81px,-45px) rotate(720deg);}.plug-btn3.close{-webkit-transform:translate(0,0) rotate(0deg);}.plug-btn4.open{-webkit-transform:translate(100px,0) rotate(720deg);}.plug-btn4.close{-webkit-transform:translate(0,0) rotate(0deg);}
.plug-btn1 .p-icon{
	background-image:url("./img/icon/icon-phone.png");

}.plug-btn4 .p-icon{background-image:url("./img/icon/icon-local.png");}.plug-btn2 .p-icon{background-image:url("./img/icon/icon-home.png");}.plug-btn3 .p-icon{background-image:url("./img/icon/icon-local.png");}.plug-btn5.open{display:block;width:310px;height:310px;border-radius:310px;background-color:rgba(255,255,255,0);-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;z-index:997;left:-170px;top:-170px;overflow:hidden;}.plug-btn5.close{display:none;}.plug-div .disabled{background-color:#CCC;}