﻿
#footer_fload_01{background: var(--mainColor);box-shadow: 0 0 9px rgba(0,0,0,.1)}
#footer_fload_01 .li{height: .8rem;color: #fff;font-size: .3rem;position: relative;}
#footer_fload_01 .li:after{position: absolute;width: 1px;left: 0;bottom: .15rem;top: .15rem;background: #fff;opacity: .9;content: '';}
#footer_fload_01 .li:nth-child(1):after{display: none;}
#footer_fload_01 .li .icon .svg{width: 0.36rem; height: 0.36rem; fill: #fff; margin-right: .15rem; }
#footer_fload_01 .li .name{font-size: .28rem; color: #fff;}
#footer_fload_01 .li .code{bottom: calc(100% + 0.1rem); left: 50%; transform: translateX(-50%); z-index: 10; width: 1.5rem; height: 1.5rem; padding: 0.05rem; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px rgb(0 0 0 / 15%); }
#footer_fload_01 .li .code img{max-width: 92%; max-height: 92%; object-fit: cover; -webkit-touch-callout: default; pointer-events: auto; user-select: auto; border-radius: 10px;}

@media screen and (max-width: 768px) { 
    #footer_fload_01{display: flex;}
}
@media screen and (max-width: 576px) {
    #footer_fload_01 .li .code{width: 1.8rem; height: 1.8rem;}
}