.jinni8_kefu_style{position: fixed;width:78px;top: 50%;transform: translateY(-50%);right: 0;font-size: 13px;color: #fff;z-index:100000000000000000;background-color: #f22645;cursor:pointer;}
.jinni8_kefu_nth{display:block;position: relative;text-align: center;padding: 15px 10px;padding:15px 0;border-top: rgb(0, 0, 0) 1px solid;transition:all 0.3s;color:#fff !important;}
.jinni8_kefu_nth a{color:#fff !important;}
.jinni8_kefu_nth:before{content:"";position: absolute;left: 0;top: -1px;width: 100%;height: 1px;background-color: #FFFFFF;z-index: 10;}
.jinni8_kefu_nth:hover{background-color: #333;}
.jinni8_kefu_nth:nth-child(1){border:0;}
.jinni8_kefu_nth:nth-child(1):before{display:none;}
.jinni8_kefu_mipimgs{height:32px;}
.jinni8_kefu_xx .jinni8_kefu_mipimgs{background:url(../images/jinni8_kefu_xx.png) no-repeat center;}
.jinni8_kefu_qq .jinni8_kefu_mipimgs{background:url(../images/jinni8_kefu_qq.png) no-repeat center;}
.jinni8_kefu_sj .jinni8_kefu_mipimgs{background:url(../images/jinni8_kefu_sj.png) no-repeat center;}
.jinni8_kefu_ma .jinni8_kefu_mipimgs{background:url(../images/jinni8_kefu_ma.png) no-repeat center;}
.jinni8_kefu_top .jinni8_kefu_mipimgs{background:url(../images/jinni8_kefu_top.png) no-repeat center;}
.jinni8_kefu_nth span{display:block;margin-top:8px;}
.jinni8_kefu_nth .tips{display:none;opacity:0;transition: all 0.3s;position: absolute;right: 78px;top: 0;width: 300px;height: 100%; border:#dedede 1px solid; background:#fff; color: #f22645;line-height: 90px;text-align: center;text-indent: 10px;font-size: 21px; z-index:1000000;}
.jinni8_kefu_nth:hover .tips{display:block;opacity:1;}
.jinni8_kefu_ma .tips{top: inherit;bottom: 0;height: inherit;width: 200px;padding: 10px;margin: 10px;}
.jinni8_kefu_ma .tips:before{content: "";width: 100%;height: 100%;position: absolute;z-index: 1;}
.jinni8_kefu_ma .tips a{display:none;}
.jinni8_kefu_style mip-fixed{position: relative !important;right: inherit !important;bottom: inherit !important;left: inherit !important;top: inherit !important;}
.jinni8_kefu_style mip-fixed mip-gototop{background-image:none;width:auto !important;height:inherit;background:none !important;border:none;}
.jinni8_kefu_style mip-fixed mip-gototop .jinni8_kefu_nth{border-top: rgb(0, 0, 0) 1px solid;}
.jinni8_kefu_style mip-fixed mip-gototop .jinni8_kefu_nth:before{display:block;}
@media screen and (max-width:767px){
.jinni8_kefu_style{width:100%;bottom:0;left:0;top:inherit;height:76px;transform: inherit;box-shadow:0 0 5px #fff;}
.jinni8_kefu_nth{width:calc( 33% - 1px );float:left;border-top:0 !important;border-left: #e0465e 1px solid;margin-top: 2px;}
.jinni8_kefu_nth:nth-child(1){border-left:0;}
.jinni8_kefu_nth:before{display:none;}
.jinni8_kefu_nth .tips{display:none;}
.jinni8_kefu_nth:hover .tips{display:none;opacity:0;}
.jinni8_kefu_mipimgs{height:22px;}
.jinni8_kefu_style .jinni8_kefu_mipimgs{background-size:22px 22px;}
.jinni8_kefu_ma:hover .tips{display: block;z-index: 99999;opacity: 1;bottom: 66px;top: inherit;right: 0;left: inherit;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;padding: 0;margin: 0;}
.jinni8_kefu_ma:hover .tips mip-img{width: 260px;height: 260px;position: absolute;left: calc( 50% - 130px);bottom: calc( 50% - 130px);border-radius: 4px;}
.jinni8_kefu_ma:hover .tips mip-img img{border:#fff 20px solid !important;width:inherit;min-width:inherit;border-radius:4px;height:auto;max-width:calc( 100% - 40px );}
.jinni8_kefu_ma .tips a{display:block;color: #fff !important;position: fixed;top: 10px;right: 10px;color: #fff !important;z-index: 1000000000000000000000000000000000;font-size: 13px;padding: 10px;
}
}