.rightsidebar{position: fixed;right: 0;top: 60%;transform: translateY(-50%);z-index: 991;}
.rightsidebar>ul {
    list-style: none;
    box-shadow: 0 0 6px rgba(0,0,0,.11);
    border-radius: 18px 0 0 18px;
    background-color: #f5f5f5;
}
.rightsidebar>ul li.rightsidebar-li {
    position: relative;
    width: 56px;
    height: 68px;
    margin-top: 1px;
    padding-top: 6px;
    background-color: #fff;
    color: #666;
    cursor: pointer;
    font-size: 12px;
}
.rightsidebar>ul li.rightsidebar-li a.rightsidebar-a{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #666;
    text-decoration: none
}
.rightsidebar>ul li.rightsidebar-li:hover {
    color: #fff;
    background-color: #0081ff;
}
.rightsidebar>ul li.rightsidebar-li:hover a.rightsidebar-a{
    color: #fff;
}
.rightsidebar>ul li.rightsidebar-li:first-child {
    border-top-left-radius: 18px;
    background-color: #0081ff;
    color: #fff;
}
.rightsidebar>ul li.rightsidebar-li:first-child a.rightsidebar-a{
    color: #fff
}
.rightsidebar>ul li.rightsidebar-li:last-child {
    border-bottom-left-radius: 18px;
}
.rightsidebar>ul li.rightsidebar-li .iconfontzz{
	font-size: 24px
}
.rightsidebar>ul li.rightsidebar-li .rightsidebar-badge{
    position: absolute;
    top: 1px;
    right: 5px;
}

.sidebar-service{width:247px;height:auto;padding:15px 10px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.4);border-radius:5px 0 0 5px;border:1px solid #ddd;border-right:0;z-index:999999;position:absolute;top:0;left:-247px;display:none;color: #666;}
.sidebar-service .arrow-right{position:absolute;right:-5px;top:15px;width:5px;height:9px;background-position:-294px -124px;overflow:hidden;}
.sidebar-service .customerserv{overflow:hidden;padding:6px 0}
.sidebar-service .customerserv .customerserv-item{float:left;width:50%;}
.sidebar-service .customerserv .customerserv-item .qqzixun{display: inline-block;width: 90px;}
.sidebar-service .customerserv a{height:27px;line-height:27px;}
.sidebar-service .customerserv .name{margin-bottom:5px}
.sidebar-service .customerserv img{width:120px}
.sidebar-service .customerserv span.user-icon{display:block;width:27px;height:27px;float:left;background:url(../images/user-icon.png) no-repeat;margin-right:8px}
.sidebar-service .customerserv .user-icon.user-icon-online{background-position:-54px -123px}
.sidebar-service .customerserv .user-icon.user-icon-ww{background-position:0 -123px}
.sidebar-service .customerserv .user-icon.user-icon-qq{background-position:-27px -123px}
.sidebar-service i {
    display: inline-block;
    background: url(../images/common-icon.png) no-repeat;
    cursor: pointer;
    height: 19px;
    width: 18px;
    vertical-align: top;
    position: absolute;
}
.qrcode-sidebox{text-align: center;padding: 15px 20px;}
.qrcode-sidebox .col-6{padding: 0 10px;}
.qrcode-sidebox .qrcode{width: 100%}
.qrcode-sidebox .ge5{
    color: #e50012;
}
.qrcode-sidebox .qrcodeSide_details {
    margin-top: 8px;
    color: #ccc;
    text-align: center
}
.qrcode-sidebox .iconfontzz{
    font-size: 26px!important;
}
.consult-box{
    width: 130px;
    left: -130px;
}
.customer-sidebox{}
.customer-sidebox .customer-wechat{}
.customer-sidebox .customer-wechat li{float: left;width: 50%}
.customer-sidebox .customer-qq{}
.customer-sidebox .customer-qq .daui-cell{
	padding: 4px 15px;
	text-decoration: none
}
.customer-sidebox .customer-qq .iconfontzz{
	font-size: 20px
}
.customer-sidebox img{width: 100%}

.user-sidebox{width:247px;height:auto;padding:15px 10px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.4);border-radius:5px 0 0 5px;border:1px solid #ddd;border-right:0;z-index:999999;position:absolute;top:0;left:-247px;left:-248px\0;display:none;}
.user-sidebox .user-pic{width:74px;height:74px;position:relative;margin:0 auto;}
.user-sidebox .user-pic img{width:74px;height:74px;}
.user-sidebox .user-pic-mask{width:74px;height:74px;background:url(../images/mask1.png) no-repeat center center;position:absolute;left:0;top:0;}
.user-sidebox p {text-align:center;padding-bottom:10px;margin-bottom: 0}
.user-sidebox a {padding:0 5px;margin:0 5px;}
.user-sidebox .user-have-login {overflow:hidden;}
.user-sidebox .user-have-login .user-pic {float:left;}
.user-sidebox .user-have-login .user-info {width:130px;padding-left:20px;float:left;padding-top:15px;}
.user-sidebox .user-have-login .user-info p {text-align:left;padding-bottom:5px;white-space:nowrap;}
.user-sidebox .btn {display:inline-block;padding:4px 15px;background:#F9F9F9;border:1px solid #eee;color:#000;font-size: .8rem}
.user-sidebox .mt10 {margin-top:10px;}