/* footer */
@media only screen and (min-width:750px) and (max-width: 1920px) {
    .footer {
        display: flex;
        width: 100%;
        background-color: #1a1c1f;
        flex-direction: row;
        padding-top: 50px;
        padding-bottom: 60px;
        justify-content: flex-start;
    }

    .fts {
        display: flex;
        /* width: 100% */
    }

    .fts-title {
        color: #fff;
        font-size: 1.3rem;
        font-weight: 600;
    }

    /* fts1 */
    .fts1 {
        display: flex;
        flex-direction: column;
        margin: 0 20px 0 50px;
        width: 28%;
    }

    .fts-items1 {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    .fts-item {
        display: flex;
        flex-direction: column;
        width: 33.3%;
    }

    .fts-item1, .fts-item2, .fts-item3 {
        margin-top: 20px;
    }

    .fts-item .link {
        font-size: 1.2rem;
        color: #fff;
        margin-top: 10px;
        /* min-width: 100px; */
    }

    /* fts2 */
    .fts2 {
        display: flex;
        flex-direction: column;
        margin: 0 20px 0 0;
        width: 13%;
    }

    .fts-items2 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 20px;
    }

    .fts-items2 .link {
        font-size: 1.2rem;
        color: #fff;
        margin-top: 10px;
    }

    /* fts3 */
    .fts3 {
        display: flex;
        flex-direction: column;
        margin: 0 20px 0 0;
        width: 20%;
    }

    .fts-items3 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 20px;
    }

    .fts-items3 .link {
        font-size: 1.2rem;
        color: #fff;
        margin-top: 10px;
    }

    /* fts4 */
    .fts4 {
        display: flex;
        flex-direction: column;
        width: 30%;
        margin-right: 50px;
    }

    .fts4 .fts-title {
        text-align: right;
    }

    .fts-item4 {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-top: 20px;
    }


    .footer .box {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: 80px;
    }

    .footer .title {
        /* font-size: 1.2rem; */
        font-size: 1.4rem;
        color: #fff;
        letter-spacing: .1rem;
    }

    .box1 .title {
        font-weight: bold;
    }

    .box1 .intro {
        margin-top: 15px;
        color: #fff;
    }

    .box1 .media-logos {
        display: flex;
        width: 100%;
        height: 50px;
        flex-direction: row;
        justify-content: flex-start;
        margin-top: 20px;
        margin-left: -1.4%;
    }

    .icon-weibo {
        width: 50px;
        height: 50px;
        background: url(../image/icon-weibo.png) no-repeat center;
        background-size: 54%;
    }

    .icon-weixin {
        width: 50px;
        height: 50px;
        background: url(../image/icon-weixin.png) no-repeat center;
        background-size: 49%;
        /* cursor: pointer; */
    }

    .icon-weixin:hover::after {
        content: '';
        /* width: 120px;
        height: 120px; */
        width: 120px;
        height: 120px;
        border: 5px solid white;
        background: url(../image/足球中国微信公众号.jpg) top center;
        background-size: 100% auto;
        position: absolute;
        /* top: 50px; */
        /* left: 8px; */
        top: 92px;
        right: 58px;
        z-index: 99999;
    }

    .icon-douyin {
        width: 50px;
        height: 50px;
        background: url(../image/icon-douyin.png) no-repeat center;
        background-size: 45%;
    }

    .icon-kuaishou {
        width: 50px;
        height: 50px;
        background: url(../image/icon-kuaishou.png) no-repeat center;
        background-size: 45%;
    }

    .footer .box1 {
        /* align-items: flex-end; */
        width: 100%;
        margin-left: 5%;
    }


    .footer .box2 {
        justify-content: center;
    }

    .box2 .title {
        font-weight: bold;
        margin-left: 5%;
    }

    .box2 .links {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: 5%;
        margin-top: 20px;
    }

    .box2 .link {
        font-size: 1.2rem;
        width: 25%;
        color: #fff;
        line-height: 2.3rem;
    }

    .footer .box3 {
        /* width: 60%; */
        justify-content: center;
    }

    .box3 .title {
        font-weight: bold;
        margin-left: 0 !important;
    }

    .box3 .links {
        display: flex;
        flex-direction: row;
        /* margin-left: 20%; */
        /* margin-top: 20px; */
        margin-top: 25px;
        align-items: center;
        /* justify-content: space-between; */
        justify-content: flex-start;
    }

    .box3 .link {
        font-size: 1.1rem;
        color: #fff;
        margin-right: 20px;
    }

    .footer .box4 {
        margin-left: 5%;
    }

    .box4 .title {
        font-weight: bold;
        /* margin-left: 5%; */
    }

    .box4 .links {
        display: flex;
        flex-direction: column;
        /* margin-left: 20%; */
        /* margin-left: 5%; */
        margin-top: 20px;
    }

    .box4 .link {
        width: 100%;
        font-size: 1.1rem;
        color: #fff;
        line-height: 3rem;
    }

    .link1 {
        background: url(../image/contact_tel.png) no-repeat left;
        /* background: url(../images/index/contact_tel_1.png) no-repeat left; */
        /* background-size: 4%; */
        background-size: 1.4rem;
        background-position: 0% 50%;
        padding-left: 23px;
    }

    .link2 {
        background: url(../image/contact_mail.png) no-repeat left;
        /* background: url(../images/index/contact_mail_1.png) no-repeat left; */
        /* background-size: 4%; */
        background-size: 1.4rem;
        background-position: 0% 50%;
        padding-left: 23px;
    }

    .link3 {
        background: url(../image/contact_address.png) no-repeat left;
        /* background: url(../images/index/contact_address_1.png) no-repeat left; */
        /* background-size: 4%; */
        background-size: 1.4rem;
        background-position: 0% 50%;
        padding-left: 23px;
    }

    .icp {
        display: flex;
        width: 100%;
        background-color: rgb(12, 11, 11);
        justify-content: center;
        align-items: center;
    }

    .copyrights {
        color: #fff;
        font-size: 1rem;
        line-height: 3rem;
    }

    .icp-link {
        color: #fff;
        margin-left: 20px;
    }

    .friend-links {
        display: flex;
        background-color: #1a1c1f;
        flex-direction: row;
        /* padding-left: 5%; */
        padding-bottom: 40px;
        justify-content: center;
    }

    .friend-link {
        color: #fff;
        margin-right: 30px;
        font-size: 1.2rem;
    }

    .friend-link a {
        color: #fff;
    }
}

