/* 初始化 */
.suspension-box div,.suspension-box a,.suspension-box img,.suspension-box p{margin:0;padding:0;border:0;background: transparent;outline:none;}
*+html img{-ms-interpolation-mode:bicubic}
.suspension-box a{outline: none;/* for Forefox */cursor: pointer;}
.suspension-box a{star: expression(this.onFocus=this.blur());/* for Ie*/}
.suspension-box a{color: #303030;text-decoration:none;}
.suspension-box img{ border:none; }
.suspension-box{font:12px/1.3 "Microsoft YaHei","微软雅黑";color:#2b2e2b; line-height:18px;color: #303030;}
.suspension-box p{word-break: break-all;word-wrap: break-word;line-height: 1em;}
/*服务悬浮框(new)*/
/* .suspension-box{ position: fixed;right: 2px;bottom: 100px;width: 40px;z-index: 100;box-sizing: border-box; } */
.suspension-box{ width: 40px;position: fixed;left: 50%;bottom: 100px;z-index: 1000;margin-left: 630px; }
@media (max-width: 1330px){ .suspension-box{ left:inherit;right:2%;margin-left:0 } }
.suspension-box .suspension-item{ width: 100%;height: 40px;background: #666;border: 1px solid transparent;text-align: center;font-size: 12px;position: relative;cursor: pointer;box-sizing: border-box; }
.suspension-box .suspension-avatar{ padding-top: 7px; }
.suspension-box .suspension-avatar-wrap{ width: 30px;height: 30px;border-radius: 50%;margin: 0 auto;border: 1px solid #fff;overflow: hidden; }
.suspension-avatar-wrap img{ width: 100%;height: 100%; }
.suspension-box .suspension-msg-wrap{ display: inline-block;position: relative;width: 100%;height: 100%; }
.suspension-box .suspension-msg-num{ display: inline-block; min-width: 16px; padding: 0 5px; height: 16px; border-radius: 8px 8px 8px 0; background: linear-gradient(90deg, #FF405C, #FFA78A); color: #fff; text-align: center; line-height: 16px; font-size: 12px; position: absolute; left: 27px; top: 1px; box-sizing: border-box; display:none; -webkit-border-radius: 8px 8px 8px 0; -moz-border-radius: 8px 8px 8px 0; -ms-border-radius: 8px 8px 8px 0; -o-border-radius: 8px 8px 8px 0; }
.suspension-box .suspension-msg-icon{ display: inline-block;width: 100%;height: 100%;background: url(../../images/public/service_im_logo.png) no-repeat 0 0; background-size: 100%; }
.suspension-box .suspension-wx-icon{ display: inline-block;width: 100%;height: 100%;background: url(../../images/public/service_wx_logo.png) no-repeat 0 0; background-size: 100%; }
.suspension-box .suspension-qq-icon{ display: inline-block;width: 100%;height: 100%;background: url(../../images/public/service_qq_logo.png) no-repeat 0 0; background-size: 100%; }
.suspension-box .suspension-tel-icon{ display: inline-block;width: 100%;height: 100%;background: url(../../images/public/service_tel_logo.png) no-repeat 0 0; background-size: 100%; }
.suspension-box .suspension-top-icon{ display: inline-block;width: 100%;height: 100%;background: url(../../images/public/service_top_logo.png) no-repeat 0 0; background-size: 100%; }
.suspension-box .suspension-desc{ color: #333333;background: #fff;border: 1px solid #ececec;box-shadow: 0 0 18px 0 rgba(0,0,0,0.1);border-radius: 4px;position: absolute;top: 50%;transform: translateY(-50%);display: none; }
.suspension-desc:after{ content: "";display: inline-block;width: 0;height: 0;border: 8px solid transparent;border-left: 8px solid #fff;position: absolute;right: -14px;top: 50%;transform: translateY(-50%); }
.suspension-box .suspension-desc.suspension-wx-desc{ left: -130px;padding: 7px 10px;line-height: 22px;text-align: center; }
.suspension-box .suspension-desc.suspension-wx-desc img { display: block; width: 100px; height: 100px; border: 4px solid rgba(255,64,92,0.15); border-radius: 4px; margin-bottom: 5px; box-sizing: border-box; }
.suspension-box .suspension-desc.suspension-wx-desc .wx-code-tip { font-size: 12px; font-family: PingFangSC-Regular, PingFang SC; color: #333333; line-height: 17px; }
.suspension-box .suspension-desc.suspension-qq-desc{ left: -186px;padding: 7px 10px;line-height: 22px;text-align: left; }
.suspension-box .suspension-desc.suspension-tel-desc{ left: -145px;padding: 7px 10px;line-height: 22px;text-align: left; }
.suspension-box .suspension-desc.suspension-top-desc{ left: -81px;padding: 14px 10px;line-height: 12px; }
.suspension-item:hover{ background: #333; }
.suspension-wx:hover .suspension-wx-desc{ display: block; }
.suspension-qq:hover .suspension-qq-desc{ display: block; }
.suspension-tel:hover .suspension-tel-desc{ display: block; }
.suspension-top:hover .suspension-top-desc{ display: block; }
.suspension-box .br-top{ border-radius: 3px 3px 0 0; }
.suspension-box .br-bottom{ border-radius: 0 0 3px 3px;margin-bottom: 4px; }
.suspension-box .br-all{ border-radius: 3px; }
.suspension-qq-area{ display: inline-block;width: 100%;height: 100%; }
.activity-fixed-icon {width: 65px;height: 128px;position: absolute;top: -158px;left: -12px; background: url(../../../publichead/images/public/active-icon.png) no-repeat center!important; background-size: 100% 100% !important; cursor: pointer; display: none;}
.suspension-box .coupon-activity-icon{ display: block;width: 110px;height: 88px;background: url(../../../owner/images/newOwner/activity/activity_coupon_icon.png) no-repeat;background-size: 100%;margin: 0 0 20px -35px; }

.suspension-box.owner-box { width: 44px; margin-left: 650px; }
.suspension-box.owner-box * { transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; }
.suspension-box.owner-box .suspension-desc{ color: #666; left: auto; right: 57px; white-space: nowrap; background: #fff; box-shadow: 0px 0px 15px 0px rgba(31,36,51,0.1); border-radius: 5px; position: absolute; top: 50%; transform: translateY(-50%); display: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.suspension-box.owner-box .suspension-desc:after{ content: "";display: inline-block;width: 0;height: 0;border: 8px solid transparent;border-left: 8px solid #fff;position: absolute;right: -14px;top: 50%;transform: translateY(-50%); }

.suspension-box.owner-box .suspension-desc.suspension-msg-desc { padding: 10px }
.suspension-box.owner-box .suspension-desc.suspension-wx-desc{ padding: 15px 15px 10px;text-align: center; box-sizing: border-box; }
.suspension-box.owner-box .suspension-desc.suspension-wx-desc img { display: inline-block; width: 90px; height: 90px; border-radius: 4px; margin-bottom: 5px; border: none; }
.suspension-box.owner-box .suspension-desc.suspension-wx-desc .wx-code-tip { font-size: 12px; font-family: PingFangSC-Regular, PingFang SC; color: #666; line-height: 17px; }
.suspension-box.owner-box .suspension-desc.suspension-qq-desc{ padding: 7px 10px;line-height: 17px;text-align: left; }
.suspension-box.owner-box .suspension-desc.suspension-tel-desc{ padding: 10px 15px;line-height: 17px;text-align: left; }
.suspension-box.owner-box .suspension-desc.suspension-top-desc{ padding: 10px 15px;line-height: 17px; }

.suspension-box.owner-box .suspension-msg:hover .suspension-msg-desc{ display: block; }
.suspension-box.owner-box .suspension-wx:hover .suspension-wx-desc{ display: block; }
.suspension-box.owner-box .suspension-qq:hover .suspension-qq-desc{ display: block; }
.suspension-box.owner-box .suspension-tel:hover .suspension-tel-desc{ display: block; }
.suspension-box.owner-box .suspension-top:hover .suspension-top-desc{ display: block; }

.suspension-box.owner-box .suspension-item { border: none; box-sizing: content-box; background: #fff; }
.suspension-box.owner-box .br-top { padding-top: 5px; border-radius: 22px 22px 0 0; -webkit-border-radius: 22px 22px 0 0; -moz-border-radius: 22px 22px 0 0; -ms-border-radius: 22px 22px 0 0; -o-border-radius: 22px 22px 0 0; }
.suspension-box.owner-box .br-bottom { padding-bottom: 5px; border-radius: 0 0 22px 22px; -webkit-border-radius: 0 0 22px 22px; -moz-border-radius: 0 0 22px 22px; -ms-border-radius: 0 0 22px 22px; -o-border-radius: 0 0 22px 22px; }
.suspension-box.owner-box .br-all { height: 0; margin-top: 10px; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; display: flex; align-items: center; justify-content: center; }
.suspension-box.owner-box .suspension-msg-icon{ background: url(../../images/public/service_icon_msg_nor.png) center no-repeat; background-size: 24px; }
.suspension-box.owner-box .suspension-item:hover .suspension-msg-icon{ background-image: url(../../images/public/service_icon_msg_act.png); }
.suspension-box.owner-box .suspension-wx-icon{ background: url(../../images/public/service_icon_wx_nor.png) center no-repeat; background-size: 24px; }
.suspension-box.owner-box .suspension-item:hover .suspension-wx-icon{ background-image: url(../../images/public/service_icon_wx_act.png); }
.suspension-box.owner-box .suspension-qq-icon{ background: url(../../images/public/service_icon_qq_nor.png) center no-repeat; background-size: 24px; }
.suspension-box.owner-box .suspension-item:hover .suspension-qq-icon{ background-image: url(../../images/public/service_icon_qq_act.png); }
.suspension-box.owner-box .suspension-tel-icon{ background: url(../../images/public/service_icon_tel_nor.png) center no-repeat; background-size: 24px; }
.suspension-box.owner-box .suspension-item:hover .suspension-tel-icon{ background-image: url(../../images/public/service_icon_tel_act.png); }
.suspension-box.owner-box .suspension-top-icon{ background: url(../../images/public/service_icon_top_nor.png) center no-repeat; background-size: 24px; }
.suspension-box.owner-box .suspension-item:hover .suspension-top-icon{ background-image: url(../../images/public/service_icon_top_act.png); }