.sidebar {position:fixed;right:0;bottom:60px;z-index:100;height:auto;box-shadow:0 0 10px rgba(0,0,0,.1);}
.sidebar .float-item {position:relative;width:50px;height:50px;border-bottom:1px solid #eee;background-color:#fff;cursor:pointer;}
.sidebar .float-item span{display: inline-block;width:50px;height:50px;}
.sidebar .float-item:hover {background-color:#fe4e27}
.sidebar .float-item:hover .detail {display:flex!important}
.sidebar .float-item:first-child {border-radius:3px 3px 0 0}
.sidebar .float-item:last-child {border-radius:0 0 3px 3px;border-bottom:0;}
.sidebar .float-item .iconfont {background-image:url(/images/sidebar.png);}
.sidebar .float-item .QQ {background-position:5px 5px;}
.sidebar .float-item .QQ:hover {background-position:-35px 5px;background-color:#fe4e27;}
.sidebar .float-item:hover .QQ {background-position:-35px 5px;}
.sidebar .float-item .phone {background-position:5px -35px;}
.sidebar .float-item .phone:hover {background-position:-35px -35px;background-color:#fe4e27;}
.sidebar .float-item:hover .phone {background-position:-35px -35px;background-color:#fe4e27;}
.sidebar .float-item .qr-code {background-position:5px -75px;}
.sidebar .float-item .qr-code:hover {background-position:-35px -75px;background-color:#fe4e27;}
.sidebar .float-item:hover .qr-code {background-position:-35px -75px;}
.sidebar .float-item .top {background-position:5px -115px;}
.sidebar .float-item .top:hover {background-position:-35px -115px;background-color:#fe4e27;}
.sidebar .float-item:hover .top {background-position:-35px -115px;}
.sidebar .float-item .request {background-position:5px -155px;}
.sidebar .float-item .request:hover {background-position:-35px -155px;background-color:#fe4e27;}
.sidebar .float-item:hover .request {background-position:-35px -155px;}
.sidebar .float-item .detail {width: 210px;display:none;line-height:20px;text-align:center;font-size:14px;color:#fff;padding:10px;background:#fe4e27;position:absolute;right:50px;top:0;-webkit-border-radius:3px 0 3px 3px;-moz-border-radius:3px 0 3px 3px;border-radius:3px 0 3px 3px;}
.sidebar .float-item .detail .tel {text-align: left;}
.sidebar .float-item .detail .tel p{ padding-left:6px;font-size: 16px;color: #fff; line-height:26px;}
.sidebar .float-item .detail .qrcode img {width: 100px;height: 100px;border: none;border-radius:4px;}
.sidebar .float-item .detail .qrcode li {float: left;text-align: center;line-height:18px;margin-right:10px;}
.sidebar .float-item .detail .qrcode li p{font-size:14px;}
.footer{width:100%;clear:both;overflow:hidden;border-top:2px solid #ff5c38;background-color:#fff;text-align:center;padding:20px 0;}
.footer p{color:#666;line-height:30px;font-size:14px;}
.footer em{font-size:12px;color:#888;padding:0 8px;}
.footer a{color:#666}
.footer a:hover{color:#ff5c38}
