/* 移动端自适应 */
@media screen and (max-width:1024px){
	html,body{
		overflow:hidden;
		overflow-y:auto;
	}
	body {
		background-image:url('../images/bg_m.jpg');
	}

	body{
		max-width:10.24rem;
		margin:0 auto;
	}
	body *{
		max-width:10.24rem;
	}

    #menu{
        top:0;
        left:0;
        width:7.5rem;
        height:10.6rem;
        background:url('../images/t_bg_m.png') no-repeat 50%/100% 100%;
    }
    #menu .imgGif{
        top:0;
        left:0;
        width:100%;
        height:100%;
        -webkit-mask:url('../images/t_mask_m.png') no-repeat 50%/100% 100%;
        mask:url('../images/t_mask_m.png') no-repeat 50%/100% 100%;
    }
    .menu{
        background:url('../images/t_b_m.png') no-repeat 50%/100% 100%;
    }
    .menu li{
        top:1.76rem;
        right:0.63rem;
    }
    .menu li:nth-of-type(2){top:2.77rem; right:0.3rem;}
    .menu li:nth-of-type(3){top:3.83rem; right:0.17rem;}
    .menu li:nth-of-type(4){top:4.87rem; right:0.2rem;}
    .menu li:nth-of-type(5){top:5.97rem; right:0.43rem;}

    .menu_xdd{bottom:0; left:0.2rem; width:70vw; height:85vh;}
    .menu_xdd img:first-child{width:40%!important;}
    .menu_xdd img:last-child{width:90%!important;}

    .btn{display:none;}
    .copyright{
        position:absolute;
        bottom:0.1rem;
        right:0.1rem;
        width:2.22rem;
        height:0.78rem;
        background:url('../images/copyright_m.png') no-repeat 50% / 100% 100%;
    }

    #pageContain{
        position:relative;
        top:unset;
        left:unset;
        margin:0 auto;
        width:98%;
        overflow:hidden;

        display:none;
    }

    .xw_txt,.xw_pic{line-height:1.8;}
    .xw_txt i,.xw_pic i{
        font-size:0.24rem;

        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
    }
    .xw_txt h1,.xw_txt h2,.xw_pic h1,.xw_pic span h1{
        font-size:0.3rem;
    
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .xw_pic span h1 a{
        white-space:normal;

        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
    }
    .xw_txt dt,.xw_txt dd{width:100%; padding-bottom:0.1rem;}

    .xw_pic dt img{width:40vw; object-fit:cover;}
    .xw_pic dt{flex-direction:row!important;}
    .xw_pic dt span{margin:0; margin-left:0.2rem!important;}

	.flex-30,.flex-40,.flex-1,.flex-2>*,.flex-3>*,.flex-4>*,.flex-5>*{width:100%; padding:0.1rem 0;}

    .page-m{height:100%; background:none;}

    .page3 .flex-2>*{padding:0.1rem;}

	.swiper-container{width:100%!important; height:100%;}
    .swiper-slide h1{font-size:0.3rem!important;}
    .swiper-button-prev,
    .swiper-button-next{
        --swiper-navigation-size:0.44rem!important;
        --swiper-navigation-color:#fff!important;
    }
	.swiper3{width:100%;}
    .swiper3 .swiper-container{padding:0;}

    .swiper5{height:3.7rem;}
}

/* 平板 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
    .menu_xdd{width:50vw; height:95vh;}
    .menu_xdd img:first-child{width:50%!important;}
    .menu_xdd img:last-child{width:100%!important;}
}
/* 全面屏手机 */
@media screen and (max-aspect-ratio: 9/16.11111) {
    .menu_xdd{height:90vh;}
    .menu_xdd img:first-child{width:50%!important;}
    .menu_xdd img:last-child{width:100%!important;}
}