@charset "utf-8";
@media (min-device-width:320px) and (max-width:689px),(max-device-width:480px){
	body {
		overflow-x: hidden
	}
    .main, .w1200 {
        width: 10rem;
    }
    .title {
        display: none;
    }
    .mobile {
        display: block;
    }
    .play-top {
        background: url(../images/topbgm.jpg) no-repeat top center;
        background-size: 100% auto;
    }
    .play-top .top-h {
        height: 5.96rem;
    }
    .play-top .video {
        background: url(../images/vbgm.png) no-repeat;
        width:7.933333333333334rem;
        height:4.706666666666667rem;
        background-size: 100% auto;
    }
    .play-top .video video {
        width:7.746666666666667rem;
        height:4.506666666666667rem;
        margin-left: 0;
        margin-top: 0;
    }
	/* p1 */
    .play-p1 {
        margin-top: 0.9333333333333333rem;
    }
    .play-p1 .swiper-container {
        height: 4.746666666666667rem;
    }
    .play-p1 .swiper-container .swiper-slide img {
        height: 100%;
    }
    .play-p1 .swiper-button-prev,
    .play-p1 .swiper-button-next {
        top: 2.4933333333333334rem;
        background-size: 50% auto;
    }
    .play-p1 .swiper-button-next {
        right: -12%;
    }
	
	/* p2*/
    .play-p2 {
        margin-top: 0.9333333333333333rem;
    }

    .play-p2 .list {
        width: 9.2rem;
        margin-top: 40px;
    }

    .play-p2 .list li {
        margin-left: 8px;
    }

    .play-p2 .list li,
    .play-p2 .list li img {
        width:4.466666666666667rem;
        height:2.506666666666667rem;
    }

    .play-p2 .list li:nth-child(2n+1) {
        margin-left: 0px;
    }

    .play-p2 .list li div.txt {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
	/* footer */
    .footer {
        margin-top: 0.9666666666666666rem;
        background: url(../images/footm.jpg) no-repeat;
        background-size: 100% auto;
        height: auto;
        padding-top: 3.6rem;
        padding-bottom: 0.5rem;
    }
    .footer .pic {
        padding-bottom: 0.3rem;
    }
    .footer .pic img {
        width: 8%;
        height: auto;
    }
}