@charset "UTF-8";

html,
body,
#wrapper,
.index{width:100%; height:100%;}

.index{box-sizing:border-box; padding-top:70px; background:#f7f7f7;} 
.index a{color:#202020;}




/*新年动画*/
.index .new_year_banner{width:100%; height:100%; background:url(../img/index_2025/newyear/bg.jpg) 0 0/100% 100% no-repeat; overflow:hidden; position:relative;}
.index .year_anim{width:100%; height:100%; position:relative;}
.index .year_anim img{display:block; width:100%;}
.index .year_anim .ani_yanhua{width:100%; height:100%;}
.index .year_anim .ani_yanhua #fireworksCanvas{display:block; width:100%; height:100%;}
.index .year_anim .ani_yanhua canvas{will-change:transform;}

.index .year_anim .denglong{width:32%; position:absolute; top:-30px; right:0; z-index:1;
  animation:denglong 6s linear infinite both;
-webkit-animation:denglong 6s linear infinite both;
-webkit-transform-origin:center top;
  transform-origin:center top;

}

@-webkit-keyframes denglong {
  0% {-webkit-transform: rotate3d(0, 0, 1, 0deg);  transform: rotate3d(0, 0, 1, 0deg); }
  25% {-webkit-transform: rotate3d(0, 0, 1, 15deg);  transform: rotate3d(0, 0, 1, 15deg);}  
  50% {-webkit-transform: rotate3d(0, 0, 1, 0deg);  transform: rotate3d(0, 0, 1, 0deg);}
  75% {-webkit-transform: rotate3d(0, 0, 1, -15deg);  transform: rotate3d(0, 0, 1, -15deg);}  
  to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}  
}
@keyframes denglong {
  0% {-webkit-transform: rotate3d(0, 0, 1, 0deg);  transform: rotate3d(0, 0, 1, 0deg); }
  25% {-webkit-transform: rotate3d(0, 0, 1, 15deg);  transform: rotate3d(0, 0, 1, 15deg);}  
  50% {-webkit-transform: rotate3d(0, 0, 1, 0deg);  transform: rotate3d(0, 0, 1, 0deg);}
  75% {-webkit-transform: rotate3d(0, 0, 1, -15deg);  transform: rotate3d(0, 0, 1, -15deg);}  
  to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}  
}

.index .year_anim .txt{width:300px; position:absolute; top:43%; left:50%; transform:translate(-50%,-50%);}
.index .year_anim .txt>div{width:100%; opacity:0;} 
.index .year_anim .txt>div p{width:100%;}

.index .year_anim .txt .txt1{
  -webkit-animation:txtFade2 0.2s 0s linear both;
  animation:txtFade2 0.2s 0s linear both; 
}

.index .year_anim .txt .txt2{
  -webkit-animation:txtFade2 0.2s 0.1s linear both;
  animation:txtFade2 0.2s 0.1s linear both; 
}

@-webkit-keyframes txtFade2{
  from{opacity:0;}
  to{opacity:1;}
}

@keyframes txtFade2{
  from{opacity:0;}
  to{opacity:1;}
}


.index .new_year_banner .close{display:block; width:36px; box-sizing:border-box; padding:6px 6px 14px 14px; position:absolute; right:0px; top:0; z-index:10;}
.index .new_year_banner .close img{display:block; width:100%;}


/*===========新年之后的皮肤设置=============*/
.index .skin{width:100%; height:100%; background:url() 0 0/100% 100% no-repeat; overflow:hidden; position:relative;}
.index .skin .close{display:block; width:48px; padding:6px 6px 20px 20px; box-sizing:border-box; position:absolute; right:0px; top:0; z-index:10;}
.index .skin .close img{display:block; width:100%;}

.index .skin .month{width:100%; height:100%; position:relative;}
.index .skin img{display:block; width:100%;}

/*===========KV=============*/
.index .kv{width:100%; box-sizing:border-box;}
.index .kv .swiper-container,
.index .kv .swiper,
.index .kv .swiper-slide{width:100%; height:100%;}
.index .kv .swiper-slide img{display:block; width:100%;}
.index .kv .swiper-slide a{display:block; width:100%; height:100%;}

