.sub-numberbak {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #ff0000;
    width: 100%;
    max-width: 800px;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 20px;
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 60%);
    z-index: 99999;
    justify-content: center;
    align-items: center;
}
.sub-number {
    position: fixed;
    bottom: 0;
    /* left: 0; */
    background-color: white;
    width: 100%;
    /* max-width: 800px; */
    color: #fff;
    display: flex;
    /* align-items: center; */
    font-size: 20px;
    /* box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 60%); */
    z-index: 99999;
    justify-content: center;
    /* align-items: center; */
}

.sub-number2 {
    color: #fff;
    -webkit-box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    font: inherit;
    vertical-align: baseline;
    list-style: outside none none;
    width: 100%;
    max-width: 800px;
    display: flex;
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 60%);
}

.sub-number * {
    font-size: unset;
}

@media (min-width: 600px) {
    div.sub-number {
        display: none;
    }
}
@media (max-width: 601px) {
    div.suspension {
        display: none;
    }
    div.divjjj {
        clear: both;
        height: 40px;
        display: block;
    }
}
.sub-number .item {
    width: 50%;
    text-align: center;
    position: relative;
    padding: 11px 0;
    background-image: -moz-linear-gradient(0deg, #ff512f 0%, #f4202f 100%);
    background-image: -webkit-linear-gradient(0deg, #ff512f 0%, #f4202f 100%);
    background-image: -ms-linear-gradient(0deg, #ff512f 0%, #f4202f 100%);
    background-image: -moz-linear-gradient(0deg, #f57f17 0%, #25cd98 1000%);
    background-image: -webkit-linear-gradient(0deg, #81c784 0%, #25cd98 100%);
    background-image: -ms-linear-gradient(0deg, #f57f17 0%, #25cd98 100%);
}
.sub-number .item.tel:before {
    content: "";
    width: 30px;
    height: 30px;
    display: inline-block;
    background-image: url(m-tel.png);
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.sub-number .item.tel a {
    color: #fff;
}
.sub-number .item a, .sub-number .item span {
    vertical-align: middle;
}
.kf {
    cursor: pointer;
}
.sub-number .item.mess:before {
    content: "";
    width: 30px;
    height: 30px;
    display: inline-block;
    background-image: url(m-mess.png);
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.divjjj {
    clear: both;
    height: 40px;
    display: none;
}

.suspension{position:fixed;z-index:10000;right: 5px;bottom:18%;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-qrcode2 .i{background-position:0 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right: 55px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top: 39px;}
.suspension .d-service-phone{top: 85px;}
.suspension .d-qrcode{top: -7px;}
.suspension .d-qrcode2{top: 37px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{/* border-bottom:1px solid #eee; */padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.suspension .d-qrcode2 {text-align:center;}
.suspension .d-qrcode2 .inner-box{padding:20px 0;}
.suspension .d-qrcode2 p{font-size:16px;color:#93959c;}



/* 仅供演示用的简单样式 */
#popupWindow {
    position: fixed;
      /* 使其居中 */
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      
      /* 大小 */
      width: 350px;
      height: 630px;
      
      border: 1px solid #ccc;
      background-color: #fff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      z-index: 19999;   /* 确保在最前面 */
      display: none;   /* 初始隐藏 */
  }
  #popupWindow iframe {
    width: 100%;
    height: 100%;
    border: none;       /* 去掉默认边框 */
  }
  /* 关闭按钮样式 */
  #popupCloseBtn {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    font-weight: bold;
    color: #666;
    background-color: #eee;
    padding: 2px 6px;
    border-radius: 3px;
  }
  #popupCloseBtn:hover {
    background-color: #ddd;
  }