/* 代码原创：懒人之家 www.lanrenzhijia.com */

.float-menu{width: 50px;height: 50px;position: fixed;z-index: 99999;right: 60px;bottom: 100px;}
.float-menu div{-webkit-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-moz-transition:all 0.2s linear;transition:all 0.2s linear;}
.float-menu .plus{width: 100%;height: 100%;background: url(/uploads/image/smimg/menu-icon.png) no-repeat center center;background-size: 100%;z-index: 2;position: absolute;left: 0;top: 0;}
.float-menu .plus .cross{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 3;content: "";background:url(/uploads/image/smimg/menu-add.png) no-repeat center center;background-size: 37%;}
.float-menu .menu-list{opacity:0;width: 100%;height: 100%;z-index: 1;position: absolute;left: 0;top: 0;border-radius: 100%;}
.float-menu .menu-list a{width: 33%;height: 16%;display: block;position: absolute;text-align: center;padding-top: 17%;opacity: 0;font-size: 0;color: #333;font-size: 12px;text-decoration: none;}
.float-menu .menu-list a.link-home{left: 50%;top: 2px;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background: url(/uploads/image/smimg/shouye.png) no-repeat center 5px;background-size: 50%;}
.float-menu .menu-list a.link-my{left: 0;top: 44%;-webkit-transform:translate(0%,-50%);-moz-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%);background: url(/uploads/image/smimg/my.png) no-repeat center top;background-size: 50%;}
.float-menu .menu-list a.link-cart{left: 70%;top: 64%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background: url(/uploads/image/smimg/arrow.png) no-repeat center top;background-size: 50%;}
.float-menu .menu-list a.link-person{top: 27%;right: -15%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background: url(/uploads/image/smimg/lianxir.png) no-repeat center top;background-size: 50%;}
.float-menu .menu-list a.link-active{top: 65%;left: 30%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background: url(/uploads/image/smimg/fabu.png) no-repeat center top;background-size: 50%;}
.float-menu.open .menu-list a{opacity: 1;font-size: 12px;color: #fff;}
.float-menu.open .cross{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);border-radius: 100%;}
.float-menu.open .menu-list{opacity: 1;width:300%;height: 300%;left: -100%;top: -100%;background-color: #febd58;}
.float-menu #float-cart{background-color: #f97157;border-radius: 100%;display: block;position: absolute;right: 5px;top: 0;color: #fff;min-width: 18px;min-height: 18px;line-height: 18px;text-align: center;}