.popuptwo{
    position: fixed;
    z-index: 50;
}
.popuptwo ul{
    width: 100%;
}
.popuptwo ul li{
    width: 100%;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px #000;
}
.popuptwo ul li:hover img{
    transform: scale(1.1);
}
.popuptwo ul li:active{
    transform: scale(0.9);
}
/*0~768px*/
@media (max-width: 768px){
    .popuptwo{
        width: 60px;
        right: 20px;
        bottom: 100px;
    }
    .popuptwo ul li{
        height: 60px;
        margin-top: 20px;
    }
}
/*768<X<1200*/
@media(min-width:769px) and (max-width:1199px){
    .popuptwo{
        width: 70px;
        right: 50px;
        bottom: 100px;
    }
    .popuptwo ul li{
        height: 70px;
        margin-top: 20px;
    }
}
/*>1200*/
@media (min-width: 1200px){
    .popuptwo{
        width: 80px;
        right: 50px;
        bottom: 50px;
    }
    .popuptwo ul li{
        height: 80px;
        margin-top: 20px;
    }
}