.kh-footer-model{
    background: url(../images/foot_bg.png) no-repeat center bottom/cover;
    font-family: MicrosoftYaHei;
    position: relative;
    padding-bottom: 7.2rem;
}
.kh-footer-content{
    padding: 14rem 0;
    overflow: hidden;
    color: #FFFFFF;
    line-height: 3.6rem;
    font-size: 1.4rem;
    display: flex;
    justify-content: space-between;
}
.kh-footer-content a{
    color: #FFFFFF;
}
.kh-footer-content a:hover{
    color: var(--theme-color);
}

.kh-footer-qrcodes{
    overflow: hidden;
    width: 26%;
}
.kh-footer-qrcode{
    width: 50%;
    float: left;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.kh-footer-qrimage{
    width: 92%;
}

.kh-footer-app{
    width: 100%;
    overflow: hidden;
    float: left;
}
.kh-footer-mtitle{
    width: 100%;
    font-size: 1.6rem;
    line-height: 3.2rem;
    float: left;
    text-align: center;
}
.kh-footer-item{
    width: 25%;
    float: left;
    text-align: center;
}
.kh-footer-link{
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.kh-footer-app-ico{
    width: 3.6rem;
}
.kh-footer-app-name{
    line-height: 2.4rem;
}

.kh-footer-sitename{
    font-size: 2.4rem;
    line-height: 4.8rem;
    padding-bottom: 1.2rem;
}

.kh-footer-right{
    overflow: hidden;
    width: 25%;
    display: flex;
    justify-content: space-between;
}

.kh-footer-copyright{
    width: 100%;
    height: 7.2rem;
    line-height: 7.2rem;
    background-color: #181818;
    color: #FFFFFF;
    font-size: 1.2rem;
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.kh-footer-copyright a{
    color: #FFFFFF;
}
.kh-footer-copyright a:hover{
    color: var(--theme-color);
}
.kh-footer-support{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1.2rem;
    overflow: hidden;
}
.kh-footer-support img{
    height: 1.6rem;
    padding-left: 0.6rem;
    float: left;
}

/* 消息弹出层 */
#app-cover{
    width:100%;
    height:100vh;
    position:fixed;
    top:0;
    left:0;
    z-index:8;
    background-color:rgba(0,0,0,0.6);
    display:none;
    transition: all .3s ease;
}
#app-popup{
    height: 100%;
    display:flex;
    justify-content: center;
    align-items: center;
    /* flex-direction: column; */
    text-align:center;
}
#app-popup-alert{
    padding: 2rem;
    font-size:1.4rem;
    color: #FFFFFF;
    background-color: rgba(0,0,0,0.16);
    border-radius: 0.6rem;
}
.app-popup-close{
    font-size: 1.2rem;
    /* margin-top: 2rem; */
    margin-left: 1rem;
    padding: 0 2rem;
    line-height: 3.6rem;
    color: var(--text-subcolor);
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 0.6rem;
}

/* ajax状态提示框 */
#ajax-tips {
    background-color: var(--theme-subcolor);
    color: #fff;
    box-sizing: border-box;
    padding-top: 2.5rem;
    border-radius: 0.8rem;
    width: 12rem;
    height: 12rem;
    line-height: 3.5rem;
    font-size: 1.2rem;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9;
    margin-top: -6rem;
    margin-left: -6rem;
    text-align: center;
    display: none;
    transition: all .3s ease;
}
#ajax-tips-icon {font-size: 3.2rem;}

@media only screen and (max-width: 1700px) {
    .kh-footer-content{
        padding: 7rem;
    }
}

@media only screen and (max-width: 1201px) {
    .kh-footer-content{
        padding: 2rem 2%;
    }
}

@media only screen and (max-width: 576px) {
    .kh-footer-model{
        padding-bottom: 1rem;
        background-size: 200% auto;
        background-color: #35332e;
    }
    .kh-footer-left{
        width: 100%;
        display: none;
    }
    .kh-footer-content{
        padding: 2rem 2% 1rem 2%;
        line-height: 2.8rem;
        font-size: 1.2rem;
        display: block;
    }
    .kh-footer-sitename{
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: bold;
    }
    
    .kh-footer-qrcodes{
        width: 100%;
        overflow: hidden;
    }

    .kh-footer-qrimage{
        width: 8rem;
    }
    .kh-footer-qrname{
        font-size: 1.2rem;
        text-wrap: nowrap;
    }

    .kh-footer-app{
        padding: 1.2rem 0.6rem 0;
        border-bottom: 1px dashed var(--theme-color);
    }
    .kh-footer-mtitle{
        font-size: 1.2rem;
        text-align: center;
        display: none;
    }
    
    .kh-footer-right{
        width: 100%;
        text-align: center;
        padding-top: 1rem;
    }
    .kh-footer-right > dl:nth-of-type(1){
        width: 33.33%;
    }
    .kh-footer-right > dl:nth-of-type(2){
        width: 66.67%;
        overflow: hidden;
    }
    .kh-footer-right > dl:nth-of-type(2) > dd{
        width: 50%;
        float: left;
    }
    .kh-footer-right > dl:nth-of-type(2) > dd:nth-of-type(3),.kh-footer-right > dl:nth-of-type(2) > dd:nth-of-type(4){
        float: right;
    }
    .kh-footer-copyright{
        height: auto;
        line-height: 2.4rem;
        font-size: 1.2rem;
        position: static;
        padding: 1.2rem 0;
    }
    .kh-footer-copyright > *{
        width: 100%;
        padding-left: 0;
    }
    .kh-footer-copyright > span > a{ width: 100%; display: block;}
}