.the-consult-g{
    position: fixed;
    right: 10px;
    top: 35%;
    z-index: 9999;
    transform: translateY(-50%);
}
.the-consult-g .activity-inlet{
    border-radius: 4px;
    margin-bottom: 10px;
    background: #fff;
}
.the-consult-g .activity-inlet a{
    box-shadow: 0 8px 20px 1px rgba(55,99,170,0.2);
    border-radius: 4px;
    border: 2px solid #FFFFFF;
}
.the-consult-g .activity-inlet a img{
    border-radius: 4px;
}

.the-consult-g .consult-service{
    display: flex;
    flex-flow: column;
    justify-content: space-around;
    width: 64px;
    border-radius:4px;
    border: 2px solid #FFFFFF;
    background: linear-gradient( 180deg, #FFFFFF 0%, #F6F7FF 100%);
    box-shadow: 0 8px 20px 1px rgba(55, 99, 170, 0.2);
}
.the-consult-g .consult-service .row{
    position: relative;
    width: 100%;
    padding: 20px 6px;
    border-bottom: 1px solid #F5F5F5;
    cursor: pointer;
    display: block;
    margin: 0px;
}
.the-consult-g .consult-service .row.channel{
    border: none;
}

.the-consult-g .consult-service .row>div:last-child{
    width: 100%;
    text-align: center;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.the-consult-g .consult-service .row .icon{
    width: 32px;
    height: 32px;
    margin-right: 4px;
    margin-left: 4px;
    margin-bottom: 5px;
}
.the-consult-g .consult-service .row .desc{
    font-weight: 400;
    font-size: 12px;
    color: #333333;
    width: 100%;
}


.the-consult-g .consult-service .popover{
    position: absolute;
    left: -254px;
    width: 256px;
    border-radius: 6px;
    margin: 0px;
    padding: 0px;
    background: transparent;
    border: none;
}
/* 防止13寸屏幕被遮挡 */
@media screen and (max-width: 1280px){
    .the-consult-g .consult-service .popover{
        bottom: 0;
    }
}

.the-consult-g .consult-service .popover .popover-sub-box{
    background: #FFFFFF;
    border-radius: 4px;
    width: 240px;
}
.the-consult-g .consult-service .popover .popover-sub{
    width: 240px;
    padding: 10px 2px;
    background: linear-gradient( 180deg, #FFFFFF 0%, #F6F7FF 100%);
    box-shadow: 0 4px 10px 1px rgba(55,99,170,0.2);
    border-radius: 4px;
    border: 2px solid #FFFFFF;
    cursor: default;
}
.the-consult-g .consult-service .popover .popover-sub .top{
    font-size: 16px;
    color: #333333;
    text-align: left;
    padding: 0 6px 10px 6px;
    border-bottom: 1px solid #F5F5F5;
}
.the-consult-g .consult-service .popover .popover-sub .top:before{
    content: url("../images/consult/circle.png");
    vertical-align: middle;
}
.the-consult-g .consult-service .row .popover .popover-sub .cards{
    padding: 10px 8px 0 8px;
}
.the-consult-g .consult-service .row.channel .popover .popover-sub .cards{
    padding:0;
}
.the-consult-g .consult-service .row .popover .popover-sub .cards .card{
    display: flex;
    justify-content: space-between;
    border: none;
    background: transparent;
}
.the-consult-g .consult-service .row.channel .popover .popover-sub .cards .card{
    padding: 8px;
}
.the-consult-g .consult-service .row.channel .popover .popover-sub .cards .card{
    border-bottom: 1px solid #F5F5F5;
}
.the-consult-g .consult-service .row.channel .popover .popover-sub .cards .card:last-child{
    border-bottom: none;
}
.the-consult-g .consult-service .row .popover .popover-sub .cards .card .left{
    display: flex;
}
.the-consult-g .consult-service .row .popover .popover-sub .cards .card .left .icon{
    width: 32px;
    height: 32px;
    background: url("../images/consult/tg.png");
}
.the-consult-g .consult-service .row .popover .popover-sub .cards .card .left .text{
    display: flex;
    flex-flow: column;
    padding: 5px
}
.the-consult-g .consult-service .row.channel .popover .popover-sub .cards .card .left .text{
    display: block;
    padding: 11px 10px;
}
.the-consult-g .consult-service .row .popover .popover-sub .cards .card .left .text span{
    display: inline-block;
    text-align: left;
}
.the-consult-g .consult-service .row .popover .popover-sub .cards .card .left .text span img{
    margin-left: 3px;
}
.the-consult-g .consult-service .row .popover .popover-sub .cards .card .left .text span:first-child{
    font-weight: bold;
    font-size: 14px;
    color: #333333;
}
.the-consult-g .consult-service .row.channel .popover .popover-sub .cards .card .left .text span:first-child{
    font-weight: bold;
    font-size: 14px;
    color: #333333;
}
.the-consult-g .consult-service .row .popover .popover-sub .cards .card .left .text span:last-child{
    font-weight: 400;
    font-size: 12px;
    color: #748093;
}
.the-consult-g .consult-service .row .popover .popover-sub .cards .card .right{
    width: 12px;
    height: 12px;
    margin: auto 0;
}
.the-consult-g .consult-service .row .popover .popover-sub .cards .card .right:before{
    content: url("../images/consult/right.png");
}
.the-consult-g .consult-service .row .popover .popover-sub .cards .card:hover .right:before{
    content: url("../images/consult/right-click.png");
}

.the-consult-g .consult-service .row.qq .icon{
    background: url("../images/consult/qq.png");
}
.the-consult-g .consult-service .row.support .icon{
    background: url("../images/consult/support.png");
}
.the-consult-g .consult-service .row.support .popover{
    display: none;
}
.the-consult-g .consult-service .row.channel .icon{
    background: url("../images/consult/channel.png");
}
.the-consult-g .consult-service .row.channel .popover{
    display: none;
}

.the-consult-g .consult-service .row.qq:hover .icon{
    background: url("../images/consult/qq-click.png");
}
.the-consult-g .consult-service .row.support:hover .icon{
    background: url("../images/consult/support-click.png");
}
.the-consult-g .consult-service .row.support:hover .popover{
    display: block;
}
.the-consult-g .consult-service .row.channel:hover .icon{
    background: url("../images/consult/channel-click.png");
}
.the-consult-g .consult-service .row.channel:hover .popover{
    display: block;
}
.the-consult-g .consult-service .row:hover .desc{
    color: #0052D9;
}
.the-consult-g .consult-service .row.channel .popover .popover-sub .card:hover .left .text span:first-child{
    color: #0052D9;
}