@charset "utf-8";

/* 右下角菜单 */
.wrap_qq { width: 45px; height: 45px; position: fixed; left: 0; bottom: 0; z-index: 9999; filter: alpha(opacity=80); opacity: .8; }
.icon_menu_qq { width: 45px; height: 45px; position: absolute; bottom: 4px; left: 4px; z-index: 10; cursor: pointer; }
.icon_menu_qq span { diplay: none; }
.btn_qq { width: 45px; height: 45px; background: url(../images/bg1.png) no-repeat 0 0; z-index: 1; position: absolute; bottom: 0; left: 0; margin: 0 0px 4px 4px; cursor: pointer; background-size: 45px 45px; }
.btn_qq span { display: block; width: 30px; height: 20px; font-size: 12px; position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -13px; overflow: hidden; color: #fff;   line-height: inherit;          /*background:url(../images/icon_db3.png) no-repeat; background-size:90px 25px;*/ }
.btn_qq span a { color: #fff; }
.btn_qq1 span { background-position: 0 -2px; }
.btn_qq2 span { background-position: -24px -2px; }
.btn_qq3 span { background-position: -47px -2px; }
.btn_qq4 span { background-position: -69px -2px; }
.btn_qq { -webkit-transition: bottom .2s, left .2s; -moz-transition: bottom .2s, left .2s; -o-transition: bottom .2s, left .2s; -ms-transition: bottom .2s, left .2s; transition: bottom .2s, left .2s; }
.btn_qq1.close, .btn_qq2.close, .btn_qq3.close, .btn_qq4.close { bottom: 0; left: 0; }
.btn_qq1.open { bottom: 140px; left: 0; }
.btn_qq2.open { bottom: 115px; left: 62px; }
.btn_qq3.open { bottom: 68px; left: 112px; }
.btn_qq4.open { bottom: 5px; left: 140px; }
.btn_qq span{line-height: inherit;}