﻿/* 微信弹出 */
.dialogOverlay { z-index: 9998; position:fixed; top:0; left:0; width:100%; height:100%; opacity:0.7; display:none; filter:alpha(opacity=70); background:#000; }
.dialogContent { z-index:9999; position:fixed; top:50%; left:50%; width: 310px; height: 268px; padding:4em; margin:-134px 0 0 -155px; background:#fff; display:none; text-align:center; }
.dialogQrcode { width: 150px; height:150px; }
.mobileHide{ font-family:"微软雅黑"; font-size:14px; line-height:20px; padding:10px 0; }
.dialogClose{ width: 200px; margin: 0 auto; cursor: pointer; }
.dialogContent .btn { height: 50px; background:#e8312e; line-height: 50px; color: #fff; font-family:"微软雅黑"; font-size:18px; cursor: pointer; }
.dialogOverlaya { z-index: 9998; position:fixed; top:0; left:0; width:100%; height:100%; opacity:0.7; display:none; filter:alpha(opacity=70); background:#000; }
.dialogContenta { z-index:9999; position:fixed; top:50%; left:50%; width: 310px; height: 272px; padding:4em; margin:-136px 0 0 -155px; background:#fff; display:none; }
.dialogContenta h2{ font-family:"微软雅黑"; font-size:18px; padding-bottom:2px; }
.dialogContenta h3{ font-size:24px;  padding-bottom:12px; }
.dialogContenta h3 a{ color:#263949; }
.dialogQrcodea { width: 150px; height:150px; }
.mobileHidea{ font-family:"微软雅黑"; font-size:14px; line-height:20px; padding:10px 0; }
.dialogClosea { width: 200px; margin: 0 auto; cursor: pointer; }
.dialogClosea.btna { height: 50px; background:#e8312e; line-height: 50px; color: #fff; font-family:"微软雅黑"; font-size:18px; text-align:center; cursor: pointer; }

.main-im{position:fixed; left:0px; top:50%; z-index: 100; width: 110px; height: 272px;margin-top:-67px;}
.main-im .qq-a{display: block; width: 106px; height: 116px; font-size: 14px; color: #666; text-align: center; position: relative;}
.main-im .qq-a span{bottom: 5px; position: absolute; width: 90px; left: 10px;}
.main-im .qq-hover-c{width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9;}
.main-im .qq-container{z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../image/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width: 70px; left: 1px; top: 8px; position: absolute;}
.main-im .im_main{background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display: none;}
.main-im .im_main .im-tel{color: #666; text-align: center; width: 109px;padding: 5px 0;line-height: 24px;}
.main-im .im_main .im-tel div{margin-top:5px;}
.main-im .im_main .im-tel .tel-num{font-family: Arial; color:#e20214;}
.main-im .close-im{position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px;}
.main-im .close-im a{display: block; width: 24px; height: 24px; background: url(../image/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration: none;}
.main-im .open-im{cursor: pointer;width: 40px; height: 133px; background: url(../image/open_im.png) no-repeat left top; display:block;}

/*  客服 */
.csd{position: fixed;width:60px;height:60px;z-index:9999;cursor:pointer;box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.5);border-radius:50%;right:40px;bottom:30px;}
.csd::after {background:#e5000c;background-image:linear-gradient(to bottom,#ff414b,#e5000c); border-radius: 50%;content: "";height: 12px;position: absolute;right: 1px;top: 1px; width: 12px;z-index: 50;}
.csd .cImg{z-index:20;position:relative;}
.cdsTip{position: absolute;height:40px;line-height:40px;color:#fff;font-size:14px;padding:0 20px;top:15px;left:-120px;border-radius:3px;background:#e5000c;background-image:linear-gradient(to right,#fd232e,#e5000c);display:none;opacity:0;box-shadow: 0 10px 20px 0 rgba(35, 50, 56, 0.3);}
.cdsTip::before{position: absolute;content: "";top:12px;right:-16px;border:8px solid transparent;border-left-color:#e5000c;}

.csd_circles{position:absolute;width:58px;height:58px;top:1px;right:1px;}
.csd_circles .circle{background:#e5000c;width:58px;height:58px;border-radius:50%;position:absolute;z-index:10;transform:scale(1);opacity:0.6;}
.csd_circles .c-1{animation:1000ms scaleToggleOne }
.csd_circles .c-2{animation:1500ms scaleToggleTwo }
.csd_circles .c-3{animation:2000ms scaleToggleThree }

.csdBox{background: #f5f5f5;border-radius: 3px;bottom: 120px;box-shadow: 0 10px 20px 0 rgba(35, 50, 56, 0.3); position: fixed;right: 20px; width: 188px;z-index:9998;display:none;}
.csdBox.rotated{animation:rotateInUpRight .5s;}
.csdBox::before{position: absolute;content: "";bottom:-20px;right:40px;border:10px solid transparent;border-top-color:#f5f5f5;}
.csdBox .top{background:#25353b url('../image/cs_icon1.jpg') no-repeat 10px center ;height:40px;line-height:40px;color:#fff;font-size:14px;padding:0 10px;border-radius:5px 5px 0 0;}
.csdBox .top span{}
.csdBox .main{text-align:center;padding:35px 25px;}
.csdBox .main .p1{font-size:14px;color:#2d2d2d;margin-bottom:15px;}
.csdBox .main .p2{margin:15px 0;text-align:center;font-size:14px;color:#8cc51e;}
.csdBox .main .wx p{width:126px;text-align:center;font-size:14px;line-height:20px;}
.csdBox .main .wx img{width:116px;height:116px;margin-bottom:5px;border:5px solid #e1e1e1}
.csdBox .main .wx .two{margin-left:15px;}

@keyframes scaleToggleOne {
  50% {
      transform: scale(2);
  }
  100% {
      transform: scale(1);
  }
}
@keyframes scaleToggleTwo {
  20% {
      transform: scale(1);
  }
  60% {
      transform: scale(2);
  }
  100% {
      transform: scale(1);
  }
}
@keyframes scaleToggleThree {
  33% {
      transform: scale(1);
  }
  66% {
      transform: scale(2);
  }
  100% {
      transform: scale(1);
  }
}
@keyframes rotateInUpRight {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -15deg) scale(0.8);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: right bottom 0;
}
}
#newBridge{z-index:9991;}