@media only screen and (max-width: 750px) {
    .footer-m {
        display: flex;
        width: 100%;
        background-color: #2c3135;
        flex-direction: column;
        padding-top: 30px;
        padding-bottom: 80px;
        justify-content: center;
    }

    .footer-m .box {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: 30px;
        align-items: flex-start;
        justify-content: space-between;
    }

    .box1 {
        justify-content: center !important;
        /* align-items: center !important; */
    }

    .footer-m .title {
        /* font-size: 1.3rem; */
        font-size: 1.2rem;
        color: #fff;
        letter-spacing: .1rem;
        margin-left: 10%;
    }

    .footer-m .title {
        font-weight: bold;
    }

    .footer-m .intro {
        margin-top: 15px;
        margin-left: 10%;
        color: #fff;
        font-size: 1.1rem;
        font-weight: bold;
    }

    .footer-m .media-logos {
        display: flex;
        width: 90%;
        height: 50px;
        flex-direction: row;
        justify-content: flex-start;
        margin-top: 10px;
        margin-left: 7%;
    }

    .footer-m .icon-weibo {
        width: 50px;
        height: 50px;
        background: url(../image/icon-weibo.png) no-repeat center;
        background-size: 54%;
    }

    .footer-m .icon-weixin {
        width: 50px;
        height: 50px;
        background: url(../image/icon-weixin.png) no-repeat center;
        background-size: 49%;
    }

    .footer-m .icon-douyin {
        width: 50px;
        height: 50px;
        background: url(../image/icon-douyin.png) no-repeat center;
        background-size: 45%;
    }

    .footer-m .icon-kuaishou {
        width: 50px;
        height: 50px;
        background: url(../image/icon-kuaishou.png) no-repeat center;
        background-size: 45%;
    }

    .footer-m .title {
        font-weight: bold;
        padding-bottom: 5px
    }

    .footer-m .links {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: 10%;
        margin-top: 20px;
    }

    .footer-m .links1 {
        display: flex;
        flex-direction: column;
    }

    .footer-m .link {
        font-size: 1.1rem;
        width: 30%;
        color: #fff;
        line-height: 3rem;
    }

    .links1 {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        width: 80%;
        margin-left: 10%;
    }

    .box3 .links {
        display: flex;
        flex-direction: row;
        margin-top: 20px;
        align-items: center;
    }

    /* .links1 .link {
        margin-top: 20px;
    } */

    .box4 .title {
        font-weight: bold;
    }

    .box4 .links {
        display: flex;
        flex-direction: column;
        margin-left: 10%;
        margin-top: 20px;
    }

    .box4 .link {
        width: 100%;
        font-size: 1.1rem;
        color: #fff !important;
        line-height: 3rem;
    }

    .link1 {
        background: url(../image/contact_tel.png) no-repeat left;
        /* background: url(../images/index/contact_tel_1.png) no-repeat left; */
        background-size: 5%;
        background-position: 0% 50%;
        padding-left: 23px;
    }

    .link2 {
        background: url(../image/contact_mail.png) no-repeat left;
        /* background: url(../images/index/contact_mail_1.png) no-repeat left; */
        background-size: 5%;
        background-position: 0% 50%;
        padding-left: 23px;
    }

    .link3 {
        background: url(../image/contact_address.png) no-repeat left;
        /* background: url(../images/index/contact_address_1.png) no-repeat left; */
        background-size: 5%;
        background-position: 0% 50%;
        padding-left: 23px;
    }

    .icp {
        display: flex;
        width: 100%;
        background-color: #000;
        justify-content: center;
        align-items: center;
    }

    .copyrights {
        color: #fff;
        font-size: 1rem;
        line-height: 2rem;
        text-align: center;
    }

    .icp-link {
        color: #fff;
        margin-left: 20px;
    }
}