/* 侧边功能栏 */
.floatBar{position: fixed; right: 10px; top: 40%; -webkit-transition: top 220ms ease 0s; transition: top 220ms ease 0s; z-index: 20; width: 40px; padding-left: 5px; padding-right: 5px; color: #fff;}
.floatBar .close{position: absolute; z-index: 1; top: -51px; left: 0; width: 50px; height: 50px; background-image: url(../images/ico-close.png); background-color: #e2e2e2; background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; *visibility: visible; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(0); transform: scaleY(0);}
.floatBar .close:hover{background-color: #d3d3d3;}
.floatBar:hover .close{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: none !important; transform: none !important;}
.floatBar .dd{display: block; position: relative; z-index: 9; margin-top: 1px; background-color: #e2e2e2;}
.floatBar .dd .icoImg{display: block; width: 40px; height: 40px;}
.floatBar .dd:first-child{margin-top: 0;}
.floatBar .dd .stay{position: relative; z-index: 2; padding-top: 5px; padding-bottom: 5px; height: 40px; line-height: 40px;}
.floatBar .dd .stay .ico{display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center ;}
.floatBar .dd .stay .bg{z-index: -1; left: -5px; width: 50px; height: 50px; background-color: #e2e2e2;}
.floatBar .dd .triangle{display: none; position: absolute; left: -10px; top: 15px; overflow: hidden; width: 0; height: 0; border-width: 5px 5px; border-color: transparent #d4d4d4 transparent transparent; border-style: dashed solid dashed dashed; font-size: 0;}
.floatBar .dd .hide{position: absolute; z-index: 1; left: 35px; top: 1px; bottom: 1px; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; *visibility: visible; -webkit-transform: translateX(5px); transform: translateX(5px); white-space: nowrap; background-color: #e2e2e2;}
.floatBar .dd .hide .item{color: #fff; /* &:hover{.c1();} */}
.floatBar .dd.qq .stay .ico{background-image: url(../images/ico-frQQ.png);}
.floatBar .dd.qq .item{padding: 5px 20px; line-height: 28px;}
.floatBar .dd.backToTop{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer;}
.floatBar .dd.backToTop .stay .ico{background-image: url(../images/ico-frBackTop.png);}
.floatBar .dd.backToTop .triangle{top: auto; bottom: 15px;}
.floatBar .dd.backToTop .hide{top: auto; bottom: 0;}
.floatBar .dd.backToTop .backToTopBox{padding-left: 20px; padding-right: 20px; line-height: 40px; color: #fff; text-align: center;}
.floatBar .dd:hover .stay{color: #333;}
.floatBar .dd:hover .hide{-webkit-transition: all 300ms cubic-bezier(0.28, 0.41, 0.13, 1.73) 0ms; transition: all 300ms cubic-bezier(0.28, 0.41, 0.13, 1.73) 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: none !important; transform: none !important; z-index: 3;}