
.plug-div {
	position:fixed;
	bottom:0;
	left:0px;
	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 #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
	box-shadow:0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
	background-color: #B70000;

}
.plug-menu span {
	display: block;
	width:28px;
	height:28px;
	background: url(../../html/images/plugmenu/wap_plugmenu.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 #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);
	box-shadow:0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);
	background:#333333;
	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-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;
}


