﻿.phone-menu0 ul, .phone-menu1 ul {
	margin: 0;
	padding: 0;
}

.phone-menu0 {
	height: 54px;
	border-top: 1px solid #1d1d1d;
	border-bottom: 1px solid #000;
	position: fixed !important;
	bottom: 0;
	left: 0;
	width: 100%;
	display: none;
	padding: 0;
	margin: 0;
	z-index: 9999;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#474747), to(#2f2f2f));
	background-image: -webkit-linear-gradient(top, #474747, #2f2f2f);
	background-image: -moz-linear-gradient(top, #474747, #2f2f2f);
	background-image: -o-linear-gradient(top, #474747, #2f2f2f);
	background-image: -ms-linear-gradient(top, #474747, #2f2f2f);
	background-image: linear-gradient(to bottom, #474747, #2f2f2f);
	/*--??????ie?????????????????????--*/
	background: #474747;
	background: -moz-linear-gradient(top, #474747 0%, #2f2f2f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #474747), color-stop(100%, #2f2f2f));
	background: -webkit-linear-gradient(top, #474747 0%, #2f2f2f 100%);
	background: -o-linear-gradient(top, #474747 0%, #2f2f2f 100%);
	background: -ms-linear-gradient(top, #474747 0%, #2f2f2f 100%);
	background: linear-gradient(to bottom, #474747 0%, #2f2f2f 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#2f2f2f', GradientType=0 );
}
.phone-menu0 li {
	width: 20%;
	text-align: center;
	float: left;
	list-style: none;
}
.phone-menu0 li:hover, .phone-menu li.active {
	background-color: #333;
}
.phone-menu0 li a {
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
}
.phone-menu0 li i {
	background: url(../images/phone-menu0.png) no-repeat;
	background-size: 25px;
	margin: 6px auto 2px;
	display: block;
	width: 25px;
	height: 25px;
	float: none;
}
.phone-menu0 li i.icon1 {
	background-position: 0 0;
}
.phone-menu0 li i.icon2 {
	background-position: 0 -25px;
}
.phone-menu0 li i.icon3 {
	background-position: 0 -50px;
}
.phone-menu0 li i.icon4 {
	background-position: 0 -75px;
}
.phone-menu0 li i.icon5 {
	background-position: 0 -101px;
}
/*????????????*/
/*.phone-menu1{ height:54px; border-top:1px solid #f2f2f2; border-bottom:1px solid #ccc; position:fixed; bottom:0; width:100%; display:none;padding:0; margin:0;z-index: 9999;
              background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#d4d4d4));
              background-image: -webkit-linear-gradient(top, white, #d4d4d4);
              background-image: -moz-linear-gradient(top, white, #d4d4d4);
              background-image: -o-linear-gradient(top, white, #d4d4d4);
              background-image: -ms-linear-gradient(top, white, #d4d4d4);
              background-image: linear-gradient(to bottom, white, #d4d4d4);
*/
              /*--??????ie?????????????????????--*/
         /*     background: #ffffff;
              background: -moz-linear-gradient(top, #ffffff 0%, #d4d4d4 100%);
              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d4d4d4));
              background: -webkit-linear-gradient(top, #ffffff 0%,#d4d4d4 100%);
              background: -o-linear-gradient(top, #ffffff 0%,#d4d4d4 100%);
              background: -ms-linear-gradient(top, #ffffff 0%,#d4d4d4 100%);
              background: linear-gradient(to bottom, #ffffff 0%,#d4d4d4 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=0 );
}*/
/*.phone-menu1 li{ width:25%;  text-align:center; float:left; list-style:none; }
.phone-menu1 li:hover,.phone-menu li.active{ background-color:#d4d4d4;}
.phone-menu1 li a{ color:#666; font-size:12px; text-decoration:none;}
.phone-menu1 li i{ background:url(../images/phone-menu1.png) no-repeat; background-size:25px; margin:6px auto 2px; display:block; width:25px; height:25px;float:none;}
.phone-menu1 li i.icon1{ background-position:0 0;}
.phone-menu1 li i.icon2{ background-position:0 -25px;}
.phone-menu1 li i.icon3{ background-position:0 -50px;}
.phone-menu1 li i.icon4{ background-position:0 -75px;}*/
.ShareBoxx {
	display: none;
}
@media screen and (max-width:600px) {
.ShareBoxx {
	display: block;
	display: none\9;
}
}
.ShareBoxx .ShareAni {
	-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;
}
.ShareBoxx .ShareBoxBg {
	filter: Alpha(opacity=0);
	opacity: 0;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: url(../images/productbg.png) repeat;
}
.ShareBoxx .ShareBox {
	padding: 20px;
	position: fixed;
	bottom: 54px;
	left: 0;
	z-index: 9998;
	width: 100%;
	background: url(../images/white.png) repeat;
	-webkit-transform: translateY(300px);
	-moz-transform: translateY(300px);
	-ms-transform: translateY(300px);
	-o-transform: translateY(300px);
	transform: translateY(300px);
}
.ac .ShareAni {
	filter: Alpha(opacity=100);
	opacity: 1;
	z-index: 9997;
}
.ac .ShareBox {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.ShareBox h3 {
	text-align: center;
	padding: 0 0 20px 0;
	font-size: 18px;
}
.ShareBox li {
	color: #333;
	float: left;
	width: 25%;
	text-align: center;
	min-height: 100px;
}
.ShareBoxx .ShareBox li a {
	display: block;
	float: none;
	padding-left: 0;
	width: 56px;
	height: 50px;
	margin: 0 auto 10px;
	background: url(../images/share.png) no-repeat -9px 0;
	background-size: 300px;
}
.ShareBoxx .ShareBox .jiathis_style_24x24 li a span {
	display: none !important;
}
.ShareBoxx .ShareBox li a.weix {
	background-position: -157px 0;
}
.ShareBoxx .ShareBox li a.ren {
	background-position: -231px 0;
}
.ShareBoxx .ShareBox li a.qzong {
	background-position: -84px 0;
}
.ShareBox .Cancellation {
	border: 1px solid #ddd;
	background: url(../images/white.png) repeat;
	text-align: center;
	line-height: 40px;
	color: #333;
}

@media screen and (max-width: 600px) {
.phone-menu0, .phone-menu1 {
	display: block;
}
}