.index .kv .index_kv>.swiper-pagination-bullets, 
.index .kv .swiper-pagination-bullets.swiper-pagination-horizontal, 
.index .kv .swiper-pagination-custom, 
.index .kv .swiper-pagination-fraction{width:inherit; width:auto;  display:inline-block; padding:0px 10px 3px; box-sizing:border-box; background:rgba(255,255,255,0.5); border-radius:20px; /*right:14px;*/ left:50%; transform:translateX(-50%);}

.index .kv .index_kv>.swiper-pagination-bullets, 
.index .kv .swiper-pagination-bullets.swiper-pagination-horizontal, 
.index .kv .swiper-pagination-custom, 
.index .kv .swiper-pagination-fraction{bottom:8px;}
.index .kv .swiper-pagination-bullet{width:5px; height:5px; background:rgba(0,0,0,0.2); border-radius:10px; opacity:1; transition:width 1s;}
.index .kv .swiper-pagination-bullet-active{width:15px; background:rgba(0,0,0,0.4);}

/*===========HOT=============*/
.hot_list{width:100%; box-sizing:border-box; padding:10px 10px 0px;}
.hot_list_con{width:100%; box-sizing:border-box; padding:15px 32px 10px 10px; background:url(/mobile/img/index_2025/hot_list_bg.png) 0 0/100% 100% no-repeat; display:flex;}
.hot_list .hot_left{width:60px; box-sizing:border-box; padding-bottom:20px; display:flex; justify-content:center; flex-direction:column;}
.hot_list .hot_left .pic{width:14px;}
.hot_list .hot_left .pic img{display:block; width:100%;}
.hot_list .hot_left .txt{width:calc(100% - 14px); font-size:14px; font-weight:bold;}

