﻿.qyzSidebar {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9990;
    width: 0;
    height: 100%;
}

    .qyzSidebar .clusion,
    .qyzSidebar .clusion1 {
        position: absolute;
        z-index: 3;
    }

        .qyzSidebar .clusion.clusion,
        .qyzSidebar .clusion1.clusion {
            background: transparent;
            top: 6rem;
            width: 0.3rem;
            height: 0.5rem;
            right: 1rem;
            transform: skew(-34deg, 0deg);
            border-radius: 0.5rem 0 0 0;
        }

        .qyzSidebar .clusion.clusion1,
        .qyzSidebar .clusion1.clusion1 {
            background: transparent;
            top: 5.5rem;
            width: 0.3rem;
            height: 0.5rem;
            right: 1rem;
            transform: skew(36deg, 0deg);
            border-radius: 0rem 0 0 0.5rem;
        }

    .qyzSidebar .sidebar {
        position: absolute;
        right: 0;
        top: 0;
        width: 0;
        height: 100%;
        -webkit-transition: right 0.3s ease-in-out 0s;
        transition: right 0.3s ease-in-out 0s;
    }

        .qyzSidebar .sidebar .index1 {
            z-index: 11;
        }

        .qyzSidebar .sidebar .index2 {
            z-index: 22;
        }

        .qyzSidebar .sidebar .toolbar-animate-in {
            -webkit-animation: toolbar-scaleIn 0.35s ease-in-out;
            animation: toolbar-scaleIn 0.35s ease-in-out;
        }

        .qyzSidebar .sidebar .toolbar-animate-out {
            -webkit-animation: toolbar-scaleOut 0.35s ease-in;
            animation: toolbar-scaleOut 0.35s ease-in;
        }

        .qyzSidebar .sidebar .sidebaRmenu {
            position: absolute;
            top: 4.21rem;
            right: 1rem;
            width: 0.68rem;
        }

            .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage {
                font-size: 0.18rem;
                font-family: PingFang SC;
                font-weight: 400;
                color: #FFFFFF;
                position: relative;
                width: 0.68rem;
                height: 0.6rem;
                cursor: pointer;
                border-radius: 0.03rem;
                margin-bottom: 0.16rem;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                border-radius: 0 0rem 0rem 0;
            }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage i {
                    display: block;
                    position: relative;
                    z-index: 2;
                    color: #E4E4E4;
                    line-height: 0.4rem;
                    text-align: center;
                    transition: all 0.5s;
                }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage .tab-text {
                    width: 0;
                    height: 0.6rem;
                    line-height: 0.6rem;
                    font-size: 0.22rem;
                    color: #fff;
                    white-space: nowrap;
                    padding-left: 0;
                    font-family: 微软雅黑;
                    position: absolute;
                    z-index: 1;
                    right: 0rem;
                    top: 0;
                    opacity: 0;
                    background-color: #0b5da6;
                    border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
                    transition: all 0.5s;
                    text-indent: 0.2rem;
                }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(1) i {
                    width: 0.68rem;
                    height: 0.6rem;
                    background: url(../img/consulting/position-phone.png) no-repeat top center / 0.63rem 0.58rem;
                }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(1):hover .tab-text {
                    width: 2.8rem;
                    opacity: 1;
                }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(1):hover i {
                    width: 0.32rem;
                    height: 0.29rem;
                    background-image: url(../img/consulting/position-phone-white.png);
                    background-size: 0.32rem 0.29rem;
                }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(2) i {
                    width: 0.68rem;
                    height: 0.6rem;
                    background: url(../img/consulting/position-message.png) no-repeat top center / 0.63rem 0.58rem;
                }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(2):hover .tab-text {
                    width: 2.8rem;
                    opacity: 1;
                }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(2):hover i {
                    width: 0.43rem;
                    height: 0.31rem;
                    background-image: url(../img/consulting/position-message-white.png);
                    background-size: 0.43rem 0.31rem;
                }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(3) i {
                    width: 0.68rem;
                    height: 0.6rem;
                    background: url(../img/consulting/consulting-wechat.png) no-repeat top center / 0.63rem 0.58rem;
                }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(3) .tab-text {
                    width: 1rem;
                    height: 1rem;
                    padding: 0.08rem;
                    border-radius: 0.05rem;
                    background: #0b5da6;
                    text-indent: 0;
                    display: none;
                    top: -0.33rem;
                }

                    .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(3) .tab-text img {
                        width: 100%;
                        height: 100%;
                    }

                    .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(3) .tab-text .sj {
                        width: 0;
                        height: 0;
                        border: 0.1rem solid;
                        border-color: transparent transparent transparent #0b5da6;
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                        right: -0.2rem;
                    }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(3):hover {
                    background: #0b5da6;
                    border-radius: 0.3rem;
                    width: 0.6rem;
                }

                    .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(3):hover .tab-text {
                        right: 1rem;
                        opacity: 1;
                        display: block;
                    }

                    .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(3):hover i {
                        width: 0.4rem;
                        height: 0.3rem;
                        background-image: url(../img/consulting/consulting-wechat-white.png);
                        background-size: 0.4rem 0.3rem;
                    }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(6) i {
                    width: 0.68rem;
                    height: 0.6rem;
                    background: url(../img/consulting/position-qq.png) no-repeat top center / 0.63rem 0.58rem;
                }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(6):hover .tab-text {
                    width: 2.8rem;
                    opacity: 1;
                }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(6):hover i {
                    width: 0.29rem;
                    height: 0.31rem;
                    background-image: url(../img/consulting/position-qq-white.png);
                    background-size: 0.29rem 0.31rem;
                }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(5) i {
                    width: 0.68rem;
                    height: 0.6rem;
                    background: url(../img/consulting/position-feedback.png) no-repeat top center / 0.63rem 0.58rem;
                }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(5):hover .tab-text {
                    width: 2.8rem;
                    opacity: 1;
                }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(5):hover i {
                    width: 0.32rem;
                    height: 0.26rem;
                    background-image: url(../img/consulting/position-feedback-white.png);
                    background-size: 0.32rem 0.26rem;
                }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(4) i {
                    width: 0.25rem;
                    height: 0.35rem;
                    background: url(../img/consulting/consulting-top.png) no-repeat top center / 0.24rem 0.34rem;
                }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(4):hover .tab-text {
                    width: 2.8rem;
                    opacity: 1;
                }

                .qyzSidebar .sidebar .sidebaRmenu .sidebaPersonage:nth-child(4):hover i {
                    width: 0.25rem;
                    height: 0.35rem;
                    background: url(../img/consulting/consulting-top-white.png) no-repeat top center / 0.24rem 0.34rem;
                }

        .qyzSidebar .sidebar .toTop {
            position: absolute;
            bottom: -1px;
            width: 100%;
            left: -29px;
        }

            .qyzSidebar .sidebar .toTop .toToparrows {
                position: relative;
                width: 35px;
                height: 35px;
                margin-bottom: 1px;
                cursor: pointer;
                background-color: #7a6e6e;
                border-radius: 3px 0 0 3px;
            }

                .qyzSidebar .sidebar .toTop .toToparrows i {
                    padding-left: 8px;
                }

                .qyzSidebar .sidebar .toTop .toToparrows em {
                    width: 62px;
                    height: 35px;
                    line-height: 35px;
                    color: #fff;
                    text-align: center;
                    position: absolute;
                    z-index: 1;
                    left: 35px;
                    top: 0;
                    background-color: #7a6e6e;
                    border-radius: 3px 0 0 3px;
                    -webkit-transition: left 0.3s ease-in-out 0.1s;
                    transition: left 0.3s ease-in-out 0.1s;
                }

                .qyzSidebar .sidebar .toTop .toToparrows:hover {
                    background-color: #0b5da6;
                }

                    .qyzSidebar .sidebar .toTop .toToparrows:hover .topa {
                        color: white;
                    }

                    .qyzSidebar .sidebar .toTop .toToparrows:hover .topem {
                        left: -61px;
                        color: white;
                        background-color: #0b5da6;
                    }

                    .qyzSidebar .sidebar .toTop .toToparrows:hover .topBgc {
                        background-color: #0b5da6;
                    }

@media screen and (max-width: 750px) {
    .sidebaRmenu .sidebaPersonage i {
        transition: all 0s !important;
    }

    .qyzSidebar .sidebar .sidebaRmenu {
        position: absolute;
        top: 3.07rem;
        right: 0.47rem;
    }

    .whirtZ,
    .clusion,
    .clusion1 {
        display: none;
    }
}
