@media only screen and (min-width:750px) and (max-width: 1920px) {
    main {
        display: block;
    }

    main-m {
        display: none;
    }

    .w {
        display: flex;
        position: relative;
        width: 100%;
        height: 100vh;
        /* background-color: #5956a5; */
        background-color: #5956a5;
        margin-top: -100px;
    }

    .w1 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /* display: -webkit-wrapper; */
        display: -webkit-flex;
        /* display: -ms-flexwrapper; */
        display: flex;
        /* -webkit-wrapper-pack: center; */
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        /* -webkit-wrapper-align: center; */
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
        z-index: 0;
    }

    .img1 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        transition: opacity 500ms linear 0s;
        opacity: 1;
    }

    .img2 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        transform: translateZ(0px);
        transition: opacity 250ms linear 0s;
        will-change: opacity;
        opacity: 1;
    }

    .w2 {
        position: absolute;
        left: 0;
        bottom: 50%;
        width: 30vw;
        height: 60px;
        line-height: 60px;
        /* background-color: #e76000; */
        background-color: rgba(231, 96, 0, .9);
        text-align: right;
        padding-right: 30px;
        font-size: 2.5rem;
        color: #fff;
        font-weight: bold;
    }

    .w3 {
        position: absolute;
        left: 15vw;
        bottom: 35%;
        height: 60px;
        line-height: 60px;
        text-align: right;
        padding-right: 30px;
        font-size: 4.3rem;
        color: #fff;
        font-weight: bold;
        letter-spacing: .3rem;
    }

    .wm1 {
        position: absolute;
        left: 14vw;
        bottom: 31%;
        width: 722px;
        height: 57px;
        /* background: url(../images/resource/watermarks/1.png) no-repeat center; */
        background: url(../image/CFATeamChina.png) no-repeat center;
        background-size: 60%;
    }

    .wm2 {
        position: absolute;
        left: 22vw;
        bottom: 31.5%;
        width: 359px;
        height: 57px;
        background: url(../image/CFACup.png) no-repeat center;
        background-size: 60%;
    }

    .wm3 {
        position: absolute;
        left: 18vw;
        bottom: 31%;
        width: 666px;
        height: 58px;
        background: url(../image/CFASuperCup.png) no-repeat center;
        background-size: 60%;
    }

    .wm4 {
        position: absolute;
        left: 41vw;
        bottom: 31%;
        width: 244px;
        height: 60px;
        background: url(../image/CWSL.png) no-repeat center;
        background-size: 60%;
    }

    .wm5 {
        position: absolute;
        left: 35vw;
        bottom: 30%;
        width: 222px;
        height: 60px;
        background: url(../image/5.png) no-repeat center;
        background-size: 60%;
    }

    .w4 {
        position: absolute;
        right: 20px;
        bottom: 20%;
        padding: 0 20px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 1.3rem;
        color: #fff;
        font-weight: bold;
        border-bottom: 2px solid #fff;
        background: rgba(0, 0, 0, .7);
        background-image: url(../images/resource/double-arro-\ right.png) no-repeat right;
        background-size: 5%;
        padding-right: 30px;
    }

    .w5 {
        position: absolute;
        right: 20px;
        bottom: 10%;
        padding: 0 20px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 1.3rem;
        color: #fff;
        font-weight: bold;
        border-bottom: 2px solid #fff;
        background: rgba(0, 0, 0, .7);
        background-image: url(../images/resource/double-arro-\ right.png) no-repeat right;
        background-size: 5%;
        padding-right: 30px;
    }


    /* intro-w */
    .intro-w {
        display: flex;
        width: 100%;
        padding: 120px 0 120px 0;
        justify-content: center;
    }

    .intro-w .wrapper {
        display: flex;
        width: 90%;
        /* height: 600px; */
        justify-content: space-between;
        align-items: flex-start;
    }

    .intro-w .item {
        width: 45%;
        /* background-color: #e76000; */
    }

    .item .logo-cfa {
        width: 96px;
        height: 141px;
        background: url(../image/logo_cfa.png) no-repeat center;
        background-size: 100%;
    }

    .item .logo-zuxiebei {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .item .logo-cfa-cup {
        width: 95px;
        height: 147px;
        background: url(../image/logo_cfa_cup.png) no-repeat center;
        background-size: 100%;
    }

    .item .gameforall {
        width: 225px;
        height: 42px;
        background: url(../image/gamforall.png) no-repeat center;
        background-size: 100%;
        margin-left: 30px;
    }

    .item .logo-cfa-w {
        width: 300px;
        height: 136px;
        background: url(../image/logo_cfa_w.png) no-repeat center;
        background-size: 80%;
        margin-left: -35px;
    }

    .item .logo-cfa-supercup {
        width: 256px;
        height: 139px;
        background: url(../image/logo_cfa_supercup.png) no-repeat center;
        background-size: 100%;
    }

    .item .p {
        /* font-size: 1.3rem; */
        font-size: 1.4rem;
        color: #3b3a3a;
        line-height: 2.2rem;
        letter-spacing: 1px;
    }

    .item .p1 {
        margin-top: 30px;
        margin-left: -10px;
    }

    .item .p1-2 {
        margin-top: 30px;
        /* margin-left: -10px; */
    }


    .item .p2 {
        margin-top: 30px;
    }

    .item .p3 {
        margin-top: 30px;
    }

    .item .btn-link-cfa {
        width: 166px;
        height: 40px;
        line-height: 34px;
        border: 2px solid rgb(235, 97, 0);
        font-size: 1.4rem;
        text-align: left;
        background: url(../image/right_white_30.png) 90% 54% / 11% no-repeat rgb(235, 97, 0);
        padding-left: 20px;
        font-weight: 500;
        color: rgb(255, 255, 255);
        margin-top: 50px;
        background-size: 8%;
        cursor: pointer;
    }

    .intro-w .title {
        position: relative;
        font-size: 1.4rem;
        font-weight: bold;
        height: 40px;
    }

    .intro-w .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: 10px;
        width: 68px;
        height: 3px;
        background-color: #000;
    }


    .intro-w strong {
        font-size: 1.9rem;
    }

    .intro-w s {
        font-size: 0.8rem;
    }

    .p4 {
        position: relative;
        margin-top: 15px;
        margin-left: 15px;
    }

    .p5 {
        position: relative;
        margin-top: 15px;
        margin-left: 15px;
    }


    .p6 {
        position: relative;
        margin-top: 15px;
        margin-left: 15px;
    }

    .level1::before {
        content: '';
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        top: 14px;
        left: -15px;
        border-radius: 50%;
    }

    .level1::before {
        background: #3b3a3a;
    }

    /* 中国之队 */
    .item .title1 {
        position: relative;
        font-size: 1.4rem;
        font-weight: bold;
        height: 40px;
        margin-top: 40px;
    }

    .item .title1::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: 10px;
        width: 84px;
        height: 3px;
        background-color: #000;
    }

    .p7 {
        position: relative;
        margin-top: 15px;
        margin-left: 5px;
    }

    .p8 {
        position: relative;
        margin-top: 15px;
        margin-left: 15px;
    }

    .level2::before {
        content: '';
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        top: 14px;
        left: -5px;
        border-radius: 50%;
    }

    .level2::before {
        background: #3b3a3a;
    }


    .m-logo {
        display: flex;
        width: 100%;
        /* height: 150px; */
        flex-direction: row;
        justify-content: flex-start;
        margin-top: 40px;
        margin-left: -10px;
    }

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

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

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

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

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

    .m-logo .icon-dongqiudi {
        width: 70px;
        /* height: 40px; */
        background: url(../image/dongqiudi1.png) no-repeat center;
        background-size: contain;
        margin-top: 3px;
        margin-left: 7px;
    }

    .m-logo .icon-zhifubao {
        width: 50px;
        height: 50px;
        background: url(../image/zhifubao1.png) no-repeat center;
        background-size: 65%;
        /* margin-left: 8px; */
    }

    .m-logo .icon-xiaohongshu {
        width: 120px;
        background: url(../image/xiaohongshu1.png) no-repeat center;
        background-size: 45%;
        margin-left: -30px;
    }

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

    .icon-douyin1:hover::after {
        content: '';
        width: 150px;
        height: 150px;
        background: url(../image/“足球中国”抖音.jpg) no-repeat top center;
        background-size: 100%;
        position: absolute;
        top: 50px;
        left: 60px;
        z-index: 99999;
    }

    .icon-kuaishou1:hover::after {
        content: '';
        width: 150px;
        height: 150px;
        border: 2px solid #eee;
        background: url(../image/“足球中国”快手.jpg) no-repeat top center;
        background-size: 100% auto;
        position: absolute;
        top: 50px;
        left: 110px;
        z-index: 99999;
    }

    .icon-shipinghao1:hover::after {
        content: '';
        width: 150px;
        height: 150px;
        border: 2px solid #eee;
        background: url(../image/足球中国视频号.jpg) no-repeat top center;
        background-size: 100%;
        position: absolute;
        top: 50px;
        left: 160px;
        z-index: 99999;
    }

    .icon-zhifubao1:hover::after {
        content: '';
        width: 150px;
        height: 150px;
        border: 2px solid #eee;
        background: url(../image/“支付宝”.jpg) no-repeat top center;
        background-size: 100%;
        position: absolute;
        top: 50px;
        left: 203px;
        z-index: 99999;
    }

    .icon-xiaohongshu1:hover::after {
        content: '';
        width: 150px;
        height: 150px;
        border: 2px solid #eee;
        background: url(../image/小红书.jpg) no-repeat top center;
        background-size: 100%;
        position: absolute;
        top: 50px;
        left: 270px;
        z-index: 99999;
    }

    /* resource2 */
    .icon-weixin2:hover::after {
        content: '';
        width: 150px;
        height: 150px;
        border: 2px solid #eee;
        background: url(../image/足球中国微信公众号.jpg) center center;
        background-size: 100% auto;
        position: absolute;
        top: 50px;
        left: 8px;
        z-index: 99999;
    }

    .icon-douyin2:hover::after {
        content: '';
        width: 150px;
        height: 150px;
        /* border: 2px solid #eee; */
        background: url(../image/“足协杯”抖音.jpg) no-repeat center center;
        background-size: 100%;
        position: absolute;
        top: 50px;
        left: 60px;
        z-index: 99999;
    }

    .icon-kuaishou2:hover::after {
        content: '';
        width: 150px;
        height: 150px;
        border: 2px solid #eee;
        background: url(../image/“足协杯”快手.jpg) no-repeat center center;
        background-size: 100%;
        position: absolute;
        top: 50px;
        left: 110px;
        z-index: 99999;
    }

    .icon-shipinghao2:hover::after {
        content: '';
        width: 150px;
        height: 150px;
        border: 2px solid #eee;
        background: url(../image/足球中国视频号.jpg) no-repeat center center;
        background-size: 100%;
        position: absolute;
        top: 50px;
        left: 160px;
        z-index: 99999;
    }

    /* resource3 */
    .icon-weixin3:hover::after {
        content: '';
        width: 150px;
        height: 150px;
        border: 2px solid #eee;
        background: url(../image/足球中国微信公众号.jpg) top center;
        background-size: 100% auto;
        position: absolute;
        top: 50px;
        left: 8px;
        z-index: 99999;
    }

    .icon-douyin3:hover::after {
        content: '';
        width: 150px;
        height: 150px;
        background: url(../image/“足球中国”抖音.jpg) no-repeat top center;
        background-size: 100%;
        position: absolute;
        top: 50px;
        left: 60px;
        z-index: 99999;
    }

    .icon-kuaishou3:hover::after {
        content: '';
        width: 150px;
        height: 150px;
        border: 2px solid #eee;
        background: url(../image/“足球中国”快手.jpg) no-repeat top center;
        background-size: 100% auto;
        position: absolute;
        top: 50px;
        left: 110px;
        z-index: 99999;
    }

    .icon-shipinghao3:hover::after {
        content: '';
        width: 150px;
        height: 150px;
        border: 2px solid #eee;
        background: url(../image/足球中国视频号.jpg) no-repeat top center;
        background-size: 100%;
        position: absolute;
        top: 50px;
        left: 160px;
        z-index: 99999;
    }

    /* resource4 */

    .icon-zhifubao4:hover::after {
        content: '';
        width: 150px;
        height: 150px;
        border: 2px solid #eee;
        background: url(../image/“支付宝”.jpg) no-repeat top center;
        background-size: 100%;
        position: absolute;
        top: 50px;
        left: -51px;
        z-index: 99999;
    }

    .icon-xiaohongshu4:hover::after {
        content: '';
        width: 150px;
        height: 150px;
        border: 2px solid #eee;
        background: url(../image/小红书.jpg) no-repeat top center;
        background-size: 100%;
        position: absolute;
        top: 50px;
        left: 1px;
        z-index: 99999;
    }

    .icon-weixin4:hover::after {
        content: '';
        width: 150px;
        height: 150px;
        border: 2px solid #eee;
        background: url(../image/足球中国微信公众号.jpg) center center;
        background-size: 100%;
        position: absolute;
        top: 50px;
        left: 120px;
        z-index: 99999;
    }

    .icon-douyin4:hover::after {
        content: '';
        width: 150px;
        height: 150px;
        border: 2px solid #eee;
        background: url(../image/“足球中国”抖音.jpg) no-repeat center center;
        background-size: 100%;
        position: absolute;
        top: 50px;
        left: 170px;
        z-index: 99999;
    }

    .icon-kuaishou4:hover::after {
        content: '';
        width: 150px;
        height: 150px;
        border: 2px solid #eee;
        background: url(../image/“足球中国”快手.jpg) no-repeat center center;
        background-size: 100%;
        position: absolute;
        top: 50px;
        left: 220px;
        z-index: 99999;
    }

    .icon-shipinghao4:hover::after {
        content: '';
        width: 150px;
        height: 150px;
        border: 2px solid #eee;
        background: url(../image/足球中国视频号.jpg) no-repeat center center;
        background-size: 100%;
        position: absolute;
        top: 50px;
        left: 270px;
        z-index: 99999;
    }



    /* news-list */

    .news-list {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 1px 0 50px 0;
        justify-content: center;
        align-items: center;
    }

    .news-list .wrapper {
        display: flex;
        width: 90%;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .news-list .item {
        display: flex;
        justify-content: space-between;
        width: 45%;
        margin: 10px 0 10px 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 15px;
    }

    .news-list .news-list-item {
        font-size: 1.3rem;
        color: #3b3a3a;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 400px;
        white-space: nowrap;
    }

    .news-list .news-list-date {
        font-size: 1.3rem;
        color: #3b3a3a;
    }

    /* pics */
    .pics {
        display: flex;
        width: 100%;
        background-color: #f7f7f7;
        justify-content: center;
        padding: 0 0 30px 0;
    }

    .pics .wrapper {
        display: flex;
        width: 90vw;
        /* height: 600px; */
        flex-direction: column;
        /* background-color: #5956a5; */
    }

    .pics .head {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

    .pics .title {
        position: relative;
        font-size: 2rem;
        text-align: left;
        padding: 20px 0 20px 0;
        margin-top: 30px;
    }

    .pics .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: 10px;
        width: 50px;
        height: 3px;
        background-color: #eb6100;
    }

    .pics .arrow {
        width: 50%;
    }

    .pics img {
        width: 100%
    }

    .pics .items {
        display: flex;
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 20px;
    }

    .pics .item {
        width: 30.5%;
    }

    .out_container {
        width: 100%;
        height: auto;
        margin-top: -70px;
        position: relative;
        /* outline: 1px solid black; */
        padding-top: 100px;
    }

    .swiper {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .swiper_btn {
        width: 20px !important;
        height: 20px;
        background-size: contain;
    }

    .swiper-button-prev {
        position: absolute;
        left: 86vw !important;
        top: 50px !important;
    }

    .swiper-button-next {
        position: absolute;
        right: .5em !important;
        top: 50px !important;
    }

    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 1.8rem !important;
        background-color: #eee;
        padding: .8vw .5vw !important;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }



    /* videos */
    .f-videos {
        display: flex;
        width: 100%;
        background-color: #f7f7f7;
        justify-content: center;
        padding: 0 0 80px 0;
    }

    .f-videos .wrapper {
        display: flex;
        width: 90vw;
        /* height: 600px; */
        flex-direction: column;
        /* background-color: #5956a5; */
    }

    .f-videos .head {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

    .f-videos .title {
        position: relative;
        font-size: 2rem;
        text-align: left;
        padding: 20px 0 20px 0;
        margin-top: 30px;
    }

    .f-videos .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: 10px;
        width: 50px;
        height: 3px;
        background-color: #eb6100;
    }

    .video-title {
        font-size: 1.4rem;
        /* font-weight: bold; */
        margin-top: 15px;
    }

    .video-box {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        /* margin-top: 30px; */
    }

    .video-js {
        width: 43.5vw;
        height: 77.333vw;
    }

    .video-js {
        /* 给.video-js设置字体大小以统一各浏览器样式表现，因为video.js采用的是em单位 */
        font-size: 14px;
    }

    .video-js button {
        outline: none;
    }

    .video-js.vjs-fluid,
    .video-js.vjs-16-9,
    .video-js.vjs-4-3 {
        /* 视频占满容器高度 */
        height: 100%;
        background-color: #161616;
    }

    .vjs-poster {
        background-color: #161616;
    }

    .video-js .vjs-big-play-button {
        line-height: 2.3em !important;
        height: 2.5em !important;
        width: 2.5em !important;
        -webkit-border-radius: 2.5em !important;
        -moz-border-radius: 2.5em !important;
        border-radius: 2.5em !important;
        background-color: rgba(115, 133, 159, .5) !important;
        border-width: 0.16em !important;
        margin-left: calc(20vw - 50px) !important;
        margin-top: calc(11.25vw - 50px) !important;
        background: url(../image/播放_play-one.png) no-repeat center;
        background-size: 50%;
    }

    /* .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before {
        content: none !important;
    } */

    .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        content: none !important;
    }

    .video-js.vjs-paused .vjs-big-play-button {
        /* 视频暂停时显示播放按钮 */
        display: block;
    }

    .video-js.vjs-error .vjs-big-play-button {
        /* 视频加载出错时隐藏播放按钮 */
        display: none;
    }

    .vjs-loading-spinner {
        /* 加载圆圈 */
        font-size: 2.5em !important;
        width: 2em !important;
        height: 2em !important;
        border-radius: 1em !important;
        margin-top: -1em !important;
        margin-left: -1.5em !important;
    }

    .video-js .vjs-control-bar {
        /* 控制条默认显示 */
        display: flex;
    }

    .video-js .vjs-time-control {
        display: block;
    }

    .video-js .vjs-remaining-time {
        display: none;
    }

    .vjs-button>.vjs-icon-placeholder:before {
        /* 控制条所有图标，图标字体大小最好使用px单位，如果使用em，各浏览器表现可能会不大一样 */
        font-size: 22px;
        line-height: 1.9;
    }

    .video-js .vjs-playback-rate .vjs-playback-rate-value {
        line-height: 2.4;
        font-size: 18px;
    }

    /* 进度条背景色 */
    .video-js .vjs-play-progress {
        color: #ffb845;
        background-color: #ffb845;
    }

    .video-js .vjs-progress-control .vjs-mouse-display {
        background-color: #ffb845;
    }

    .vjs-mouse-display .vjs-time-tooltip {
        padding-bottom: 6px;
        background-color: #ffb845;
    }

    .video-js .vjs-play-progress .vjs-time-tooltip {
        display: none !important;
    }


    /* video */
    .video-box {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .video-js {
        position: relative !important;
        height: 24.45vw;
        margin-top: 50px;
    }

    .out_container2 {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .video-js .vjs-big-play-button {
        width: 5vw !important;
        height: 5vw !important;
        left: 3.3vw !important;
    }


    /* sponsors */
    .sponsers {
        display: flex;
        width: 100%;
        /* background-color: #5956a5; */
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .sponsers .wrapper {
        display: flex;
        /* width: 40%; */
        width: 76%;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .sponsers1 {
        flex-direction: row !important;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: flex-start;
    }

    .sponsers1 .wrapper1 {
        width: 43%;
    }

    .sponsers1 .wrapper2 {
        width: 43%;
    }

    .sponsers1 .wrapper3 {
        width: 43%;
    }

    .sponsers1 .wrapper4 {
        width: 43%;
    }

    .sponsers .top {
        width: 100%;
        text-align: center;
        font-size: 2.5rem;
        color: #000;
        font-weight: bold;
        margin-top: 80px;
    }

    .sponsers .top1 {
        width: 100%;
        text-align: center;
        font-size: 2.5rem;
        color: #000;
        font-weight: bold;
        margin-top: 120px;
    }

    .sponsers .items {
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .sponsers .item {
        display: flex;
        width: inherit;
        flex-direction: column;
        margin-top: 60px;

    }

    .sponsers .title {
        position: relative;
        font-size: 1.4rem;
        font-weight: bold;
        color: #9b3606;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
        /* 0530 */
        text-align: center;
    }

    .sponsers1 .top {
        font-size: 2rem;
    }

    .sponsers .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: 10px;
        width: 68px;
        height: 3px;
        /* background-color: #000; */
    }

    .sponsers .s-logos {
        display: flex;
        flex-direction: row;
        /* justify-content: flex-start; */
        /* 0530 */
        justify-content: space-around;
    }

    .sponsers .logo {
        display: flex;
        width: 120px;
        height: 90px;
        background-color: #fff;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        /* margin-right: 70px; */
    }

    .sponsers img {
        /* width: 150px; */
        width: inherit;
    }

    .sponsers .name {
        font-size: 1.5rem;
        color: #000;
    }

    .zhongtu {
        width: 200px !important;
    }

    .ea {
        width: 70px !important;
    }

    .download {
        display: flex;
        width: 100%;
        background-color: #f7f7f7;
        justify-content: center;
        margin-top: 100px;
        padding-bottom: 50px;
        padding-top: 20px;
    }

    .download .wrapper {
        width: 90%;
        height: 200px;
    }

    .download .head {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

    .download .title {
        position: relative;
        font-size: 2rem;
        text-align: left;
        padding: 20px 0 20px 0;
        margin-top: 30px;
        /* background-color: #5956a5; */
    }

    .download .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: 10px;
        width: 50px;
        height: 3px;
        background-color: #eb6100;
    }

    .download-files {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        margin-top: 30px;
    }

    .file {
        color: #101010;
        margin-right: 25px;
        background: url(../image/download.png) no-repeat right;
        padding-right: 21px;
        font-size: 1.2rem;
        cursor: pointer;
        background-size: contain;
    }

    /* .file a { */
    /* color: #848484; */
    /* font-size: 1.2rem; */
    /* } */
}


@media only screen and (max-width: 750px) {
    main {
        display: none;
    }

    main-m {
        display: block;
    }

    .w {
        display: flex;
        position: relative;
        width: 100vw;
        height: 100vh;
        background-color: #5956a5;
        margin-top: -70px;
    }

    .w1 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        z-index: 0;
    }

    .img1 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        transition: opacity 500ms linear 0s;
        opacity: 1;
    }

    .img2 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        transform: translateZ(0px);
        transition: opacity 250ms linear 0s;
        will-change: opacity;
        opacity: 1;
    }

    .w2 {
        position: absolute;
        left: 0;
        /* bottom: 50%; */
        bottom: 44%;
        width: 55vw;
        height: 50px;
        line-height: 50px;
        background-color: #e76000;
        text-align: right;
        padding-right: 30px;
        font-size: 2rem;
        color: #fff;
        font-weight: bold;
        opacity: .8;
    }

    .w3 {
        position: absolute;
        left: 10vw;
        width: 80vw;
        bottom: 34%;
        height: 60px;
        line-height: 60px;
        text-align: right;
        font-size: 2.2rem;
        color: #fff;
        font-weight: bold;
        letter-spacing: .3rem;
    }

    .wm11 {
        position: absolute;
        left: 49vw;
        bottom: 34%;
        width: 181px;
        height: 15px;
        background: url(../image/CFATeamChina1.png) no-repeat center;
        background-size: 100%
    }

    .wm21 {
        position: absolute;
        right: 3vw;
        bottom: 38%;
        width: 180px;
        height: 29px;
        background: url(../image/CFACup1.png) no-repeat center;
        background-size: 100%;
    }

    .wm31 {
        position: absolute;
        right: 0vw;
        bottom: 34%;
        width: 250px;
        height: 22px;
        background: url(../image/CFASuperCup1.png) no-repeat center;
        background-size: 85%;
    }

    .wm41 {
        position: absolute;
        right: 2vw;
        bottom: 33%;
        width: 122px;
        height: 30px;
        background: url(../image/CWSL1.png) no-repeat center;
        background-size: 70%;
    }

    .wm51 {
        position: absolute;
        right: 2vw;
        bottom: 31.5%;
        width: 222px;
        height: 60px;
        background: url(../image/5.png) no-repeat center;
        background-size: 35%;
    }

    .w4 {
        position: absolute;
        right: 10px;
        bottom: 5%;
        width: 63vw;
        height: 50px;
        line-height: 50px;
        background: rgba(0, 0, 0, .7);
        text-align: center;
        font-size: 1rem;
        color: #fff;
        font-weight: bold;
        border-bottom: 2px solid #fff;
    }

    .w5 {
        position: absolute;
        right: 10px;
        bottom: 12%;
        width: 63vw;
        height: 50px;
        line-height: 50px;
        background: rgba(0, 0, 0, .7);
        text-align: center;
        font-size: 1rem;
        color: #fff;
        font-weight: bold;
        /* opacity: .8; */
        border-bottom: 2px solid #fff;
        /* text-decoration: underline; */
    }

    .w6 {
        position: absolute;
        right: 10px;
        bottom: 15%;
        width: 63vw;
        height: 50px;
        line-height: 50px;
        background: rgba(0, 0, 0, .7);
        text-align: center;
        font-size: 1.3rem;
        color: #fff;
        font-weight: bold;
        /* opacity: .8; */
        border-bottom: 2px solid #fff;
        /* text-decoration: underline; */
    }


    /* intro-w */
    .intro-w {
        display: flex;
        width: 100%;
        padding: 30px 0 10px 0;
        justify-content: center;
    }

    .intro-w .wrapper {
        display: flex;
        width: 100%;
        /* height: 600px; */
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .intro-w .item {
        width: 100%;
        padding: 0 5%;
    }

    .item .logo-cfa {
        width: 96px;
        height: 141px;
        background: url(../image/logo_cfa.png) no-repeat center;
        background-size: 100%;
        margin: 0 auto;
    }

    .item .logo-zuxiebei {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .item .gameforall {
        width: 225px;
        height: 42px;
        background: url(../image/gamforall.png) no-repeat center;
        background-size: 100%;
        margin-left: 30px;
    }

    .item .logo-cfa-cup {
        width: 95px;
        height: 147px;
        background: url(../image/logo_cfa_cup.png) no-repeat center;
        background-size: 100%;
        margin: 0 auto;
    }

    .item .logo-cfa-w {
        width: 300px;
        height: 136px;
        background: url(../image/logo_cfa_w.png) no-repeat center;
        background-size: 80%;
        margin-left: -35px;
        margin: 0 auto;
    }

    .item .logo-cfa-supercup {
        width: 256px;
        height: 139px;
        background: url(../image/logo_cfa_supercup.png) no-repeat center;
        background-size: 100%;
        margin: 0 auto;
    }

    .item .p {
        /* font-size: 1.3rem; */
        /* font-size: 1.4rem; */
        font-size: 1.2rem;
        color: #3b3a3a;
        line-height: 2.2rem;
        letter-spacing: 1px;
    }

    .item .p1 {
        margin-top: 30px;
        /* margin-left: -10px; */
    }

    .item .p1-2 {
        margin-top: 30px;
        /* margin-left: -10px; */
    }


    .item .p2 {
        margin-top: 30px;
    }

    .item .p3 {
        margin-top: 30px;
    }

    .item .btn-link-cfa {
        width: 166px;
        height: 40px;
        line-height: 34px;
        border: 2px solid rgb(235, 97, 0);
        font-size: 1.3rem;
        text-align: left;
        background: url(../image/right_white_30.png) 90% 54% / 11% no-repeat rgb(235, 97, 0);
        padding-left: 20px;
        font-weight: 500;
        color: rgb(255, 255, 255);
        margin: 0 auto;
        margin-top: 50px;
        background-size: 8%;
        cursor: pointer;
    }

    .intro-w .title {
        position: relative;
        font-size: 1.4rem;
        font-weight: bold;
        height: 40px;
    }

    .intro-w .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: 10px;
        width: 40px;
        height: 1px;
        background-color: #000;
    }


    .intro-w strong {
        /* font-size: 1.9rem; */
        /* font-size: 1.5rem; */
        font-size: 1.4rem;
    }

    .intro-w s {
        font-size: 0.8rem;
    }

    .p4 {
        position: relative;
        margin-top: 15px;
        margin-left: 15px;
    }

    .p5 {
        position: relative;
        margin-top: 15px;
        margin-left: 15px;
    }


    .p6 {
        position: relative;
        margin-top: 15px;
        margin-left: 15px;
    }

    .level1::before {
        content: '';
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        top: 14px;
        left: -15px;
        border-radius: 50%;
    }

    .level1::before {
        background: #3b3a3a;
    }

    /* 中国之队 */
    .item .title1 {
        position: relative;
        font-size: 1.4rem;
        font-weight: bold;
        height: 40px;
        margin-top: 40px;
    }

    .item .title1::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: 10px;
        width: 40px;
        height: 1px;
        background-color: #000;
    }

    .p7 {
        position: relative;
        margin-top: 15px;
        margin-left: 5px;
    }

    .p8 {
        position: relative;
        margin-top: 15px;
        margin-left: 15px;
    }

    .level2::before {
        content: '';
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        top: 14px;
        left: -5px;
        border-radius: 50%;
    }

    .level2::before {
        background: #3b3a3a;
    }


    .m-logo {
        display: flex;
        width: 100%;
        /* height: 150px; */
        flex-direction: row;
        justify-content: center;
        margin-top: 30px;
    }

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

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

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

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

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

    .m-logo .icon-dongqiudi {
        width: 70px;
        /* height: 40px; */
        background: url(../image/dongqiudi1.png) no-repeat center;
        background-size: contain;
        margin-top: 3px;
        margin-left: 7px;
    }

    .m-logo .icon-zhifubao {
        width: 50px;
        height: 50px;
        background: url(../image/zhifubao1.png) no-repeat center;
        background-size: 65%;
        /* margin-left: 8px; */
    }

    .m-logo .icon-xiaohongshu {
        /* width: 120px;
        background: url(../image/xiaohongshu1.png) no-repeat center;
        background-size: 45%;
        margin-left: -30px; */

        width: 70px;
        height: 50px;
        background: url(../image/xiaohongshu1.png) no-repeat center;
        background-size: 76%;
        margin-left: 2px;
    }

    .popup {
        position: fixed;
        width: 80vw;
        height: 50vh;
        margin: 0 auto;
        background-color: #e76000;
        z-index: 9999;
    }




    /* news-list */

    .news-list {
        display: flex;
        width: 100%;
        padding: 40px 0 50px 0;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .news-list .wrapper {
        display: flex;
        width: 90%;
        flex-direction: column;
    }

    .news-list .item {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 10px 0 10px 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 15px;
    }

    .news-list .news-list-item {
        font-size: 1.3rem;
        color: #3b3a3a;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 65vw;
        white-space: nowrap;
    }

    .news-list .news-list-date {
        font-size: 1.2rem;
        color: #3b3a3a;
    }

    /* pics */
    .pics {
        display: flex;
        width: 100%;
        /* background-color: #f7f7f7; */
        justify-content: center;
        padding: 0 0 60px 0;
    }

    .pics .wrapper {
        display: flex;
        width: 90vw;
        flex-direction: column;
    }

    .pics .head {
        display: flex;
        flex-direction: row;
        width: 100%;
        /* justify-content: space-between; */
        justify-content: center;
    }

    .pics .title {
        position: relative;
        /* font-size: 2rem; */
        font-size: 1.4rem;
        text-align: center;
        padding: 0px 0 20px 0;
        margin-top: 30px;
        font-weight: bold;
    }

    .pics .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: 10px;
        width: 100%;
        height: 3px;
        background-color: #eb6100;
    }

    .pics .arrow {
        width: 50%;
    }

    .pics img {
        width: 100%
    }

    .pics .items {
        display: flex;
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 20px;
    }

    .pics .item {
        width: 100%;
    }



    .out_container1 {
        width: 100%;
        height: auto;
        margin-top: -70px;
        position: relative;
        /* outline: 1px solid black; */
        padding-top: 100px;
    }

    .swiper {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .swiper_btn1 {
        width: 20px !important;
        height: 20px;
        background-size: contain;
    }

    .swiper-button-prev {
        position: absolute;
        left: 86vw !important;
        top: 50px !important;
    }

    .swiper-button-next {
        position: absolute;
        right: .5em !important;
        top: 50px !important;
    }

    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 1.8rem !important;
        background-color: #eee;
        padding: .8vw .5vw !important;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


    /* 视频合集 */
    .f-videos {
        display: flex;
        width: 100%;
        background-color: #f7f7f7;
        justify-content: center;
        padding: 0 0 80px 0;
    }

    .f-videos .wrapper {
        display: flex;
        width: 90vw;
        /* height: 600px; */
        flex-direction: column;
        /* background-color: #5956a5; */
    }

    .f-videos .head {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

    .f-videos .title {
        position: relative;
        font-size: 2rem;
        text-align: left;
        padding: 20px 0 20px 0;
        margin-top: 30px;
    }

    .f-videos .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: 10px;
        width: 50px;
        height: 3px;
        background-color: #eb6100;
    }

    .video-title {
        /* font-size: 1.4rem; */
        /* font-weight: bold; */
        font-size: 1.2rem;
        margin-top: 15px;
    }

    .video-box {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        /* margin-top: 30px; */
    }

    .video-js {
        /* width: 43.5vw; */
        /* height: 77.333vw; */
        width: 90vw;
        height: 50.63vw;
        margin-top: 30px;
    }

    .video-js {
        /* 给.video-js设置字体大小以统一各浏览器样式表现，因为video.js采用的是em单位 */
        font-size: 14px;
    }

    .video-js button {
        outline: none;
    }

    .video-js.vjs-fluid,
    .video-js.vjs-16-9,
    .video-js.vjs-4-3 {
        /* 视频占满容器高度 */
        height: 100%;
        background-color: #161616;
    }

    .vjs-poster {
        background-color: #161616;
    }

    .video-js .vjs-big-play-button {
        line-height: 2.3em !important;
        height: 2.5em !important;
        width: 2.5em !important;
        -webkit-border-radius: 2.5em !important;
        -moz-border-radius: 2.5em !important;
        border-radius: 2.5em !important;
        background-color: rgba(115, 133, 159, .5) !important;
        border-width: 0.16em !important;
        margin-left: calc(20vw - 50px) !important;
        margin-top: calc(11.25vw - 50px) !important;
        background: url(../image/播放_play-one.png) no-repeat center;
        background-size: 50%;
    }

    /* .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before {
        content: none !important;
    } */

    .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        content: none !important;
    }

    .video-js.vjs-paused .vjs-big-play-button {
        /* 视频暂停时显示播放按钮 */
        display: block;
    }

    .video-js.vjs-error .vjs-big-play-button {
        /* 视频加载出错时隐藏播放按钮 */
        display: none;
    }

    .vjs-loading-spinner {
        /* 加载圆圈 */
        font-size: 2.5em !important;
        width: 2em !important;
        height: 2em !important;
        border-radius: 1em !important;
        margin-top: -1em !important;
        margin-left: -1.5em !important;
    }

    .video-js .vjs-control-bar {
        /* 控制条默认显示 */
        display: flex;
    }

    .video-js .vjs-time-control {
        display: block;
    }

    .video-js .vjs-remaining-time {
        display: none;
    }

    .vjs-button>.vjs-icon-placeholder:before {
        /* 控制条所有图标，图标字体大小最好使用px单位，如果使用em，各浏览器表现可能会不大一样 */
        font-size: 22px;
        line-height: 1.9;
    }

    .video-js .vjs-playback-rate .vjs-playback-rate-value {
        line-height: 2.4;
        font-size: 18px;
    }

    /* 进度条背景色 */
    .video-js .vjs-play-progress {
        color: #ffb845;
        background-color: #ffb845;
    }

    .video-js .vjs-progress-control .vjs-mouse-display {
        background-color: #ffb845;
    }

    .vjs-mouse-display .vjs-time-tooltip {
        padding-bottom: 6px;
        background-color: #ffb845;
    }

    .video-js .vjs-play-progress .vjs-time-tooltip {
        display: none !important;
    }


    .video-js .vjs-big-play-button {
        width: 12vw !important;
        height: 12vw !important;
        top: 75px !important;
        left: 32vw !important
    }


    /* sponsors */
    .sponsers {
        display: flex;
        width: 100%;
        /* background-color: #5956a5; */
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .sponsers .wrapper {
        display: flex;
        width: 100%;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .sponsers1 {
        flex-direction: row !important;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: flex-start;
    }

    .sponsers1 .wrapper1 {
        width: 100%;
        /* background-color: #f3f7fe; */
    }

    .sponsers1 .wrapper2 {
        width: 100%;
    }

    .sponsers1 .wrapper3 {
        width: 100%;
    }

    .sponsers1 .wrapper4 {
        width: 100%;
    }

    .sponsers .top {
        width: 100%;
        text-align: center;
        /* font-size: 2rem; */
        font-size: 1.4rem;
        color: #101010;
        font-weight: bold;
        margin-top: 10px;
    }

    .sponsers .top1 {
        width: 100%;
        text-align: center;
        font-size: 2.5rem;
        color: #000;
        font-weight: bold;
        margin-top: 120px;
    }

    .sponsers .items {
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .sponsers .item {
        display: flex;
        width: 100%;
        flex-direction: column;
        margin-top: 60px;
        align-items: center;
    }

    .sponsers .title {
        position: relative;
        /* font-size: 1.4rem; */
        font-size: 1.2rem;
        font-weight: bold;
        color: #9b3606;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
        text-align: center;
    }

    .sponsers1 .top {
        /* font-size: 2rem; */
        font-size: 1.4rem;
    }

    .sponsers .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: 10px;
        width: 68px;
        height: 3px;
        /* background-color: #000; */
    }

    .sponsers .s-logos {
        width: 80%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        /* justify-content: space-between; */
        justify-content: center;
    }

    .sponsers .logo {
        display: flex;
        width: 50%;
        height: 90px;
        background-color: #fff;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        /* margin-right: 70px; */
    }

    .sponsers img {
        /* width: 150px; */
        width: inherit;
    }

    .sponsers .name {
        font-size: 1.5rem;
        color: #000;
    }

    /* .zhongtu {
        width: 200px !important;
    } */

    .ea {
        width: 70px !important;
    }


    .download {
        display: flex;
        width: 100%;
        background-color: #f7f7f7;
        justify-content: center;
        margin-top: 100px;
        padding-bottom: 50px;
        padding-top: 20px;
    }

    .download .wrapper {
        width: 90%;
        height: 200px;
    }

    .download .head {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

    .download .title {
        position: relative;
        /* font-size: 2rem; */
        font-size: 1.4rem;
        text-align: left;
        padding: 20px 0 20px 0;
        margin-top: 10px;
        /* background-color: #5956a5; */
    }

    .download .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: 10px;
        width: 50px;
        height: 3px;
        background-color: #eb6100;
    }

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

    .file {
        margin-right: 25px;
        background: url(../image/download.png) no-repeat right;
        /* padding-right: 21px; */
        margin-top: 10px;
        background-size: contain;
        line-height: 20px;
        margin-top: 9px;
        font-size: 1.2rem;
        color: #101010;
    }

    .file a {
        color: #101010;
        font-size: 1.2rem;
    }
}