.hot_list .hot_right{width:calc(100% - 60px);}
.hot_list .hot_right .index_hot{padding-bottom:20px;}
.hot_list .hot_right .slide_box{width:100%; box-sizing:border-box; padding:10px; display:flex; border-radius:6px;}
.hot_list .hot_right .slide_box a{width:100%; display:flex; justify-content:space-between; align-items:center;}
.hot_list .hot_right .slide_item1 .slide_box{background:#feeded;}
.hot_list .hot_right .slide_item2 .slide_box{background:#fef5ed;}
.hot_list .hot_right .slide_item3 .slide_box{background:#fdfced;}
.hot_list .hot_right .slide_item4 .slide_box{background:#fdfced;}
.hot_list .hot_right .slide_item5 .slide_box{background:#fdfceb;}
.hot_list .hot_right .index_hot img{display:block; width:100%;}
.hot_list .hot_right .hot_num{width:20px; display:flex; align-items:center;}
.hot_list .hot_right .hot_pic{width:84px; display:flex; align-items:center;}
.hot_list .hot_right .hot_txt{width:calc(100% - 104px) !important; height:31px; line-height:16px; box-sizing:border-box; padding:0 10px; 
/* 三步省略号 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hot_list .hot_right .index_hot>.swiper-pagination-bullets, 
.hot_list .hot_right .index_hot .swiper-pagination-bullets.swiper-pagination-horizontal, 
.hot_list .hot_right .index_hot .swiper-pagination-custom, 
.hot_list .hot_right .index_hot .swiper-pagination-fraction{box-sizing:border-box; padding-right:70px; bottom:0px;}

.hot_list .hot_right .index_hot .swiper-pagination-bullet{width:6px; height:6px; background:rgba(0,0,0,0.2); border-radius:10px; opacity:1; transition:width 1s;}
.hot_list .hot_right .index_hot .swiper-pagination-bullet-active{width:15px; background:rgba(0,0,0,0.4);}

/*===========brand_log=============*/
.brand_log{width:100%; box-sizing:border-box; padding:20px 10px 20px;}
.brand_log .log_box{width:100%; background:#fff; box-shadow:0 0 6px 0 rgba(0,0,0,0.2); display:flex; flex-wrap:wrap; box-sizing:border-box; padding:10px; border-radius:6px;}
.brand_log .log_box li{width:25%; text-align:center; box-sizing:border-box; padding:10px 0;}
.brand_log .log_box li .pic{width:40px; margin:0 auto 5px;}
.brand_log .log_box li .pic img{display:block; width:100%;}
.brand_log .log_box li .txt{width:100%;}

/*===========index_sns=============*/
.index_sns{width:100%; box-sizing:border-box; padding:0 10px 20px;}
.index_sns ul{width:100%; background:#fff; box-shadow:0 0 6px 0 rgba(0,0,0,0.2); box-sizing:border-box; padding:10px 25px; border-radius:6px;  display:flex; justify-content:space-between;}
.index_sns ul li{height:30px; position:relative;}
.index_sns ul li a{display:inline-block; height:30px;}
.index_sns ul li a img{display:block; height:30px;}
.index_sns ul li .pop{width:360%; position:absolute; bottom:30px; left:-19px; display:none;}
.index_sns ul li .pop img{width:100%;}
.index_sns ul li.wechat_pop.on .pop{display:block;}
/*===========index_vehicle=============*/
.index_vehicle{width:100%; box-sizing:border-box; padding:0 10px;}
.index_vehicle h2{width:100%; box-sizing:border-box; padding-right:20px; margin-bottom:15px; font-size:16px; color:#eb0a1e; display:flex;}
.index_vehicle h2 span{padding-bottom:4px; border-bottom:2px solid #eb0a1e; margin-right:30px;}
.index_vehicle h2 a{margin-right:30px; font-weight:normal; font-size:14px;}
.index_vehicle h2 a:last-child{margin-right:0;}
.index_vehicle .index_vehicle_box{width:100%; background:#fff; border-radius:6px; box-sizing:border-box; padding:10px 10px 40px; box-shadow:0 0 6px 0 rgba(0,0,0,0.2); margin-bottom:20px;}
.index_vehicle .index_vehicle_menu{width:100%; display:flex; flex-wrap:wrap; margin-bottom:16px;}
.index_vehicle .index_vehicle_menu li{width:24.4%; text-align:center; background:#f7f7f7; border-radius:3px; margin-right:0.8%; margin-bottom:4px; padding:12px 0;}
.index_vehicle .index_vehicle_menu li:nth-child(4n){margin-right:0;}
.index_vehicle .index_vehicle_menu li.on{color:#fff; background:#eb0a1e;}

.index_vehicle .index_vehicle_con{width:100%;}
.index_vehicle .index_vehicle_con li{width:100%; display:none;}
.index_vehicle .index_vehicle_con li.on{display:block;}

.index_vehicle .index_vehicle_con li .swiper{padding-bottom:46px;}
.index_vehicle .index_vehicle_con li .swiper-scrollbar{background:#e6e6e6;}
.index_vehicle .index_vehicle_con li .swiper-scrollbar-drag{background:#d8312d;}
.index_vehicle .index_vehicle_con li .swiper-horizontal>.swiper-scrollbar, 
.index_vehicle .index_vehicle_con li .swiper-scrollbar.swiper-scrollbar-horizontal{bottom:28px;}

.index_vehicle .index_vehicle_con li .tip{width:100%; display:flex; justify-content:center; align-items:center; position:absolute; left:0; bottom:0px;}
.index_vehicle .index_vehicle_con li .tip .pic{width:13px; height:12px; position:relative; margin-right:10px;}
.index_vehicle .index_vehicle_con li .tip .pic span{display:block; width:100%; height:100%; background:url(/mobile/img/index_2025/more_left.png) 0 0/100% 100% no-repeat;
  		animation:lr_shake 1s linear infinite both; 
-webkit-animation:lr_shake 1s linear infinite both;

}

.index_vehicle .index_vehicle_con li .index_car_group{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}

.index_vehicle .index_car_box{width:49%; position:relative;}
.index_vehicle .index_car_box .carbox1{width:100%; position:absolute; top:0; left:0; z-index:2; padding-top:20px; opacity:1;}
.index_vehicle .index_car_box .carbox2{width:100%; position:relative; z-index:1; background:#fff; border-radius:6px; box-sizing:border-box; padding:6px; box-shadow:0 0 6px 0 rgba(0,0,0,0.2); opacity:0;}

.index_vehicle .index_car_box .carbox1:after{content:''; display:block; width:100px; height:18px; background:url() 0 0/100% auto no-repeat; position:absolute; top:14px; right:6px; z-index:10;}

.index_vehicle .index_car_box .fcev:after{background-image:url(/common/images/cars_related/logo_fcev_b_h.png);}
.index_vehicle .index_car_box .hev:after{background-image:url(/common/images/cars_related/logo_hev_b_h.png);}
.index_vehicle .index_car_box .phev:after{background-image:url(/common/images/cars_related/logo_phev_b_h.png);}

.index_vehicle .index_car_box .carbox1 .car_pic{width:100%; padding-top:18px; margin-bottom:8px;}
.index_vehicle .index_car_box .carbox1 .car_pic img{display:block; width:100%;}
.index_vehicle .index_car_box .carbox1 .carname{width:100%; text-align:center;}

.index_vehicle .index_car_box .carbox2 dt,
.index_vehicle .index_car_box .carbox2 dd{width:100%;}
.index_vehicle .index_car_box .carbox2 dt{margin-bottom:6px;}
.index_vehicle .index_car_box .carbox2 dt img{display:block; width:100%;}
.index_vehicle .index_car_box .carbox2 .index_car_lk{width:100%; margin-bottom:4px;}
.index_vehicle .index_car_box .carbox2 .index_car_lk a{display:block; background:#eb0a1e; border-radius:4px; text-align:center; padding:8px 0; color:#fff;}
.index_vehicle .index_car_box .carbox2 .index_car_service{width:100%; display:flex; justify-content:space-between;}
.index_vehicle .index_car_box .carbox2 .index_car_service a{display:block; width:48.5%; background:#f7f7f7; border-radius:4px; text-align:center; padding:8px 0;}

.index_vehicle .index_welcab .index_car_box .carbox1{padding-top:0;}

/*===========recommend=============*/
.recommend{width:100%; box-sizing:border-box; padding:0 10px;}
.recommend_menu{width:100%; box-sizing:border-box; padding:0 15px; display:flex; justify-content:space-between; margin-bottom:15px;}
.recommend_menu li{display:inline-block !important; font-size:14px;}
.recommend_menu li p{display:inline-block; padding-bottom:2px; padding-top:2px; box-sizing:border-box; letter-spacing:1px;}
.recommend_menu li.on p{color:#eb0a1e; font-size:16px; font-weight:bold; border-bottom:1px solid #eb0a1e; padding-top:0;}

.recommend_con{width:100%;}
.recommend_con>li{width:100%; display:none; }
.recommend_con>li.on{display:block;}

.recommend_con .more_btn{width:100%; display:flex; justify-content:center;}
.recommend_con .more_btn a{display:block; color:#eb0a1e; font-size:16px; font-weight:bolder; padding-bottom:4px; padding-top:16px; border-bottom:2px solid #eb0a1e;}

.recommend_con dl .support_box{width:100%; display:flex; justify-content:flex-end; margin-top:5px;}
.recommend_con dl .support{/*width:30px;  position:absolute; right:10px; bottom:15px; */ display:flex; justify-content:flex-end; align-items:center;}
.recommend_con dl .support .icon{min-width:14px; height:16px; background:url(/mobile/img/index_2025/support1.png) 0 center/14px auto no-repeat; margin-right:3px;}
.recommend_con dl .support .icon img{display:block; width:100%;}
.recommend_con dl .support .num{text-align:center; padding-top:1px; font-size:10px; line-height:1; display:flex; align-items:center;}
.recommend_con dl .support .num .numtxt{display:inline;}
.recommend_con dl .support .num span{display:none;}

.recommend_con dl .support.on .icon{background-image:url(/mobile/img/index_2025/support2.png);}

/*精彩推荐*/
/* .recommend_con .recommend_wonderful_box{display:flex; justify-content:space-between; flex-wrap:wrap;} */
.recommend_con .play_btn{width:22px; height:22px; background:url(/images/images/toyota-btn-video.png) 0 0/100% 100% no-repeat; position:absolute; bottom:10px; right:10px; z-index:2;}
.recommend_con dt{position:relative;}

.recommend_con .recommend_wonderful dl{width:100%/* 48.5% */; background:#fff; border-radius:6px; box-sizing:border-box; padding:10px 10px 15px; box-shadow:0 0 6px 0 rgba(0,0,0,0.2); margin-bottom:14px; position:relative;}
.recommend_con .recommend_wonderful dl dt,
.recommend_con .recommend_wonderful dl dd{width:100%;}
.recommend_con .recommend_wonderful dl dt{margin-bottom:15px;}
.recommend_con .recommend_wonderful dl dt img{display:block; width:100%;}
.recommend_con .recommend_wonderful dl dd{min-height:32px; display:flex; justify-content:space-between; position:relative;}
.recommend_con .recommend_wonderful dl dd .txt{width:100%/* calc(100% - 36px) */;}
.toyota_tab_wonderful_recommendation_li_title_newtxt{
  color: #d78c3b;
  display: inline-block;
  border: 1px solid;
  padding: 5px 10px;
  border-radius: 16px;
  margin: -5px 0 0;
}
/* .recommend_con .recommend_wonderful dl .support{width:30px; position:absolute; right:10px; bottom:10px;}
.recommend_con .recommend_wonderful dl .support .icon{width:100%; height:16px; background:url(/mobile/img/index_2025/support1.png) center 0/14px auto no-repeat;}
.recommend_con .recommend_wonderful dl .support .icon img{display:block; width:100%;}
.recommend_con .recommend_wonderful dl .support .num{width:100%; text-align:center; font-size:10px;} */

/*丰田时报*/
.recommend_con .recommend_toyotatimes_box{display:flex; justify-content:space-between; flex-wrap:wrap;}
.recommend_con .recommend_toyotatimes dl{width:100%/* 48.5% */; background:#fff; border-radius:6px; box-sizing:border-box; padding:10px 10px 15px; box-shadow:0 0 6px 0 rgba(0,0,0,0.2); margin-bottom:14px; position:relative;}
.recommend_con .recommend_toyotatimes dl dt,
.recommend_con .recommend_toyotatimes dl dd{width:100%;}
.recommend_con .recommend_toyotatimes dl dt{margin-bottom:15px;}
.recommend_con .recommend_toyotatimes dl dt img{display:block; width:100%;}
.recommend_con .recommend_toyotatimes dl dd{min-height:32px; display:flex; justify-content:space-between;}
.recommend_con .recommend_toyotatimes dl dd .txt{width:100%;}
/* .recommend_con .recommend_toyotatimes dl .support{width:30px; position:absolute; right:10px; bottom:10px;}
.recommend_con .recommend_toyotatimes dl .support .icon{width:100%; height:16px; background:url(/mobile/img/index_2025/support1.png) center 0/14px auto no-repeat;}
.recommend_con .recommend_toyotatimes dl .support .icon img{display:block; width:100%;}
.recommend_con .recommend_toyotatimes dl .support .num{width:100%; text-align:center; font-size:10px;} */

/*新闻*/
.recommend_con .recommend_news_box{display:flex; justify-content:space-between; flex-wrap:wrap;}
.recommend_con .recommend_news dl{width:100%/* 48.5% */; background:#fff; border-radius:6px; box-sizing:border-box; padding:10px 10px 15px; box-shadow:0 0 6px 0 rgba(0,0,0,0.2); margin-bottom:14px; position:relative;}
.recommend_con .recommend_news dl dt,
.recommend_con .recommend_news dl dd{width:100%;}
.recommend_con .recommend_news dl dt{margin-bottom:15px;}
.recommend_con .recommend_news dl dt img{display:block; width:100%;}
.recommend_con .recommend_news dl dd{min-height:32px; display:flex; justify-content:space-between;}
.recommend_con .recommend_news dl dd .txt{width:100%;}
/* .recommend_con .recommend_news dl .support{width:30px; position:absolute; right:10px; bottom:10px;}
.recommend_con .recommend_news dl .support .icon{width:100%; height:16px; background:url(/mobile/img/index_2025/support1.png) center 0/14px auto no-repeat;}
.recommend_con .recommend_news dl .support .icon img{display:block; width:100%;}
.recommend_con .recommend_news dl .support .num{width:100%; text-align:center; font-size:10px;} */

/*社交*/
.recommend_con .recommend_sns_box{display:flex; justify-content:space-between; flex-wrap:wrap;}
.recommend_con .recommend_sns_box .sns_log{width:64px; position:absolute; top:10px; left:10px; z-index:2;}
.recommend_con .recommend_sns_box .sns_log img{max-width:100%;}
.recommend_con .recommend_sns_left,
.recommend_con .recommend_sns_right{width:100%/* 48.5% */; margin-bottom: 14px;}
.recommend_con .recommend_sns_left{background:#fff; border-radius:6px; box-sizing:border-box; padding:10px 8px; box-shadow:0 0 6px 0 rgba(0,0,0,0.2);}
.recommend_con .recommend_sns_bottom{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}

.recommend_con .recommend_sns_right dl,
.recommend_con .recommend_sns_bottom dl{background:#fff; border-radius:6px; box-sizing:border-box; padding:10px 10px 15px; box-shadow:0 0 6px 0 rgba(0,0,0,0.2); margin-bottom:14px;}

.recommend_con .recommend_sns_bottom dl{width:100%/* 48.5% */;}

.recommend_con .recommend_sns_right dl:last-child{margin-bottom:0;}

.recommend_con .recommend_sns_box dl{position:relative;}

.recommend_con .recommend_sns dl dt,
.recommend_con .recommend_sns dl dd{width:100%;}
.recommend_con .recommend_sns dl dt{margin-bottom:15px;}
.recommend_con .recommend_sns dl dt img{display:block; width:100%;}
.recommend_con .recommend_sns dl dd{min-height:32px; display:flex; justify-content:space-between;}
.recommend_con .recommend_sns dl dd .txt{width:100%;}
/* .recommend_con .recommend_sns dl .support{width:30px; position:absolute; right:10px; bottom:10px;}
.recommend_con .recommend_sns dl .support .icon{width:100%; height:16px; background:url(../img/index_2025/support1.png) center 0/14px auto no-repeat;}
.recommend_con .recommend_sns dl .support .icon img{display:block; width:100%;}
.recommend_con .recommend_sns dl .support .num{width:100%; text-align:center; font-size:10px; color:#666;} */

.recommend_con .recommend_sns_left dl .support{right:0; bottom:0;}
.recommend_con .recommend_sns_left .swiper-slide{box-sizing:border-box; padding:0 2px;}

.recommend_con .sns_left_swiper{padding-bottom:30px;}
.recommend_con .sns_left_swiper>.swiper-pagination-bullets, 
.recommend_con .sns_left_swiper .swiper-pagination-bullets.swiper-pagination-horizontal, 
.recommend_con .sns_left_swiper .swiper-pagination-custom, 
.recommend_con .sns_left_swiper .swiper-pagination-fraction{box-sizing:border-box; bottom:0px;}

.recommend_con .sns_left_swiper .swiper-pagination-bullet{width:6px; height:6px; background:rgba(0,0,0,0.2); border-radius:10px; opacity:1; transition:width 1s;}
.recommend_con .sns_left_swiper .swiper-pagination-bullet-active{width:15px; background:rgba(0,0,0,0.4);}


/*左右摇摆*/
@-webkit-keyframes lr_shake{
  from,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  25% {
    -webkit-transform: translate3d(-2px,0,0);
    transform: translate3d(-2px,0,0);
  }

  50% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  
  75% {
    -webkit-transform: translate3d(2px,0,0);
    transform: translate3d(2px,0,0);
  }
}

@keyframes lr_shake{
  from,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  25% {
    -webkit-transform: translate3d(-2px,0,0);
    transform: translate3d(-2px,0,0);
  }

  50% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  
  75% {
    -webkit-transform: translate3d(2px,0,0);
    transform: translate3d(2px,0,0);
  }
}



/*视频弹窗*/
.mov_pop{width:100%; height:100vh; background:rgba(0,0,0,1); position:fixed; top:0; left:0; z-index:1000003; display:none;}
.mov_pop .box_pop{width:100%; height:100vh; position:relative;}
.mov_pop .box_pop .close{display:block; width:35px; height:35px; position:absolute; top:10px; right:10px; z-index:2;}
.mov_pop .box_pop .close img{display:block; width:100%;}
.mov_pop .box_pop .videos_wrap{width:100%; height:100vh; display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; z-index:1;}
.mov_pop .box_pop video{width:100%; border:none; outline:none; margin-top:inherit; /*display:block;此属性会导致视频在苹果手机播放时暂停键功能失效*/ }

/*视频弹窗*/
.mov_pop_shu{width:100%; height:100vh; background:rgba(0,0,0,1); position:fixed; top:0; left:0; z-index:1000003; display:none;}
.mov_pop_shu .box_pop{width:100%; height:100vh; position:relative;}
.mov_pop_shu .box_pop .close{display:block; width:35px; height:35px; position:absolute; top:0px; right:0px; z-index:2;}
.mov_pop_shu .box_pop .close img{display:block; width:100%;}
.mov_pop_shu .box_pop .videos_wrap{width:100%; height:100vh; box-sizing: border-box; padding-top:40px; padding-bottom:10px; display:flex; justify-content:center;  position:absolute; top:0; left:0; z-index:1;}
.mov_pop_shu .box_pop video{width:auto; height:100%; border:none; outline:none; margin-top:inherit; /*display:block;此属性会导致视频在苹果手机播放时暂停键功能失效*/ }