﻿.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(/tpl/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-btn2.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("/tpl/icon/icon-home.png");
}
.plug-btn3 .p-icon {
	background-image:url("/tpl/icon/icon-phone.png");
}
.plug-btn2 .p-icon {
	background-image:url("/tpl/icon/icon-local.png");
}
.plug-btn4 .p-icon {
	background-image:url("/tpl/icon/icon-news.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;
}
