@charset "utf-8";
html,body{height:100%;}
html,body,#wrapper{width:100%;}


.future_videos_main{width:100%; box-sizing:border-box; padding-top:70px; background:#0d0e0f; }

.future_videos_main .videos{width:100%; box-sizing:border-box; padding:20px 10px;}
.future_videos_main .videos dl{width:100%; margin-bottom:16px; border-radius:6px; background:#1a1b1b;}
.future_videos_main .videos dl dt,
.future_videos_main .videos dl dd{width:100%; position:relative;}
.future_videos_main .videos dl dt .dingzhen{width:100%;}
.future_videos_main .videos dl dt .dingzhen img{display:block; width:100%; border-radius:6px;}
.future_videos_main .videos dl dt .play_btn{position:absolute; width:100%; height:100%; background:url(../img/icon_play.png) center center/70px 70px no-repeat; top:0; left:0; z-index:1;}


.future_videos_main .videos dl dd{box-sizing:border-box; padding:12px;}
.future_videos_main .videos dl dd .mov_txt{width:100%; color:#fff;}
.future_videos_main .videos dl dd .mov_txt .mov_title{font-size:16px; margin-top:5px;}

.future_videos_main .videos dl dd .feedback{width:100%; display:flex; justify-content:right;}
.future_videos_main .videos dl dd .feedback .download_btn,
.future_videos_main .videos dl dd .feedback .share{width:36px; height:36px; background:url() center center/16px 16px no-repeat;}
.future_videos_main .videos dl dd .feedback .download_btn{background-image:url(../img/icon_download.png);}
.future_videos_main .videos dl dd .feedback .download_btn a{display:block; width:100%; height:100%;}
.future_videos_main .videos dl dd .feedback .share{background-image:url(../img/icon_share.png);}

.copy_success{width:100%; height:100%; background:rgba(0, 0, 0, 0.4); position:fixed; top:0; left:0; z-index:-200; opacity:0;}
.copy_success .txt{
	width:80%; background:#fff;  border-radius:40px; box-shadow:0 6px 20px rgba(0, 0, 0, 0.6); position:absolute; top:40%; left:50%; transform:translate(-50%,-50%);
    margin-top:20px;
    min-height:36px;
    font-weight:500;
    color:#1a1b1b;
    transition:opacity 0.3s ease;
    font-size:16px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.copy_success.show{opacity:1; z-index:200;}



/*视频弹窗*/
.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:28px; height:28px; box-sizing:border-box; padding:5px; position:absolute; top:0px; right:0px; z-index:2;}
.mov_pop .box_pop .close img{display:block; width:100%;}
.mov_pop .box_pop .videos_wrap{width:100%; height:calc(100vh - 30px); display:flex; justify-content:center; align-items:center; position:absolute; top:28px; left:0; z-index:1;}
.mov_pop .box_pop video{width:100%; border:none; outline:none; margin-top:inherit; /*display:block;此属性会导致视频在苹果手机播放时暂停键功能失效*/ }

@media screen and (max-height:670px){
.mov_pop .box_pop video{width:inherit; height:100%;}
}
@media screen and (min-height:800px){
.mov_pop .box_pop .close{width:35px; height:35px; padding:5px;}
.mov_pop .box_pop .videos_wrap{height:calc(100vh - 35px); top:35px;}
}