.supports {
    position: fixed;
    right: 0;
    background: #fffe;
    border-radius: 5px;
    width: auto;
    z-index: 150;
    bottom: 20%;
    padding: 10px 0;
    border: 1px solid #f2f2f2;
    width: 84px;
}

.supports ul {
    list-style: none;
    margin: 0
}

.supports ul li {
    margin-bottom: 0
}

@media(min-width:768px) {
    .supports ul li+li {
        margin-top: 10px;
    }
}

.supports ul li a {
    border: none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-height: 54px;
    text-decoration: none
}

.supports ul li a .icon {
    width: 36px;
    height: 36px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    background-position: center center
}

@media(max-width:767px) {
    .footer-wrapper {
        margin-bottom: 69px;
    }
    .supports {
        width: 100%;
        bottom: 0;
        left: 0;
        border-radius: 0;
        background: #fff;
    }
    .supports {
        padding: 5px 0 8px
    }
    .introlist li {
        width: 45%;
        margin-bottom: 20px
    }
    .introlist li a {
        padding: 0
    }
    .supports ul li {
        width: 33.333%;
        float: left
    }
    .supports ul li a .icon_call {
        width: 54px;
        height: 54px;
        background-color: #ff1212;
        border: 2px solid #fff;
        background-size: 27px;
        border-radius: 50%;
        margin-bottom: 4px
    }
    .supports ul li.icon_mb {
        position: relative;
        top: -23px
    }
    .supports ul li a {
        font-size: 9px;
        padding: 0;
    }
}
@media(max-width:767px) {
    .supports ul li.icon_mb .icon_call {
        -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
        -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
        -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
        -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
        animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    }
}
@-webkit-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}
.supports ul {
    padding: 0px;
}