.service {
    position: fixed;
    right: 30px;
    top: 50%;
    transform: translate(0%, -50%);
    z-index: 2;
}

.service li {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    position: relative;
}

.service li+li {
    margin-top: 3px;
}

.service li.custom_service {
    background-image: url(./../images/service/客服.jpg);
}

.service li.active,
.service li.custom_service:hover {
    background-image: url(./../images/service/客服-hover.jpg);
}

.service li.qq {
    background-image: url(./../images/service/QQ.jpg);
}

.service li.qq:hover {
    background-image: url(./../images/service/QQ-hover.jpg);
}

.service li.wechat {
    background-image: url(./../images/service/微信.jpg);
}

.service li.wechat:hover {
    background-image: url(./../images/service/微信-hover.jpg);
}

.service li.tel {
    background-image: url(./../images/service/电话.jpg);
}

.service li.tel:hover {
    background-image: url(./../images/service/电话-hover.jpg);
}

.service li.jd {
    background-image: url(./../images/service/京东.jpg);
}

.service li.jd:hover {
    background-image: url(./../images/service/京东-hover.jpg);
}

.service li a,
.service li.jd a {
    display: block;
    width: 100%;
    height: 100%;
}

.service li div {
    display: none;
    position: absolute;
    background: #c31b1f;
    border-radius: 5px;
    right: 55px;
    cursor: default;
}

.service li:hover div {
    display: block;
}

.service li.tel div {
    width: 218px;
    height: 120px;
    top: -25px;
}


.service li.tel div .subtit {
    display: inline-block;
    max-width: 70%;
    margin-top: 12px;
    margin-left: 12px;
    margin-bottom: 22px;
    font-size: 14px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
}

.service li.tel div p {
    max-width: 100%;
    font-size: 28px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
}

.service li.wechat div {
    width: 200px;
    height: 165px;
    top: -60px;
}

.service li.wechat div .subtit {
    display: block;
    max-width: 90%;
    margin: 0 auto;
    margin-top: 18px;
    margin-bottom: 13px;
    width: 56px;
    font-size: 14px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
}

.service li.wechat div img {
    margin: 0 auto;
}

#newBridge .icon-right-center {
    display: none;
    margin-top: -130px !important;
    right: 86px !important;
}

@media (max-width: 768px) {
	.service {
		display: none;
		right: 10px;
	}

	#newBridge #nb_icon_wrap {
		width: 100px !important;
		height: 100px !important;
	}
	#newBridge .nb-icon-wrap-base {
		background: url(./../images/service/zixun.png) no-repeat !important;
		background-size: 100% !important;
	}
}

@media (min-width: 768px){
    #newBridge #nb_icon_wrap {
		display: none;
	}
}