@charset "utf-8";

/*==========@@HTML默认 开始@@==========*/

/*基本*/


/*===快捷菜单按钮 开始===*/

.plug-div {position:fixed;top:300px;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;

	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #63ac5c), color-stop(100%, #B70000));

	background-image:-webkit-linear-gradient(top, #63ac5c, #B70000);

	background-image:-moz-linear-gradient(top, #63ac5c, #B70000);

	background-image:-o-linear-gradient(top, #63ac5c, #B70000);

	background-image:linear-gradient(top, #63ac5c, #B70000);

}

.plug-menu span {	display: block;	width:28px;height:28px;	background: url(../images/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-btn0.open {-webkit-transform: translate(100px, -120px) rotate(720deg);}

.plug-btn0.close {-webkit-transform: translate(0, 0) 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;}

 .themeStyle{background:#DE270B} /*必须放在最后，覆盖前面定义的样式*/

/*===快捷菜单按钮 结束===*/