.foot
{
    width:100%;
    background-color: rgba(58,60,65,1);
    color:rgba(255,255,255,0.6);
    padding: 60px 0;
}

.foot .foot-container
{
    width:75%;
    border:1px solid  rgba(255,0,0,0);
}

.foot .foot-container .foot-info
{
    width:100%;
}

.foot .foot-container .foot-info .foot-left
{
    width:20%;
}

.foot .foot-container .foot-info .foot-left .foot-logo
{
    width:120px;
    transition: all 0.3s ease;
    filter: grayscale(100%) brightness(200%);        
    padding: 0 0 30px 0;
}    
    
.foot .foot-container .foot-info .foot-left .foot-qrcode
{
    width:80px;
    margin: 0 0 20px 0;
}

.foot .foot-container .foot-info .foot-left .foot-qrcode-text
{
    font-size: 0.7vw;
}


.foot .foot-container .foot-info .foot-nav
{
    width:55%;
}

.foot .foot-container .foot-info .foot-nav .foot-list
{
    width:30%;
}

.foot .foot-container .foot-info .foot-nav .foot-list .foot-l-title
{
    width:100%; 
    color: rgba(255,255,255,1);
    font-size: 0.9vw;
}

.foot .foot-container .foot-info .foot-nav .foot-list a
{
    color: rgba(255,255,255,0.6);
    font-size: 0.8vw;
}


.foot .foot-container .foot-info .foot-follow-box
{
    width:25%;
    
    background-color: rgba(255,255,255,0);  
}

.foot .foot-container .foot-info .foot-follow-box .foot-l-title
{
    color: rgba(255,255,255,1);    
    font-size: 0.9vw;
}

.foot .foot-container .foot-info .foot-follow-box .foot-follow-list
{
    margin: 15px 0 30px 0;
}

.foot .foot-container .foot-info .foot-follow-box .foot-follow-list .foot-patu
{
    width:20px;
    margin: 0 20px 0 0;
}


.foot .foot-container .foot-info .foot-follow-box .foot-emial
{
    margin: 20px 0 0 0;
    display: block;
    width: 16.666667vw;
    height: 2.083333vw;
    line-height: 2.083333vw;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    outline: none;
    border-bottom: 1px solid hsla(0,0%,100%,.6);
    border-radius: 0;
    font-size: 0.9vw;
    color: #fff;
    background: transparent;
}

.foot .foot-container .foot-info .foot-follow-box .foot-btn
{
    margin-top: 1.041667vw;
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    width: 6.25vw;
    line-height: 2.604167vw;
    text-align: center;
    font-size: 0.9vw;
    color: #fff;
    background: #f4a000;
    border-radius: .260417vw;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.foot .foot-container .foot-info .foot-follow-box .foot-btn:hover
{
    transform: scale(0.9);
    filter: brightness(1.1);
    cursor: pointer;
}

.foot .foot-container .foot-copyright
{
    width:100%;
    font-size: 0.9vw;
    margin: 50px 0 0 0;
    color: rgba(255,255,255,0.4);
}
.foot .foot-container .foot-copyright .foot-cr-text
{
    font-size: 0.75vw; 
}

.foot .foot-container .foot-copyright .foot-cr-text .foot-icp
{
    color: rgba(255,255,255,0.4);
    font-size: 0.7vw;
}