#kefu {
    position:fixed;
    right:20px !important;
    bottom:190px !important;
    z-index:999;
    width:60px;
    height:60px;
}

#kefu .topBtn {
    width:60px;
    height:60px;
    background-color:#f2f2f2;
    position:absolute;
    left:0;
    top:0;
    border-radius:50%;
    cursor:pointer;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:40px 40px;
    -webkit-animation:wobble 250ms infinite;
    animation:wobble 250ms infinite;
    background-image:url('data:image/svg+xml;%20charset=utf8,%3Csvg%20t%3D%221575450105478%22%20class%3D%22icon%22%20viewBox%3D%220%200%201220%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222883%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20d%3D%22M609.524%20103.522c-222.89%200-403.712%20178.472-403.712%20398.78%200%20220.31%20180.823%20398.782%20403.712%20398.782%20222.889%200%20403.712-178.473%20403.712-398.781%200-220.309-180.823-398.781-403.712-398.781v48.762c196.1%200%20354.95%20156.785%20354.95%20350.019s-158.85%20350.019-354.95%20350.019-354.95-156.785-354.95-350.02c0-193.233%20158.85-350.018%20354.95-350.018v-48.762z%22%20fill%3D%22%231296db%22%20p-id%3D%222884%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M786.578%20916.34c166.45-69.217%20278.408-231.055%20278.408-414.035%200-248.026-203.847-449.219-455.457-449.219-251.619%200-455.457%20201.188-455.457%20449.22%200%2055.397%2010.152%20109.367%2029.718%20159.975%204.855%2012.56-1.39%2026.677-13.949%2031.533-12.56%204.855-26.677-1.39-31.532-13.949a490.396%20490.396%200%200%201-3.042-8.078c-1.85%200.077-3.711%200.116-5.581%200.116C58.06%20671.903%200%20614.597%200%20543.903c0-65.005%2049.09-118.69%20112.68-126.91C153.65%20182.56%20360.56%204.324%20609.528%204.324c248.962%200%20455.877%20178.24%20496.85%20412.67%2063.583%208.225%20112.669%2061.907%20112.669%20126.909%200%2070.694-58.06%20128-129.686%20128-1.89%200-3.771-0.04-5.642-0.119-47.536%20129.702-148.34%20235.841-279.493%20290.027-1.161%2033.464-29.012%2060.24-63.2%2060.24-34.925%200-63.237-27.944-63.237-62.416%200-34.471%2028.312-62.415%2063.237-62.415%2017.892%200%2034.048%207.333%2045.551%2019.12z%22%20fill%3D%22%231296db%22%20p-id%3D%222885%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M609.528%20611.405c-58.933%200-112.056-10.644-158.472-28.342-16.123-6.147-30.211-12.702-42.138-19.208-6.926-3.777-11.447-6.59-13.437-7.972-19.24-13.373-44.428%205.446-37.059%2027.688%2035.296%20106.527%20136.054%20179.913%20251.106%20179.913%20115.05%200%20215.796-73.384%20251.092-179.913%207.37-22.243-17.82-41.062-37.06-27.687-1.99%201.383-6.51%204.195-13.434%207.972-11.926%206.505-26.012%2013.06-42.133%2019.207-46.413%2017.698-99.533%2028.342-158.465%2028.342z%22%20fill%3D%22%231296db%22%20p-id%3D%222886%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

#kefu .topBtn:active {
    background:#ddd;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:40px 40px;
    background-image:url('data:image/svg+xml;%20charset=utf8,%3Csvg%20t%3D%221575450105478%22%20class%3D%22icon%22%20viewBox%3D%220%200%201220%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222883%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20d%3D%22M609.524%20103.522c-222.89%200-403.712%20178.472-403.712%20398.78%200%20220.31%20180.823%20398.782%20403.712%20398.782%20222.889%200%20403.712-178.473%20403.712-398.781%200-220.309-180.823-398.781-403.712-398.781v48.762c196.1%200%20354.95%20156.785%20354.95%20350.019s-158.85%20350.019-354.95%20350.019-354.95-156.785-354.95-350.02c0-193.233%20158.85-350.018%20354.95-350.018v-48.762z%22%20fill%3D%22%231296db%22%20p-id%3D%222884%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M786.578%20916.34c166.45-69.217%20278.408-231.055%20278.408-414.035%200-248.026-203.847-449.219-455.457-449.219-251.619%200-455.457%20201.188-455.457%20449.22%200%2055.397%2010.152%20109.367%2029.718%20159.975%204.855%2012.56-1.39%2026.677-13.949%2031.533-12.56%204.855-26.677-1.39-31.532-13.949a490.396%20490.396%200%200%201-3.042-8.078c-1.85%200.077-3.711%200.116-5.581%200.116C58.06%20671.903%200%20614.597%200%20543.903c0-65.005%2049.09-118.69%20112.68-126.91C153.65%20182.56%20360.56%204.324%20609.528%204.324c248.962%200%20455.877%20178.24%20496.85%20412.67%2063.583%208.225%20112.669%2061.907%20112.669%20126.909%200%2070.694-58.06%20128-129.686%20128-1.89%200-3.771-0.04-5.642-0.119-47.536%20129.702-148.34%20235.841-279.493%20290.027-1.161%2033.464-29.012%2060.24-63.2%2060.24-34.925%200-63.237-27.944-63.237-62.416%200-34.471%2028.312-62.415%2063.237-62.415%2017.892%200%2034.048%207.333%2045.551%2019.12z%22%20fill%3D%22%231296db%22%20p-id%3D%222885%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M609.528%20611.405c-58.933%200-112.056-10.644-158.472-28.342-16.123-6.147-30.211-12.702-42.138-19.208-6.926-3.777-11.447-6.59-13.437-7.972-19.24-13.373-44.428%205.446-37.059%2027.688%2035.296%20106.527%20136.054%20179.913%20251.106%20179.913%20115.05%200%20215.796-73.384%20251.092-179.913%207.37-22.243-17.82-41.062-37.06-27.687-1.99%201.383-6.51%204.195-13.434%207.972-11.926%206.505-26.012%2013.06-42.133%2019.207-46.413%2017.698-99.533%2028.342-158.465%2028.342z%22%20fill%3D%22%231296db%22%20p-id%3D%222886%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        opacity:0.8;
    }
    30% {
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg);
        opacity:0.9;
    }
    50% {
        -webkit-transform:rotate(10deg);
        transform:rotate(10deg);
        opacity:1;
    }
    85% {
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg);
        opacity:0.9;
    }
    100% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        opacity:1;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        opacity:0.8;
    }
    30% {
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg);
        opacity:0.9;
    }
    50% {
        -webkit-transform:rotate(10deg);
        transform:rotate(10deg);
        opacity:1;
    }
    85% {
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg);
        opacity:0.9;
    }
    100% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        opacity:1;
    }
}

