/*手机端显示底部四个按钮*/
.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:25%; 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(../img/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;}

.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(http://mozhanfile.b0.upaiyun.com/Public/Images/bg/productBg.png) repeat; }
.ShareBoxx .ShareBox{ padding:20px;position:fixed;bottom:54px;left: 0;z-index: 9998; width: 100%;background: url(http://mozhanfile.b0.upaiyun.com/Public/Images/bg/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(http://mozhanfile.b0.upaiyun.com/Public/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(http://mozhanfile.b0.upaiyun.com/Public/Images/bg/white.png) repeat; text-align: center;line-height: 40px;color: #333;}


/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/
@media screen and (max-width: 600px) {
    .phone-menu0,.phone-menu1{ display:block;}
}
@media screen and (max-width: 768px) {
    .product-detail .jiathis_style_24x24 .jtico_jiathis{display: none!important;}
}