/* 闪电猫移动端样式 */

@media screen and (max-width: 768px){
    .mob_show{
        display: block;
    }
	.pc_show{
		display: none;
	}
	/* banner */
	.banner_box_mb{
		width: 100%;
		height: 100vh;
		background-color: gainsboro;
        position: relative;
	}
    .banner_box_mb .banner_bk{
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }
    .banner_box_mb img:nth-of-type(2){
        position: absolute;
        top: 3rem;
        left: 50%;
        width: 4rem;
        transform: translate(-50%,0%)
    }
    .banner_title_mb{
        position: absolute;
        bottom: 28vh;
        display: flex;
        color: #fff;
        padding: 0 0.55rem;
        justify-content: space-between;
        width: 100%;
    }
    .banner_title_mb div{
        position: relative;
        font-size: .23rem;
    }
    .banner_title_mb div::after{
        content: '';
        display: block;
        width: 0.01rem;
        height: 0.24rem;
        background: rgba(255,255,255,0.2);
        position: absolute;
        top: 50%;
        right: -0.14rem;
        transform: translate(0%, -50%);
    }
    .banner_title_mb div:nth-last-of-type(1):after{
        width: 0px;
    }

	.btn_group_mb{
		width: 86%;
		margin-left: 7%;
		display: flex;
		/* justify-content: space-between; */
        justify-content: space-between;
		position: absolute;
		bottom: 18vh;
		z-index: 5;
	}
	.btn_group_mb .btn_min_mb{
		width: 3rem;
		height: 0.8rem;
		border: 1px solid #FFFFFF;
		line-height: 0.8rem;
		text-align: center;
		color: #fff;
	}
	.btn_group_mb .btn_min_mb:nth-of-type(1){
		color: #000;
		background: #fff;
	}
	
	/* 视频 */
	.video_mb{
		width: 100%;
		height: 200vh;
		position: relative;
	}
	.video_mb .video_text_sdm {
	    position: absolute;
	    bottom: 0rem;
	    left: 50%;
	    opacity: 0;
	    transition: all .5s;
        transform: translate(-50%, 0);

	}
	.video_mb .video_text_sdm.video_t_show{
		opacity: 1 !important;
	}
    .video_text_sdm.video_t_show{
        top: auto !important;
		bottom: 2rem !important;
    }
	.video_show_btn{
        width: 4.4rem;
        height: 0.76rem;
        background-color: rgba(0,0,0,.7);
        font-size: 0.25rem;
    }
    .video_text_sdm .video_show_btn img{
        width: 0.3rem;
    }
    .video_box_sdm video{
        transform: scale(1);
        position: absolute;
        top: 0;
        left: 0;
    }
    .video-cover-mb{
        position: absolute;
        top: 0;
        height: 100vh;
        width: 100%;
        object-fit: cover;
    }

	/* 封面 */
	.cover_outer_box{
		width: 100%;
		height: 150vh;
		position: relative;
	}
	.cover_outer_box .cover_box_mb{
		width: 100%;
		height: 100vh;
		position: sticky;
		top: 0;
	}
	.cover_outer_box .cover_box_mb img{
		width: 100%;
		height: 100vh;
		object-fit: cover;
	}
	.cover_outer_box .cover_box_mb .cover_text_group{
		position: absolute;
		bottom: 3rem;
		left: 50%;
		transform: translate(-50%,0%);
		text-align: center;
		opacity: 0;
		transition: all .6s ease-in-out;
		width: 90%;
	}
	.cover_outer_box .cover_box_mb .cover_text_group.cover_in{
		bottom: 1.8rem;
		opacity: 1;
	}
	.cover_outer_box .cover_box_mb .cover_text_group div:nth-of-type(1){
		font-size: 0.55rem;
		color: #fff;
        font-weight: 300;
	}
	.cover_outer_box .cover_box_mb .cover_text_group div:nth-of-type(2){
		color: rgba(255,255,255,0.85);
		margin-top: 0.17rem;
        line-height: .4rem;
        font-size: 0.24rem;
        width: 82%;
        margin-left: 9%;
	}
	.every_swiper_mb{
		width: 100%;
		height: 150vh;
		position: relative;
	}
	.every_swiper_mb .swiper-container{
		height: calc(100vh - 42pt);
		width: 100%;
		position: sticky;
		top: 43pt;
	}
	.every_swiper_mb .swiper-slide{
		background-color: #FFFFFF
	}
	.every_swiper_mb .swiper-slide img{
		width: 100%;
	}
	.every_swiper_mb .c_s_text{
		padding: 0.8rem 0.6rem;
	}
	.every_swiper_mb .c_s_text div:nth-of-type(1){
		font-size: 0.47rem;
        font-weight: 300;
        color: #1e1e1e;
	}
	.every_swiper_mb .c_s_text div:nth-of-type(2){
		margin-top: 0.4rem;
        line-height: .45rem;
        color: #444444;
	}
	.swiper-pagination-all{
		position: absolute;
		bottom: 2.5rem !important;
		z-index: 1;
		left: 0.6rem !important;
	}
	.swiper-pagination-bullet{
		background: transparent !important;
		width: 0.85rem;
		height: 17px;
		border-radius: 0px !important;
		opacity: 1;
	    position: relative;
	    border-bottom: 1px solid #b9b8b8 ;
		transition: 0s;
	}
	.swiper-pagination-bullet-active{
		background: #b9b8b8 !important;
		width: 0.85rem !important;
		height: 1px;
	}
	.swiper-pagination-bullet::after{
		content: '';
		display: block;
		width: 0rem;
		height: 1px;
		background-color: #333;
	    position: absolute;
	    bottom: -1px;
	}
	.swiper-pagination-bullet-active::after{
		width: 0.85rem;
		transition: 4s;
	}
    .swiper-pagination-mb1 .swiper-pagination-bullet, .swiper-pagination-mb1 .swiper-pagination-bullet-active, .swiper-pagination-mb1 .swiper-pagination-bullet-active::after{
        width: 0.8rem !important;
    }
    .swiper-pagination-mb2 .swiper-pagination-bullet, .swiper-pagination-mb2 .swiper-pagination-bullet-active, .swiper-pagination-mb2 .swiper-pagination-bullet-active::after{
        width: 1.36rem !important;
    }
    .swiper-pagination-mb3 .swiper-pagination-bullet, .swiper-pagination-mb3 .swiper-pagination-bullet-active, .swiper-pagination-mb3 .swiper-pagination-bullet-active::after{
        width: 1.9rem !important;
    }
    .swiper-pagination-mb4 .swiper-pagination-bullet, .swiper-pagination-mb4 .swiper-pagination-bullet-active, .swiper-pagination-mb4 .swiper-pagination-bullet-active::after{
        width: 1.36rem !important;
    }
    .swiper-pagination-mb42 .swiper-pagination-bullet, .swiper-pagination-mb42 .swiper-pagination-bullet-active, .swiper-pagination-mb42 .swiper-pagination-bullet-active::after{
        width: 1.9rem !important;
    }
    .swiper-pagination-mb5 .swiper-pagination-bullet, .swiper-pagination-mb5 .swiper-pagination-bullet-active, .swiper-pagination-mb5 .swiper-pagination-bullet-active::after{
        width: 1.36rem !important;
    }
	
	/* 更换颜色 */
	.color_box_mb{
		position: relative;
		height: 150vh;
	}
	.color_list_mb{
		position: sticky;
	    top: 0;
		width: 100%;
		height: 100vh;
	}
	.color_img_list{
		position: relative;
	}
	.color_img_list .img_height_change{
		position: absolute;
		top: 0rem;
		height: 100vh;
		width: 100%;
		transition: height 1s ease-in-out;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.color_img_list .img_height_change.C_active{
		height: 0vh;
	}
	.color_img_list .img_height_change img:nth-of-type(1){
		width: 100%;
		height: 100vh;
		object-fit: cover;
	}
	.color_img_list .img_height_change img:nth-of-type(2){
		width: 100%;
        height: auto;
		position: absolute;
		top: 5rem;
	}
	.color_img_list .img_height_change:nth-of-type(1){
		z-index: 3;
	}
	.color_img_list .img_height_change:nth-of-type(2){
		z-index: 2;
	}
	.color_img_list .img_height_change:nth-of-type(3){
		z-index: 1;
	}
	.color_img_list .img_height_change:nth-of-type(4){
		z-index: 0;
	}
	.color_button_change{
		position: absolute;
		z-index: 5;
		left: 50%;
		transform: translate(-50%, 0%);
		right: 1rem;
		top: auto;
		bottom: 2.8rem;
		display: flex;
		width: 68%;
		justify-content: space-between;
	}
	.color_min_tip{
		display: flex;
		flex-direction: column;
		align-items: center;
	    justify-content: center;
	    margin-top: 0rem;
	    cursor: pointer;
	}
	.color_min_tip:nth-of-type(1){
	    margin-top: 0rem;
	}
	.color_min_tip .min_border_box{
		width: 0.3rem;
		height: 0.3rem;
		position: relative;
	    margin-left: 0rem;
	}
	.min_cicle{
		position: absolute;
		top: 50%;
		left: 50%;
	    transform: translate(-50%,-50%);
		width: 0.35rem;
		height: 0.35rem;
		border-radius: 50px;
		transition: all .5s;
		cursor: pointer;
	    border: 1px solid rgba(255,255,255,0.2);
	}
	.color_active .min_cicle{
		transform: translate(-50%,-50%) scale(1);
		border: 1px solid rgba(255,255,255,1);
	}
    .color_min_tip:nth-of-type(1).color_active .min_cicle{
	    background-color: #121213;
	}
	.color_min_tip:nth-of-type(2).color_active .min_cicle{
	    background-color: #98a0ac;
	}
	.color_min_tip:nth-of-type(3).color_active .min_cicle{
	    background-color: #86829f;
	}
	.color_min_tip:nth-of-type(4).color_active .min_cicle{
	    background-color: #fff;
	}
	.color_min_tip:nth-of-type(5).color_active .min_cicle{
	    background-color: #d4bbc0;
	}
	.color_name{
		color: #FFFFFF;
		transition: all 1s;
	    opacity: 0.5;
	    font-size: 0.27rem;
		margin-top: 0.25rem;
	}
	.color_min_tip:nth-of-type(1).color_active .color_name{
	    color: #fff;
	    opacity: 1;
	}
	.color_min_tip:nth-of-type(2).color_active .color_name{
	    color: #fff;
	    opacity: 1;
	}
	.color_min_tip:nth-of-type(3).color_active .color_name{
		color: #fff;
	    opacity: 1;
	}
	.color_min_tip:nth-of-type(4).color_active .color_name{
		color: #fff;
	    opacity: 1;
	}
	.color_active .color_name{
		opacity: .7;
	}
	.color_top_text{
	    position: absolute;
	    top: 2.6rem;
	    z-index: 5;
	    left: 50%;
	    transform: translate(-50%, 0);
	    text-align: center;
	    color: #fff;
	}
	/* .color_top_text div:nth-of-type(1){
	    font-size: .2rem;
	} */
	.color_top_text div:nth-of-type(1){
	    font-size: 0.52rem;
	    margin-top: 0.3rem;
	    font-weight: 300;
	    letter-spacing: 4px;
	}
	.color_bottom_text{
	    position: absolute;
	    bottom: 4.8rem !important;
	    z-index: 5;
	    left: 50%;
	    transform: translate(-50%, 0);
	    text-align: center;
	    color: #fff;
	    display: flex;
	    align-items: center;
	}
	.color_bottom_text .color_min_t{
	    font-size: 0.2rem;
	    letter-spacing: 3px;
	}
	.color_bottom_text .color_btn{
        width: 3.15rem;
        height: 0.8rem;
        font-size: .27rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        cursor: pointer;
        margin-top: 0rem;
        transition: all .3s;
        background-color: transparent;
        border: 0.02rem solid rgba(255,255,255,0.8);
        color: #fff;
	}
	.color_bottom_text .color_btn:hover{
	    border: 0.02rem solid rgba(255,255,255,1);
	}
	.color_bottom_text .color_btn::after{
	    position: absolute;
	    height: 2px;
	    width: 100%;
	    content: '';
	    display: block;
	    left: 0;
	    bottom: 0;
	    transition: all .5s;
	    background-color: #fff;
	    transform: scale(0,1);
	}
	.color_bottom_text .color_btn:hover::after{
	    transform: scale(1,1);
	}
    .color_bottom_text .color_btn_1{
        width: 3.15rem;
        height: 0.8rem;
        border: none;
        color: #47434a;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        cursor: pointer;
        background-color: #fff;
        margin-top: 0rem;
        transition: all .3s;
        font-size: .27rem;
    }
    .color_bottom_text .color_btn_1:hover{
        background: #f1eff2;
    }
    .color_bottom_text .color_btn_1::after{
        position: absolute;
        height: 2px;
        width: 100%;
        content: '';
        display: block;
        left: 0;
        bottom: 0;
        transition: all .5s;
        background-color: #fff;
        transform: scale(0,1);
        border:0.01rem solid #fff;
    }
    .color_bottom_text .color_btn_1:hover::after{
        transform: scale(1,1)
    }
	
	.eng_style{
		font-size: 0.18rem;
		font-weight: bold;
		opacity: .3;
	}

    /* 视频弹层 */
    .video_full_mb{
        position: fixed;
        top: 0;
        width: 100%;
        height: 100vh;
        background: #000;
        z-index: 201;
        display: none;
    }
    .video_full_mb .video_full_m{
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }
    .video_full_mb .shut_down_btn{
        position: absolute;
        top: 1rem;
        right: 0.5rem;
        width: 1rem;
        height: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 50;
    }
    .video_full_mb .shut_down_btn img{
        width: 0.35rem;
    }
    .none-imp{
        display: none !important;
    }

    /* 备注 */
    .sl_remarks_mb{
        margin-top: 0.2rem;
        color: gray;
        text-align: left;
        font-size: 12px;
    }

    /* 购车政策 */
    .buy_policy_mb{
        height: 150vh;
        position: relative;
    }
    .img_buy_policy_mb{
        width: 100%;
        height:100vh;
        position: sticky;
        top: 0;
    }
    .img_buy_policy_mb img{
        width: 100%;
        height:100vh;
        object-fit: cover;
    }


    /* 参数配置 */
    .config_box_mb{
        position: sticky;
        top: 0;
        height: 100vh;
    }
    .config_box_mb img{
        width: 100%;
    }
    .config_deatail_mb{
        padding: 0.6rem 0.5rem 0.8rem;
    }
    .config_title_mb{
        font-size: 0.55rem;
        font-weight: 300;
        margin-bottom: 0.5rem;
        text-align: center;
    }
    .min_detail_mb{
        display: flex;
        justify-content: space-between;
    }
    .con_left_box_mb{
        border-right: 1px solid #f1f1f1;
        padding-right: 0.2rem;
    }
    .con_right_box_mb{
        padding-left: 0.6rem;
    }
    .con_left_box_mb,.con_right_box_mb{
        width: 48%;
    }
    .config_min_mb_1 div:nth-of-type(1){
        font-size: 0.25rem;
        color: #7e7e7e;
    }
    .config_min_mb_1 div:nth-of-type(2){
        font-size: 0.3rem;
        font-weight: bold;
        margin-top: 0.1rem;
    }
    .config_min_mb_2 div:nth-of-type(1),.config_min_mb_3 div:nth-of-type(1),.config_min_mb_4 div:nth-of-type(1){
        font-size: 0.25rem;
        font-weight: 300;
    }
    .config_min_mb_2 div:nth-of-type(2),.config_min_mb_3 div:nth-of-type(2),.config_min_mb_4 div:nth-of-type(2){
        font-size: 0.44rem;
        margin-top: 0.1rem;
        font-weight: 300;
    }
    .config_min_mb_2,.config_min_mb_3,.config_min_mb_4{
        margin-top: 0.18rem;
        font-size: 0.25rem;
        font-weight: 300;
    }
    .config_min_mb_2{
        margin-top: 0.4rem;
    }
    .config_min_mb_2 span{
        font-size: 0.25rem;
    }
    .config_btn_mb{
        height: .8rem;
        width: 100%;
        border: .01rem solid #000;
        color: #000;
        font-size: .26rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        cursor: pointer;
        background-color: #fff;
        margin-top: 0.7rem;
        transition: all .3s;
        left: 50%;
        transform: translate(-50%, 0%);
    }
    .config_btn_mb::after{
        position: absolute;
        height: 2px;
        width: 100%;
        content: '';
        display: block;
        left: 0;
        bottom: 0;
        transition: all .5s;
        background-color: #000;
        transform: scale(0,1);
    }
    .config_btn_mb:hover::after{
        transform: scale(1,1)
    }


    /* 卖点视频弹层 */
    .video_full_mb_2{
        position: fixed;
        top: 0;
        width: 100%;
        height: 100vh;
        background: #000;
        display: none;
        z-index: 9999999;
    }
    .video_full_mb_2 .video_mm2{
        width: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .video_full_mb_2 .shut_down_btn_2{
        position: absolute;
        top: 1rem;
        right: 0.5rem;
        width: 1rem;
        height: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
    }
    .video_full_mb_2 .shut_down_btn_2 img{
        width: 0.35rem;
    }



    /* 2023-09-25新增 */
    .every_swiper_mb .swiper-slide .mb_video_cover{
        position: relative;
    }
    .every_swiper_mb .swiper-slide .mb_video_cover img{
        width: 100%;
        position: relative;
        z-index: 1;
    }
    .every_swiper_mb .swiper-slide .mb_video_cover video{
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        opacity: 0;
        pointer-events: none;
    }
    .every_swiper_mb .swiper-slide-active .mb_video_cover video{
        opacity: 1;
        pointer-events: auto;
    }
    .s5_video_btn_mb, .s5_video_btn_2{
        display: flex;
        align-items: center;
        background: #000;
        width: 3.5rem;
        height: 0.85rem;
        justify-content: center;
        margin-top: 0.5rem;
        cursor: pointer;
        opacity: 0.8;
        transition: all .5s;
    }
    .s5_video_btn_mb:hover, .s5_video_btn_2:hover{
        opacity: 1;
    }
    .s5_video_btn_mb div, .s5_video_btn_2 div{
        font-size: 0.22rem !important;
        color: #fff !important;
    }
    .s5_video_btn_mb img, .s5_video_btn_2 img{
        width:0.22rem !important;
        margin-left: 0.2rem;
    }
    .swiper-pagination-mb6 .swiper-pagination-bullet, .swiper-pagination-mb6 .swiper-pagination-bullet-active, .swiper-pagination-mb6 .swiper-pagination-bullet-active::after{
        width: 1.02rem !important;
    }
    .swiper-pagination-mb6,.swiper-pagination-mb5{
        bottom: 1rem !important;
    }


    

    nav {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        width: 100%;
        height: 0.93rem;
        display: none;
        align-items: center;
        justify-content: space-between;
        padding: 0 0.32rem;
        box-sizing: border-box;
        z-index: 400;
        opacity: 1;
    }

    .nav-active {
        display: flex !important;
    }

    nav .nav-box {
        background-color: rgba(255, 255, 255, 0.5);
        -webkit-backdrop-filter: saturate(180%) blur(30px);
        backdrop-filter: saturate(180%) blur(30px);
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        border-bottom: 1px solid #cec7c5;
    }

    nav .left {
        font-size: 0.29rem;
        color: #000;
    }

    nav .nav-mb-box {
        display: flex !important;
        align-items: center;
    }

    nav .nav-mb-box .down {
        width: 10px;
        height: 10px;
        border-bottom: 2px solid #111;
        border-right: 2px solid #111;
        transform: rotate(45deg);
        display: block;
        transition: all 0.3s;
    }

    nav .nav-mb-box .down-active {
        transform: rotate(-135deg);
    }

    nav .nav-mb-box .text {
        width: 1.08rem;
        height: 0.54rem;
        background: #000;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 0.21rem;
        margin-left: 0.4rem;
    }

    nav .right {
        font-size: 0.21rem;
        display: flex;
        align-items: center;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -2;
        transition: all 0.3s;
        background-color: rgba(255, 255, 255, 0.5);
        -webkit-backdrop-filter: saturate(180%) blur(30px);
        backdrop-filter: saturate(180%) blur(30px);
        opacity: 0;
    }

    nav .right.right-active {
        top: 0.93rem;
        opacity: 1;
    }

    nav .right ul {
        display: flex;
        align-items: center;
        height: 100%;
        overflow-x: auto;
        width: 100vw;
        padding-left: 0.5rem;
    }

    nav .right ul::-webkit-scrollbar {
        display: none;
    }

    nav .right ul li {
        color: #000;
        cursor: pointer;
        margin: 0;
        margin-right: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        font-size: 0.21rem;
        font-weight: 300;
        transition: all 0.3s;
        position: relative;
        flex: none;
    }

    nav .right ul li::after {
        position: absolute;
        height: 2px;
        width: 100%;
        content: "";
        display: none;
        left: 0;
        bottom: 0;
        transition: all 0.5s;
        background-color: #000;
        transform: scale(0, 1);
    }

    nav .right ul li:hover::after {
        transform: scale(1, 1);
    }

    nav .right ul li:nth-last-of-type(1) {
        width: 1.3rem;
        height: 0.4rem;
        background-color: #000 !important;
        border-radius: 0rem;
        display: none;
        align-items: center;
        justify-content: center;
        font-size: 0.16rem;
        color: #fff !important;
        text-align: center !important;
        padding: 0;
        margin: 0;
        margin-left: 0.4rem;
    }

    nav .right ul li:nth-last-of-type(1)::after {
        background-color: #fff;
    }



}