﻿/* 页脚样式已迁移至 main.css 中的 .footer-new 系列样式 */
/* 保留固定侧边栏样式 */
.foot-fixed { position: fixed; z-index: 990; right: 10px; bottom: 110px; width: 80px; height: 204px; }
.foot-fixed .foot-fixed-box { position: relative; float: right; }
.foot-fixed .foot-fixed-box .j-icon { opacity: 0.9; filter: alpha(opacity=90); display: block; width: 50px; height: 50px; background-color: #2d3436; margin-bottom:1px; border-radius: 4px; transition: all 0.3s; }
.foot-fixed .foot-fixed-box .j-icon i{display: block; float: left; width: 25px; height:25px; margin-left: 15px; margin-top: 15px; background: url(../image/suspension-bg.png) no-repeat center center; text-indent: -9999px;}
.foot-fixed .foot-fixed-box .j-icon.backtop { background-color: #4A90D9; cursor:pointer; border-bottom:0; border-radius: 4px;}
.foot-fixed .foot-fixed-box .j-icon.myim i { background:url(../image/myim.png) -2px center; background-size:100%; }
.foot-fixed .foot-fixed-box .j-icon.qq i { background-position: 0 0; }
.foot-fixed .foot-fixed-box .j-icon.tel i { background-position: -25px 0; }
.foot-fixed .foot-fixed-box .j-icon.code i { background-position: 0 -25px; }
.foot-fixed .foot-fixed-box .j-icon.backtop i { background-position: -28px -25px; }
.foot-fixed .foot-fixed-box .j-icon{position:relative; cursor:pointer;}
.foot-fixed .foot-fixed-box .j-icon.cart i { background:url(../image/add_cart.png) -2px center no-repeat; background-size:100%; }
.foot-fixed .foot-fixed-box .j-icon em{position:absolute; top:2px; right:2px; border-radius:10px; background:#4A90D9; text-align:center;color:#fff; padding:0px 5px;}
.foot-fixed .foot-fixed-box .j-icon:hover{ opacity: 0.8; filter: alpha(opacity=80); transform: translateX(-3px);}
.foot-fixed .foot-fixed-box .j-icon.backtop:hover { background-color: #3A7BC8; }
.foot-fixed-box div.code { position: absolute; left: -187px; top: 52px; display: none; width: 178px; height: 194px; text-align:center; padding-top: 10px; background-color: #fff; border: 1px solid #D9D9D9; }
.foot-fixed-box div.code p {font-size:14px; width: 155px; text-align: center; margin:0 auto; color:#333;}
.foot-fixed-box div.code i { width: 8px; height: 15px; position: absolute; top: 118px; right: -8px; background-image: url(../image/trangle-right-suspension.png); background-repeat: no-repeat; }
.foot-fixed-box div.tencent { position: absolute; left: -187px; top: 60px; width: 177px; height: 85px; display:none; background-color: #fff; border: 1px solid #D7D7D7; }
.foot-fixed-box div.tencent p.tencent-p { width: 75px; float: right; margin-right: 18px; margin-top: 18px; font-size: 16px; color: #333; }
.foot-fixed-box div.tencent i.tencent-i { width: 8px; height: 15px; position: absolute; top: 10px; right: -8px; text-indent: -9999px; background-image: url(../image/trangle-right-suspension.png); background-repeat: no-repeat; }
.foot-fixed-box div.tencent span.tencent-span { position: absolute; left: 8px; top: 7px; border-radius: 22px; width: 45px; height: 48px; text-align: center; z-index: 99; overflow: hidden; margin: 10px 0 0 10px}
.foot-fixed-box div.tencent .tencent-qq {position: absolute; left: 3px;top:0px; height: 45px; width: 39px;}
.foot-fixed-box div.tel { position: absolute; left: -187px; top: 100px; display: none; width: 177px; height: 85px; background-color: #fff; border: 1px solid #D7D7D7; }
.foot-fixed-box div.tel i { width: 8px; height: 15px; position: absolute; top: 20px; right: -8px; background-image: url(../image/trangle-right-suspension.png); background-repeat: no-repeat; }
.foot-fixed-box div.tel strong { display: block; margin-left: 17px; margin-top: 16px; font-size: 16px; font-weight: normal; color: #333;}
.foot-fixed-box div.tel p { margin-left: 17px; font-size: 23px; font-family: arial; color: #FD696D;margin-top:10px; width:148px; overflow:hidden }
