.csdn-side-toolbar {
    position: fixed;
    right: 20px;
    bottom: 160px;
    width: 44px;
    z-index: 1999;
    top:35%;
}

    .csdn-side-toolbar .option-box {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        background: #000;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
        background-color: #fff;
        text-align: center;
        height: 44px;
        cursor: pointer;
        margin-top: 8px
    }

        .csdn-side-toolbar .option-box:[data-type=report] {
            font-size: 14px;
            font-family: PingFangSC-Regular,PingFang SC;
            font-weight: 400;
            color: #4d4d4d
        }

        .csdn-side-toolbar .option-box[data-type=app]:hover .app-qr-box {
            display: block
        }

        .csdn-side-toolbar .option-box .app-qr-box {
            display: none;
            position: absolute;
            margin-right: 44px;
            padding-right: 4px;
            right: 0;
            top: 0;
            -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
            box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
            border-radius: 4px
        }

.csdn-side-toolbar .option-box .app-qr-box .bg-box {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 4px
}

.csdn-side-toolbar .option-box .app-qr-box .bg-box .qr-item-box {
    padding: 10px 10px 6px;
    border-radius: 4px
}

.csdn-side-toolbar .option-box .app-qr-box .bg-box .qr-item-box img {
    display: block;
    width: 96px;
    height: auto;
    max-width: none;
}

.csdn-side-toolbar .option-box .app-qr-box .bg-box .qr-item-box p {
    margin: 4px 0 0;
    font-size: 14px;
    color: #4d4d4d;
    text-align: center;
}

        .csdn-side-toolbar .option-box[data-type=feedback] img {
            width: 26px
        }

        .csdn-side-toolbar .option-box[data-type=gotop].go-top-hide {
            visibility: hidden
        }



        .csdn-side-toolbar .option-box.active .show-txt, .csdn-side-toolbar .option-box:hover .show-txt {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            opacity: 100
        }

      

        .csdn-side-toolbar .option-box img {
            display: block;
            width: 25px
        }

        .csdn-side-toolbar .option-box .show-txt {
            display: none;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            border-radius: 50%;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            font-size: 12px;
            line-height: 14px;
            color: #999aaa;
            background-color: #fff;
            text-align: center;
            opacity: 0;
            -webkit-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out
        }

    .csdn-side-toolbar.black .option-box {
        background: #444447
    }

        .csdn-side-toolbar.black .option-box .show-txt {
            background: #444447
        }
.app-qr-box .bg-box .qr-item-box a:hover p{
    color: #e43434 !important;
}