/* :root {
      --theme-color: #206be7;
      --theme-hover: #1162e8;
      --action-color: #206be7;
      --theme-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif
    } */
.right-float {
    position: fixed;
    z-index: 999;
    bottom: 30%;
    right: 15px;
    width: 40px
}

    .right-float .action-item {
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #999;
        text-align: center;
        background: #e2e2e2;
        text-decoration: none;
        border-top: 1px solid rgba(0, 0, 0, .05)
    }

        /*On悬浮样式*/
        .right-float .action-item:hover {
            color: #fff;
            background-color: var(--theme-hover);
            cursor: pointer
        }

        /*设置圆角*/
        .right-float .action-item:first-child {
            border-top: 0;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

        .right-float .action-item:last-child {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px
        }

    /*图标样式*/
    .right-float .action-item-icon {
        font-size: 26px;
        line-height: 40px
    }

    /*悬浮-显示文本信息*/
    .right-float .action-item:hover .action-item-inner {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        transform: translateX(-5px);
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

    .right-float .action-item-inner {
        margin-top: -152px;
        line-height: 27px;
        visibility: hidden;
        position: absolute;
        right: 98%;
        top: 50%;
        width: 250px;
        padding: 15px;
        font-size: 12px;
        color: #333;
        text-align: left;
        background-color: #fff;
        -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1);
        box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1);
        opacity: 0;
        cursor: auto;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

        .right-float .action-item-inner.action-item-type-2 {
            margin-top: -134px;
            font-size: 14px;
            line-height: 1.6
        }

        .right-float .action-item-inner:after {
            position: absolute;
            width: 5px;
            height: 100%;
            right: -5px;
            top: 0;
            content: ""
        }

        .right-float .action-item-inner img {
            max-width: 100%;
            height: auto
        }

        .right-float .action-item-inner .action-item-img {
            display: block
        }

    /*显示与隐藏gotop*/
    .right-float.hide-gotop .action-item:nth-last-child(2) {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .right-float .gotop {
        opacity: 0;
        transition: .5s;
        transform: translateY(10px);
        visibility: hidden;
    }

        .right-float .gotop.show {
            opacity: 1;
            transform: translateY(0);
            visibility: unset;
        }