.quickly-open {
  position: fixed;
  right: 1px;
  bottom: 160px;
  z-index: 1001;
  width: 70px;
  height: auto;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #fff; }
  .quickly-open .quickly-open-btn {
    height: 70px;
    cursor: pointer; }
    .quickly-open .quickly-open-btn:before {
      content: '';
      width: 60px;
      height: 1px;
      position: absolute;
      background: rgba(255, 255, 255, 0.3);
      left: 5px;
      top: 0px; }
    .quickly-open .quickly-open-btn:first-child:before {
      display: none; }
  .quickly-open .quickly-open-btn {
    padding-top: 8px;
    background: #0069FF; }
    .quickly-open .quickly-open-btn:hover {
      background: #004FFF; }
  .quickly-open .open-meiqia-btn {
    position: relative; }
    .quickly-open .open-meiqia-btn .unread-num {
      position: absolute;
      top: 10px;
      left: 38px;
      background: #e4372c;
      color: #fff;
      border-radius: 16px;
      font-size: 12px;
      line-height: 16px;
      text-decoration: none;
      text-align: center;
      min-width: 16px;
      max-width: 24px;
      padding: 0 2px;
      height: 16px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      display: none; }
  .quickly-open .wechat-qr-code-btn {
    position: relative; }
    .quickly-open .wechat-qr-code-btn .wechat-qr-code-box {
      box-sizing: border-box;
      position: absolute;
      width: 108px;
      height: 125px;
      top: 0px;
      left: -115px;
      background: #FFFFFF;
      border: 1px solid #CED5E0;
      border-radius: 2px;
      padding: 10px;
      display: none; }
    .quickly-open .wechat-qr-code-btn:hover .wechat-qr-code-box {
      display: block; }
    .quickly-open .wechat-qr-code-btn .qr-code-image {
      width: 86px;
      height: 86px;
      display: block;
      box-sizing: border-box;
      border: 1px solid #CED5E0; }
      .quickly-open .wechat-qr-code-btn .qr-code-image .image {
        width: 100%;
        height: 100%; }
    .quickly-open .wechat-qr-code-btn .message {
      display: inline-block;
      width: 100%;
      opacity: 1;
      filter: alpha(opacity=60);
      font-size: 12px;
      color: #000000;
      letter-spacing: 0.63px;
      text-align: center;
      margin: 0;
      line-height: 20px; }
  .quickly-open .call-btn {
    position: relative; }
    .quickly-open .call-btn .call-tag {
      position: absolute;
      top: 10px;
      z-index: 90;
      height: 78px;
      background: url(../images/sidebar-icons/call-tag-bg@2x.png) center no-repeat;
      background-size: 245px 78px;
      transition: all 0.3s linear;
      overflow: hidden;
      white-space: nowrap;
      left: -250px;
      width: 245px;
      display: none; }
      .quickly-open .call-btn .call-tag .call-num {
        position: absolute;
        left: 25px;
        top: 26px;
        font-size: 16px;
        color: #0069FF; }
      .quickly-open .call-btn .call-tag.show-tag {
        left: -250px;
        width: 245px; }
    .quickly-open .call-btn:hover .call-tag {
      display: block; }
  .quickly-open .quickly-icon {
    width: 28px;
    height: 28px;
    margin: 0 auto 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px; }
  .quickly-open .tijiao-icon {
    background-image: url(../images/icon-tijiao.svg);
    position: relative;
    background-size: 22px; }
    .quickly-open .tijiao-icon::after {
      content: '';
      position: absolute;
      right: -15px;
      top: 5px;
      width: 11px;
      height: 13px;
      background: url(../images/tijiao-gif.gif) center no-repeat;
      background-size: 11px 13px; }
  .quickly-open .call-icon {
    background-image: url(../images/icon-call.svg);
    background-size: 24px; }
  .quickly-open .meiqia-icon {
    background-image: url(../images/icon-meiqian.svg);
    background-size: 22px; }
  .quickly-open .wechat-qr-code-icon {
    background-image: url(../images/wecchat-qr-code-icon.svg);
    background-size: 22px; }
  .quickly-open .callback-top-btn-box {
    height: 70px; }
  .quickly-open .callback-top-icon {
    background-image: url(../images/callback-top-icon.png);
    background-size: 22px; }
  .quickly-open .callback-top-btn {
    position: relative;
    display: none; }
    .quickly-open .callback-top-btn .line {
      width: 60px;
      height: 1px;
      position: absolute;
      background: rgba(255, 255, 255, 0.3);
      left: 5px;
      top: 0px; }

/*# sourceMappingURL=sidebar.css.map */