html body{
    background: url('/public/assets/index/images/home.jpg') no-repeat 0 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.logo-img {
    width: 150px;
}
.logo-box{
    margin:20px 0 0 20px;
}
.qrcode{
    position: absolute;
    left: 30px;
    bottom: 30px;
    width: 100px;
    z-index: 99;
}
.qrcode img{
    width: 100%;
    height: auto;
}
.home-box ul{
    width: 50%;
    float: right;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    margin:50px 30px 0 0;
}
.home-box ul li{
    width: 70px;
    height: 90px;
    border:1px solid #fff;
    margin: 0 0 20px 0;
    border-radius:50% 50% 57% 43%/ 50% 50% 42% 54%;
    box-shadow: inset 10px 20px 30px rgba(0, 0, 0, 0.5),10px 10px 20px rgba(0, 0, 0, 0.3),15px 15px 30px rgba(0, 0, 0, 0.05),inset -10px -20px 30px rgba(255,255,255,0.8);
    animation: run 4s linear  infinite alternate;
    color:#fff;
    position: relative;
}
.home-box ul li a{
    display: block;
    color:#fff;
    line-height:90px;
    text-align: center;
}
@keyframes run{
    25%{
        border-radius: 50% 50% 59% 41% / 50% 50% 54% 48%  ;
    }
    50%{
        border-radius: 50% 50% 42% 50% / 50% 50% 57% 48%  ;
    }
    75%{
        border-radius:  50% 50% 56% 35% / 50% 50% 42% 59% ;
    }
    100%{
        border-radius:50% 50% 43% 57% / 50% 50% 49% 55%   ;
    }
}