.qq {
    width: 38px;
    line-height: 38px;
    height: 38px;
    position: fixed;
    right: 0px;
    background-color: #fff;
    top: 200px;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px hsla(0, 0%, 0%, 1.00);
    box-shadow: 1px 1px 1px hsla(0, 0%, 0%, .3);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    transition: all .8s ease 0s;
    overflow: hidden
}
.qq a {
    font-size: 2em;
    color: #5a98de;
}

.pfys {
    width: 38px;
    line-height: 38px;
    height: 38px;
    position: fixed;
    right: 0px;
    background-color: #fff;
    top: 120px;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px hsla(0, 0%, 0%, 1.00);
    box-shadow: 1px 1px 1px hsla(0, 0%, 0%, .3);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    transition: all .8s ease 0s;
    overflow: hidden
}

.pfys:hover {
    height: 88px;
    color: #008AFC
}

.pfys i {
    font-size: 1.5em;
    transition: all .8s ease 0s;
}

.pfys:hover .pfys i {
    -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);
}

.pfys a {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7px;
    border-radius: 3px;
}

.pfy1 {
    background-color: #222222;
    width: 15px;
    height: 15px;
}

.pfy2 {
    background-color: #f4f4f4;
    border: 1px solid #D8D8D8;
    width: 14px;
    height: 14px;
}

.pfys a:hover {
    -webkit-box-shadow: 1px 2px 2px hsla(0, 0%, 0%, .50);
}