/* ==================== Footer 通用样式 ==================== */
.footer {
    width: 100%;
    min-height: 2.5rem;
    background: #141519;
    overflow: hidden;
}

/* ==================== PC 版 Footer 样式 ==================== */
.f_left {
    width: 6.4rem;
    height: 100%;
    float: left;
}

.f_left_main {
    width: 2.7rem;
    height: 1.02rem;
    float: right;
    margin: 0.6rem 0 0 0;
    background: url(../img/bottom_logo.png) no-repeat top center;
    background-size: 100% 100%;
}

.f_l_focent {
    width: 1.54rem;
    height: 100%;
    cursor: pointer;
    float: left;
    margin-right: 0.16rem;
    font-size: 0;
}

.f_l_12 {
    width: 1rem;
    height: 100%;
    float: left;
    cursor: pointer;
    font-size: 0;
}

.f_right {
    width: calc(100% - 6.4rem);
    height: 100%;
    float: right;
    padding-left: 0.14rem;
    box-sizing: border-box;
}

.f_r_text {
    display: block;
    width: 80%;
    padding-top: 0.56rem;
}

.f_r_text p {
    display: block;
    width: 100%;
    font-size: 0.13rem;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 0.06rem;
}

.f_agreement {
    width: 100%;
    margin-top: 0.2rem;
}

.f_agreement li {
    float: left;
    font-size: 0.13rem;
    color: #fff;
    margin-right: 0.5rem;
    cursor: pointer;
}

.f_agreement li a {
    display: block;
    font-size: 0.13rem;
    color: #fff;
    width: 100%;
}

.f_agreement li:hover {
    color: red;
}

.f_agreement li a:hover {
    color: red;
}

.f_agreement li:first-child {
    margin-left: 1.6rem;
}

/* ==================== Mobile 版 Footer 样式 ==================== */
/* 移动端时隐藏 PC 版样式 */
@media screen and (max-width: 768px) {
    .footer {
        min-height: 6.6rem;
    }

    .f_left,
    .f_right {
        display: none;
    }
}

.f_top {
    width: 100%;
    height: 1.35rem;
    margin-top: 0.82rem;
    overflow: hidden;
}

.f_top_main {
    width: 3.58rem;
    height: 1.35rem;
    margin: 0 auto;
    background: url(../img/mo/bottom_logo.png) no-repeat top center;
    background-size: 100% 100%;
}

.f_t_focent {
    width: 2.02rem;
    height: 100%;
    cursor: pointer;
    float: left;
    margin-right: 0.23rem;
    font-size: 0;
}

.f_t_12 {
    width: 1.33rem;
    height: 100%;
    float: left;
    cursor: pointer;
    font-size: 0;
}

.f_bottom {
    width: 100%;
    height: 100%;
    padding: 0.5rem 0 1rem;
    box-sizing: border-box;
}

.f_b_text {
    display: block;
    width: 100%;
    padding: 0 0.8rem;
    box-sizing: border-box;
}

.f_b_text p {
    display: block;
    width: 100%;
    font-size: 0.3rem;
    color: #fff;
    line-height: 1.8;
    margin-bottom: 0.06rem;
}

/* 移动端的 f_agreement 样式覆盖 */
.mobilePage .f_agreement,
.f_bottom .f_agreement {
    width: 100%;
    margin-top: 0.3rem;
    overflow: hidden;
}

.mobilePage .f_agreement li,
.f_bottom .f_agreement li {
    float: left;
    font-size: 0.3rem;
    color: #fff;
    margin-right: 0.8rem;
    cursor: pointer;
}

.mobilePage .f_agreement li a,
.f_bottom .f_agreement li a {
    display: block;
    font-size: 0.3rem;
    color: #fff;
    width: 100%;
}

.mobilePage .f_agreement li:hover,
.f_bottom .f_agreement li:hover {
    color: red;
}

.mobilePage .f_agreement li a:hover,
.f_bottom .f_agreement li a:hover {
    color: red;
}

.mobilePage .f_agreement li:first-child,
.f_bottom .f_agreement li:first-child {
    margin-left: 2.6rem;
}

/* PC 端时隐藏移动版样式 */
/* @media screen and (min-width: 769px) {
    .f_top,
    .f_bottom {
        display: none;
    }
} */