.m-banner {
    display: none;
    margin-bottom: 20px;
}

@media (max-width: 767px) {

    .hotCon,
    .hotList {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    body {
        min-width: auto;
    }

    .mainFooter .footerCont {
        width: 100%;
    }

    .main,
    .film_focus {
        width: 100%;
    }

    .hotCon .listPic {
        width: 100%;
        height: 2rem;
    }

    .hotCon .listPic img {
        height: 2rem !important;
    }

    img {
        width: 100% !important;
        height: auto !important;
    }

    .hotCon ul {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0;
        justify-content: space-between;
		width:100%;
    }

    .hotCon {
        padding: 0 .24rem;
    }

    .hotCon .topic {
        margin-bottom: 0;
    }

    .hotCon li {
        width: 48%;
        height: auto;
        margin-left: 0;
        margin-bottom: .3rem;
    }

    .hotList {
        margin-bottom: 0.3rem;
        padding: 0 .24rem;
    }

    .hotList ul li {
        width: 100%;
        font-size: .3rem;
        line-height: .38rem;
    }

    .film_focus {
        display: none;
    }

    .banner {
        display: none;
    }

    .m-banner {
        display: block;
    }

    .tout {
        margin: 0 .24rem;
    }

    h1 .title {
        font-size: .36rem;
        line-height: .42rem;
    }

    .tout p {
        font-size: .28rem;
        margin: .35rem 0;
    }

    .topic {
        font-size: 0.36rem;
        line-height: 0.95rem;
        margin-bottom: .4rem;
    }

    .hotCon .title a {
        font-size: .3rem;
        line-height: 1.5;
    }

    .hotCon .list-sourth {
        font-size: .24rem;
		line-height:.24rem;
		height:.24rem;
		overflow:hidden;
		margin-bottom:0.12rem;
    }

    .slider-box {
        display: block !important;
        height: 4.5rem;
        overflow: hidden;
    }

    .slider-box img {
        display: block;
        height: 100%;
        width: 100%;
    }

    .mySwiper {
        height: 100%;
        position: relative;
    }

    .mySwiper .swiper-pagination {
        width: auto;
        left: auto;
        bottom: .2rem;
        right: .2rem;
        font-size: .28rem;
        color: #fff;
    }

    .mySwiper .swiper-pagination-current {
        color: red;
    }

    .mySwiper .swiper-slide {
        position: relative;
    }

    .mySwiper .swiper-slide img {
        height: 100% !important;
    }

    .mySwiper .swiper-slide .bg {
        position: absolute;
        height: 80px;
        background-image: linear-gradient(to bottom, transparent, #000);
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 70;
    }

    .mySwiper .swiper-slide p {
        position: absolute;
        left: 0;
        bottom: 0;
        font-size: .3rem;
        height: 40px;
        line-height: 40px;
        width: 100%;
        padding: 0 18px;
        z-index: 9;
        padding-bottom: 10px;
        z-index: 90;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #fff;
    }

    .mySwiper .swiper-slide p a {
        color: #fff;
    }
}

.slider-box {
    display: none;
}