#kefu span {
    width:60px;
    height:60px;
    background-color:#f2f2f2;
    position:absolute;
    border-radius:50%;
    cursor:pointer;
    -webkit-transform:translate(0px, 0px);
    transform:translate(0px, 0px);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:40px 40px;
}

#kefu span.skype {
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
    -webkit-transition:all 100ms linear;
    transition:all 100ms linear;
    z-index:-1;
}

#kefu span.qq {
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
    -webkit-transition:all 300ms linear;
    transition:all 300ms linear;
    z-index:-1;
}

#kefu span.whatsapp {
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
    -webkit-transition:all 500ms linear;
    transition:all 500ms linear;
    z-index:-1;
}

#kefu .eweima,
#kefu .tel {
    display:none;
}

#showKfList:checked + label {
    background:#ddd;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:40px 40px;
    background-image:url('data:image/svg+xml;%20charset=utf8,%3Csvg%20t%3D%221575450105478%22%20class%3D%22icon%22%20viewBox%3D%220%200%201220%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222883%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20d%3D%22M609.524%20103.522c-222.89%200-403.712%20178.472-403.712%20398.78%200%20220.31%20180.823%20398.782%20403.712%20398.782%20222.889%200%20403.712-178.473%20403.712-398.781%200-220.309-180.823-398.781-403.712-398.781v48.762c196.1%200%20354.95%20156.785%20354.95%20350.019s-158.85%20350.019-354.95%20350.019-354.95-156.785-354.95-350.02c0-193.233%20158.85-350.018%20354.95-350.018v-48.762z%22%20fill%3D%22%231296db%22%20p-id%3D%222884%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M786.578%20916.34c166.45-69.217%20278.408-231.055%20278.408-414.035%200-248.026-203.847-449.219-455.457-449.219-251.619%200-455.457%20201.188-455.457%20449.22%200%2055.397%2010.152%20109.367%2029.718%20159.975%204.855%2012.56-1.39%2026.677-13.949%2031.533-12.56%204.855-26.677-1.39-31.532-13.949a490.396%20490.396%200%200%201-3.042-8.078c-1.85%200.077-3.711%200.116-5.581%200.116C58.06%20671.903%200%20614.597%200%20543.903c0-65.005%2049.09-118.69%20112.68-126.91C153.65%20182.56%20360.56%204.324%20609.528%204.324c248.962%200%20455.877%20178.24%20496.85%20412.67%2063.583%208.225%20112.669%2061.907%20112.669%20126.909%200%2070.694-58.06%20128-129.686%20128-1.89%200-3.771-0.04-5.642-0.119-47.536%20129.702-148.34%20235.841-279.493%20290.027-1.161%2033.464-29.012%2060.24-63.2%2060.24-34.925%200-63.237-27.944-63.237-62.416%200-34.471%2028.312-62.415%2063.237-62.415%2017.892%200%2034.048%207.333%2045.551%2019.12z%22%20fill%3D%22%231296db%22%20p-id%3D%222885%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M609.528%20611.405c-58.933%200-112.056-10.644-158.472-28.342-16.123-6.147-30.211-12.702-42.138-19.208-6.926-3.777-11.447-6.59-13.437-7.972-19.24-13.373-44.428%205.446-37.059%2027.688%2035.296%20106.527%20136.054%20179.913%20251.106%20179.913%20115.05%200%20215.796-73.384%20251.092-179.913%207.37-22.243-17.82-41.062-37.06-27.687-1.99%201.383-6.51%204.195-13.434%207.972-11.926%206.505-26.012%2013.06-42.133%2019.207-46.413%2017.698-99.533%2028.342-158.465%2028.342z%22%20fill%3D%22%231296db%22%20p-id%3D%222886%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

#showKfList:checked ~ span.skype {
    -webkit-transform:translate(0, -70px);
    transform:translate(0, -70px);
    /*background-color: #3cb035;*/
    background-position:center center;
    background-repeat:no-repeat;
    background-size:60px 60px;
    background-image:url("../images/skype.png");
}

