@media all {
  .tool {
    width: 2.5vw;
    height: 5.3333333333vw;
    position: fixed;
    right: 2.5833333333vw;
    top: 50%;
    z-index: 9999;
  }
  .tool .liuyan, .tool .top {
    float: left;
    width: 2.5vw;
    height: 2.5vw;
    padding: 0.3333333333vw;
    margin-bottom: 0.3333333333vw;
    border-radius: 0.1666666667vw;
    border: 1px solid #E8E8E8;
    cursor: pointer;
    background: #FFFFFF;
    text-align: center;
    line-height: 1.8333333333vw;
  }
  .tool .liuyan:hover svg, .tool .top:hover svg {
    fill: #1B94DE;
  }
  .tool .liuyan svg, .tool .top svg {
    width: 100%;
    height: 100%;
    fill: #606060;
    transition: all 0.3s;
  }
  .tool .liuyan {
    padding: 0.4166666667vw 0.3333333333vw 0.25vw 0.25vw;
    position: relative;
  }
  .tool .liuyan .bubble {
    padding: 0.5vw 0.4166666667vw;
    background: #1B94DE;
    border-radius: 0.25vw;
    position: absolute;
    right: -25vw;
    top: 0.3333333333vw;
    font-size: 0.6666666667vw;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 0.9166666667vw;
    text-align: center;
    box-shadow: 0 0 0.25vw 0 rgba(44, 104, 141, 0.6);
    opacity: 0;
    transition: opacity 0.3s;
    white-space: nowrap;
  }
  .tool .liuyan .bubble:after {
    content: "";
    width: 0;
    height: 0;
    border: 0.3333333333vw solid;
    position: absolute;
    bottom: 0.5833333333vw;
    right: -0.625vw;
    border-color: transparent transparent transparent #1B94DE;
  }
  .tool .liuyan:hover svg + .bubble {
    right: 2.8333333333vw;
    opacity: 1;
  }
  .tool .pop {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
    display: none;
    transition: all 0.3s;
  }
  .tool .pop .main {
    width: auto;
    height: auto;
    background: #FFFFFF;
    border-radius: 1.1666666667vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 1.5833333333vw 4.4166666667vw 1vw;
  }
  .tool .pop .main .close {
    width: 1.6666666667vw;
    height: 1.6666666667vw;
    position: absolute;
    top: 0.8333333333vw;
    right: 0.8333333333vw;
    transition: all 0.3s;
    cursor: pointer;
  }
  .tool .pop .main .close svg {
    width: 100%;
    height: 100%;
    fill: #999999;
  }
  .tool .pop .main .close:hover {
    transform: rotate(90deg);
  }
  .tool .pop .main .close:hover svg {
    fill: #1B94DE;
  }
  .tool .pop .main .title {
    height: 2.8333333333vw;
    font-size: 2.4166666667vw;
    font-weight: bold;
    color: #4F4F4F;
    line-height: 2.8333333333vw;
  }
  .tool .pop .main .small {
    margin: 1.0833333333vw 0 2.8333333333vw;
    height: 1.25vw;
    font-size: 1.0833333333vw;
    font-weight: bold;
    color: #AAAAAA;
    line-height: 1.25vw;
    white-space: nowrap;
  }
  .tool .pop .main > .content {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .tool .pop .main > .content .l {
    text-align: left;
    display: flex;
    flex-direction: column;
    width: 24.1666666667vw;
  }
  .tool .pop .main > .content .l > * {
    margin-bottom: 1.6666666667vw;
  }
  .tool .pop .main > .content .l .label {
    font-size: 0.8333333333vw;
    color: #888888;
    line-height: 1vw;
    margin-bottom: 0.75vw;
  }
  .tool .pop .main > .content .l .content {
    font-size: 1.0833333333vw;
    font-weight: 800;
    color: #505050;
    line-height: 1.25vw;
  }
  .tool .pop .main > .content .r {
    width: 15.6666666667vw;
  }
  .tool .pop .main > .content .r .tool_contact_form {
    display: flex;
    flex-direction: column;
  }
  .tool .pop .main > .content .r .tool_contact_form input, .tool .pop .main > .content .r .tool_contact_form button, .tool .pop .main > .content .r .tool_contact_form textarea {
    outline: none;
    border: none;
    padding: 0.8333333333vw;
    margin-bottom: 0.6666666667vw;
    border-radius: 0.25vw;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .tool .pop .main > .content .r .tool_contact_form > textarea {
    width: 100%;
    height: 7.9166666667vw;
    background: #FFFFFF;
    resize: none;
    font-family: "";
    font-size: 0.8333333333vw;
  }
  .tool .pop .main > .content .r .tool_contact_form div {
    font-size: 0.8333333333vw;
  }
  .tool .pop .main > .content .r .tool_contact_form input, .tool .pop .main > .content .r .tool_contact_form textarea {
    background: #F8F8F8;
    width: 100%;
  }
  .tool .pop .main > .content .r .tool_contact_form .tool_contact_form_btn {
    width: 7.4166666667vw;
    height: 2.3333333333vw;
    background: #E0E0E0;
    color: #868686;
    padding: 0;
    font-size: 1.0833333333vw;
    cursor: pointer;
    transition: all 0.3s;
  }
  .tool .pop .main > .content .r .tool_contact_form .tool_contact_form_btn.btn_success {
    color: #F8F8F8;
    background: #1B94DE;
  }
}
@media all and (max-width: 767px) {
  .tool {
    width: 8.4033613445vw;
    height: 12.324929972vw;
    right: 3.081232493vw;
  }
  .tool .liuyan, .tool .top {
    width: 8.4033613445vw;
    height: 8.4033613445vw;
    padding: 0.5602240896vw;
    margin-bottom: 1.1204481793vw;
    border-radius: 0.5602240896vw;
  }
  .tool .liuyan .bubble {
    padding: 0.8403361345vw 1.1204481793vw;
    border-radius: 0.8403361345vw;
    display: none;
    top: 0.5602240896vw;
    font-size: 2.2408963585vw;
    line-height: 5.6022408964vw;
    box-shadow: 0 0 0.8403361345vw 0 rgba(44, 104, 141, 0.6);
  }
  .tool .liuyan .bubble:after {
    border: 1.1204481793vw solid;
    bottom: 2.2408963585vw;
    right: -2.2408963585vw;
    border-color: transparent transparent transparent #1B94DE;
  }
  .tool .liuyan:hover svg + .bubble {
    display: block;
    right: 9.5238095238vw;
  }
  .tool .pop .main {
    width: 89.6358543417vw;
    height: auto;
    border-radius: 3.9215686275vw;
    padding: 5.3221288515vw 2.8011204482vw 7.2829131653vw;
  }
  .tool .pop .main .close {
    width: 4.2016806723vw;
    height: 4.2016806723vw;
    position: absolute;
    top: 2.8011204482vw;
    right: 2.8011204482vw;
    transition: all 0.3s;
    cursor: pointer;
  }
  .tool .pop .main .close svg {
    width: 100%;
    height: 100%;
    fill: #999999;
  }
  .tool .pop .main .close:hover {
    transform: rotate(90deg);
  }
  .tool .pop .main .close:hover svg {
    fill: #1B94DE;
  }
  .tool .pop .main .title {
    height: auto;
    font-size: 5.6022408964vw;
    line-height: 5.8823529412vw;
  }
  .tool .pop .main .small {
    margin: 1.6806722689vw 0 2.8011204482vw;
    height: auto;
    font-size: 2.2408963585vw;
    line-height: 4.2016806723vw;
    white-space: pre-wrap;
  }
  .tool .pop .main > .content .l {
    width: 47.619047619vw;
  }
  .tool .pop .main > .content .l > * {
    margin-bottom: 5.6022408964vw;
  }
  .tool .pop .main > .content .l .label {
    font-size: 2.8011204482vw;
    line-height: 3.3613445378vw;
    margin-bottom: 1.4005602241vw;
  }
  .tool .pop .main > .content .l .content {
    font-size: 3.3613445378vw;
    font-weight: 600;
    line-height: 4.4817927171vw;
  }
  .tool .pop .main > .content .r {
    width: 46.218487395vw;
  }
  .tool .pop .main > .content .r .tool_contact_form input, .tool .pop .main > .content .r .tool_contact_form button, .tool .pop .main > .content .r .tool_contact_form textarea {
    padding: 2.8011204482vw;
    font-size: 2.8011204482vw;
    margin-bottom: 2.2408963585vw;
    border-radius: 0.8403361345vw;
  }
  .tool .pop .main > .content .r .tool_contact_form > textarea {
    height: 26.6106442577vw;
    font-size: 2.8011204482vw;
  }
  .tool .pop .main > .content .r .tool_contact_form div {
    font-size: 2.8011204482vw;
  }
  .tool .pop .main > .content .r .tool_contact_form .tool_contact_form_btn {
    width: 24.9299719888vw;
    height: 7.8431372549vw;
    font-size: 3.6414565826vw;
  }
}

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