#showKfList:checked ~ span.qq {
    -webkit-transform:translate(-70px, -70px);
    transform:translate(-70px, -70px);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:60px 60px;
    background-image:url('data:image/svg+xml;%20charset=utf8,%3Csvg%20t%3D%221575461889902%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%223861%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M511.500488%20512.499512m-511.500488%200a511.500488%20511.500488%200%201%200%201023.000976%200%20511.500488%20511.500488%200%201%200-1023.000976%200Z%22%20fill%3D%22%231BC1FA%22%20p-id%3D%223862%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M784.234146%20572.440976c8.178014%200%2016.273108%200.253752%2024.282287%200.728288-16.961436-38.434466-42.247742-69.886751-58.977405-90.331785%202.822244-8.482716%2011.30496-56.536788-25.443153-90.453666v-2.827239c0-132.850263-96.103149-231.785647-214.822213-231.785647-118.717065%200-214.82521%2096.107145-214.825209%20231.785647v2.827239c-33.915879%2033.915879-25.437159%2081.969951-19.782681%2090.453666-25.444152%2028.265397-73.49223%2087.62343-76.320469%20155.461182%200%2016.961436%202.827239%2045.226833%2011.305959%2056.531794%2011.305959%2014.133198%2039.570357-2.827239%2062.186272-48.054073%205.650482%2019.788675%2019.78368%2053.709549%2050.876316%2093.281905-50.876316%2011.302962-65.009514%2062.186271-48.049077%2090.450669%2011.305959%2019.788675%2039.570357%2033.920874%2087.624429%2033.920874%2078.496343%200%20115.815899-19.378076%20134.378771-35.711126C492.644901%20814.680414%20490.520976%20800.136617%20490.520976%20785.233171c0-117.522232%20131.500581-212.792195%20293.71317-212.792195z%22%20fill%3D%22%23FFFFFF%22%20p-id%3D%223863%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M514.925143%20819.204995c5.654478%200%2011.309955%202.82624%2014.132199%205.649483%2016.960437%2016.960437%2053.709549%2039.575352%20138.50674%2039.575352%2048.054072%200%2076.320468-16.960437%2087.625428-33.920874%2016.960437-28.264398%202.827239-79.147707-48.054072-90.450669%2031.092636-39.572355%2045.225834-73.493229%2050.881311-93.281905%2019.787676%2045.226833%2050.881311%2062.18727%2062.186271%2048.054073%202.827239-11.30496%205.650482-39.570357%205.650482-56.531794-1.93511-23.223321-8.508691-45.121936-17.337069-65.128398-8.009179-0.475536-16.104273-0.729288-24.282287-0.729287-162.212589%200-293.713171%2095.269963-293.71317%20212.792195%200%2014.903446%202.123926%2029.447243%206.147996%2043.485533a88.18688%2088.18688%200%200%200%204.122973-3.864226c2.827239-2.823243%208.481717-5.649483%2014.133198-5.649483z%22%20fill%3D%22%23FFFFFF%22%20opacity%3D%22.4%22%20p-id%3D%223864%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

#showKfList:checked ~ span.whatsapp {
    -webkit-transform:translate(-70px, 0);
    transform:translate(-70px, 0);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:60px 60px;
    background-image:url("../images/whatsapp.png");
}

#showKfList {
    width:60px;
    height:60px;
    display:none;
}