@charset "utf-8";
html,
body{width:100%; height:100%; background:#fff;}
.over_hide{overflow:hidden;}

#wrapper{width:100%; z-index:100;}


#header{box-shadow:0px 1px 4px 0 rgba(0,0,0,0.2);}

.year60th{bottom:180px;}



.future_audio{width:50px; position:fixed; bottom:10px; left:0; z-index:100002; display:none;}
.future_audio_close{width:36px; height:36px; box-sizing:border-box; padding:0px 0px 26px 26px; position:absolute; top:0; right:0; z-index:10;}
.future_audio_close img{display:block; width:100%;}
.future_audio_btn{width:100%;}
.future_audio_btn p{width:100%; position:absolute; top:0; left:0; opacity:0; z-index:-2;}
.future_audio_btn p img{display:block; width:100%;}
.future_audio_btn .future_audio_on{position:relative;}
.future_audio_btn p.current{opacity:1; z-index:2;}

.future_audio_box{width:0px; height:0px; overflow:hidden;}


.future_detail_main{width:100%; box-sizing:border-box; padding-top:70px; position:relative;}

.future_bg{width:100%; box-sizing:border-box; padding-top:10px;}
.future_meihao{background:url(../img/detail/detail_meihao_bg1.png) 0 top/100% auto no-repeat,url(../img/detail/detail_meihao_bg2.png) 0 bottom/100% auto no-repeat #fffbf8;}

.future_jiangxin{background:url(../img/detail/detail_jiangxin_bg1.png) 0 top/100% auto no-repeat,url(../img/detail/detail_jiangxin_bg2.png) 0 bottom/100% auto no-repeat #b9e0e6;}

.future_detail_menu{width:100%; box-sizing:border-box; padding:0px 10px; margin-bottom:10px; position:relative; z-index:4;}
.future_detail_menu_box{width:100%; box-sizing:border-box; padding:10px; background:#fff; border-radius:10px; box-shadow:0px 0px 9px 0 rgba(0,0,0,0.1); position:relative;}
.future_detail_menu_box .menu_close{width:100%; display:flex; justify-content:space-between;}
.future_detail_menu_box .menu_close .back_btn{width:20%;}
.future_detail_menu_box .menu_close .back_btn img{display:block; width:100%;}
.future_detail_menu_box .menu_close .menu_btn{width:6%; margin-right:10px; display:flex; align-items:center;}
.future_detail_menu_box .menu_close .menu_btn p{width:100%; position:relative;}
.future_detail_menu_box .menu_close .menu_btn p img{display:block; width:100%;}
.future_detail_menu_box .menu_close .menu_btn p img:last-child{position:absolute; top:0; left:0;}

.future_detail_menu_box .menu_close .menu_btn.open p .jiao1{
animation:openRotate 0.5s both;
-webkit-animation:openRotate 0.5s both;
}
.future_detail_menu_box .menu_close .menu_btn.open p .jiao2{
animation:openRotate 0.5s 0.1s both;
-webkit-animation:openRotate 0.5s 0.1s both;
}

.future_detail_menu_box .menu_close .menu_btn.close p .jiao1{
animation:closeRotate 0.5s both;
-webkit-animation:closeRotate 0.5s both;
}
.future_detail_menu_box .menu_close .menu_btn.close p .jiao2{
animation:closeRotate 0.5s 0.1s both;
-webkit-animation:closeRotate 0.5s 0.1s both;
}

@keyframes openRotate{
	0%{transform:rotateX(0deg); -webkit-transform:rotateX(0deg);}
  100%{transform:rotateX(180deg); -webkit-transform:rotateX(180deg);}
}
@-webkit-keyframes openRotate{
    0%{transform:rotateX(0deg); -webkit-transform:rotateX(0deg);}
  100%{transform:rotateX(180deg); -webkit-transform:rotateX(180deg);}
}

@keyframes closeRotate{
	0%{transform:rotateX(180deg); -webkit-transform:rotateX(180deg);}
  100%{transform:rotateX(0deg); -webkit-transform:rotateX(0deg);}
}
@-webkit-keyframes closeRotate{
    0%{transform:rotateX(180deg); -webkit-transform:rotateX(180deg);}
  100%{transform:rotateX(0deg); -webkit-transform:rotateX(0deg);}
}


.future_detail_menu_box .menu_list{width:100%; padding-top:10px; display:none;}
.future_detail_menu_box .menu_list_box{width:100%; border-top:1px solid #f4dc95; box-sizing:border-box; padding:20px 10px 0;}
.future_detail_menu_box .menu_list_box h2{width:100%; box-sizing:border-box; padding:0 22%; margin-bottom:15px;}
.future_detail_menu_box .menu_list_box h2 img{display:block; width:100%;}

.future_detail_menu_box .menu_list_box ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.future_detail_menu_box .menu_list_box ul li{width:47.5%; position:relative; margin-bottom:15px;}
.future_detail_menu_box .menu_list_box ul li img{display:block; width:100%; border-radius:18px; border:2px solid #fff; box-sizing:border-box; opacity:0.8;}
.future_detail_menu_box .menu_list_box ul li.on img{border:2px solid #ff9f41; opacity:1;}
.future_detail_menu_box .menu_list_box_jiangxin ul li.on img{border:2px solid #daa604;}

.future_detail_menu_box .menu_list_box ul li img.qidai{opacity:0.5;
/*filter: grayscale(100%);
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%); */
}

.future_detail_menu_box .menu_list_box ul li span{display:block; width:100%; height:100%; border-radius:18px; background:url(../img/detail/qidai.png) center center/40% auto no-repeat rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:1;}

.future_detail_banner{width:100%; position:relative; z-index:1;}
.future_detail_banner .pic{width:100%;}
.future_detail_banner .pic img{display:block; width:100%;}

.future_detail{width:100%; box-sizing:border-box; padding:0 10px; position:relative; z-index:2;}

.future_detail .bg_box{width:100%; box-sizing:border-box; padding:0 20px 30px 40px; background:#fff; border-radius:100px 10px 10px 10px; box-shadow:0px 0px 9px 0 rgba(0,0,0,0.1); position:relative; top:-20px;}


.future_detail .bg_box.nopd{padding-bottom:0;}
.future_detail .bg_box .float_car{width:38%; position:absolute; z-index:5; bottom:0px; right:0px;}
.future_detail .bg_box .float_car img{display:block; width:100%;}
.future_detail h3{width:100%; box-sizing:border-box; padding-left:15%; margin-bottom:20px; padding-top:10px;}
.future_detail h3 img{display:block; width:100%;}

.future_detail p{width:100%; font-size:12px; margin-bottom:14px;}
.future_detail .sanji{text-align:center;}
.future_detail h4{width:100%; font-size:14px; text-align:center; margin-bottom:14px;}
.future_detail h4 .xing{color:#ff9f41; font-size:18px; margin-right:4px; font-weight:bold; position:relative; bottom:-1px;}

.future_detail .txt_center{text-align:center;}

.future_detail .pic_box{width:100%; margin-bottom:14px;}
.future_detail .pic_line{width:100%; margin:10px auto 15px;}
.future_detail .pic{width:100%; text-align:center; font-size:9px;}
.future_detail .pic img{display:block; width:100%; margin-bottom:5px;}
.future_detail .pic_line .pic img{display:block; width:100%; margin-bottom:0px;}

.future_detail .link_box{width:100%; margin-bottom:30px;}
.future_detail .link_box p{margin-bottom:5px;}

.future_detail .item_box{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.future_detail .item_box dl{width:48%; background:#fff5ec; border-radius:3px; box-sizing:border-box; padding:6px; margin-bottom:12px;}
.future_detail .item_box dl a{color:#202020;}
.future_detail .item_box dl dt,
.future_detail .item_box dl dd{width:100%;}
.future_detail .item_box dl dt img{display:block; width:100%;}

.future_detail .item_box dl dd{height:52px; box-sizing:border-box; padding-right:13px; background:url(../img/detail/more.png) right center/10px auto no-repeat; margin-top:5px; display:flex; align-items:center;}

.future_detail .mov_box{width:100%;}
.future_detail .mov_box .big_box{width:100%; background:#ffecd9; box-sizing:border-box; padding:10px 10px 20px 10px; margin-bottom:20px;}
.future_detail .mov_box .big_box .pic{width:100%; position:relative;}
.future_detail .mov_box .big_box .pic img{display:block; width:100%;}
.future_detail .mov_box .big_box .pic span{width:100%; height:100%; background:url(../img/detail/play_btn.png) center center/40px auto no-repeat rgba(0,0,0,0.2); position:absolute; left:0; top:0; z-index:2;}


.future_jiangxin .future_detail .item_box dl{background:#fbf6e5;}

.future_jiangxin .future_detail .txt_xu{width:100%; font-size:18px; text-align:center; font-weight:bold; padding-bottom:32px;}


.future_detail_yirenweiben h3{position:relative; left:-20px; padding:40px 10% 20px; width:calc(100% + 20px);}
.future_detail_yirenweiben .pic{width:114%; position:relative; left:-10%;}




.future_tab_btn{width:100%; box-sizing:border-box; padding:0px 10px 10px 10px;}
.future_tab_btn ul{width:100%; display:flex; justify-content:space-between;}
.future_tab_btn ul li{width:48%; box-sizing:border-box; padding:10px 20px; background:#fff; border-radius:5px; box-shadow:0 0 9px 0 rgba(0,0,0,0.1);}
.future_tab_btn ul li p{width:100%; position:relative;}
.future_tab_btn ul li img{display:block; width:100%;}
.future_tab_btn ul li img.ontxt{opacity:0;}
.future_tab_btn ul li img.outtxt{position:absolute; left:0; top:0; opacity:1;}

.future_tab_btn ul li.on{background:#daa502;}
.future_tab_btn ul li.on img.ontxt{opacity:1;}
.future_tab_btn ul li.on img.outtxt{opacity:0;}

.future_tab_banner{width:100%; position:relative;}
.future_tab_banner li{width:100%; opacity:0; position:relative; z-index:0; transition:all 1s;}
.future_tab_banner li.float_img{position:absolute; top:0; left:0;}
.future_tab_banner li.on{z-index:1; opacity:1;}

.future_tab_con{width:100%; position:relative;}
.future_tab_con li{width:100%; position:relative; display:none;}
.future_tab_con li.on{display:block;}


.future_detail .zhedie_btn{width:100%; display:flex; justify-content:center;}
.future_detail .zhedie_btn p{width:36px; box-sizing:border-box; padding:0 3%;}
.future_detail .zhedie_btn p img{display:block; width:100%;}
.future_detail .zhedie{width:100%; position:relative; display:none;}


.future_detail_buwuzhengye .bg_box{border-radius:50px 10px 10px 10px; padding:30px 20px 18px;}
.future_detail_buwuzhengye .link_box{margin-bottom:0;}
.future_detail_buwuzhengye .item_box dl dd{height:52px;}
.future_detail_buwuzhengye .bg_box .float_car{width:17%; bottom:20px; right:10px;}

.future_detail_ceshi .bg_box{border-radius:50px 10px 10px 10px; padding:30px 20px 18px;}
.future_detail_ceshi .link_box{margin-bottom:0;}

.future_detail_zuopin .bg_box{border-radius:50px 10px 10px 10px; padding:30px 20px 18px;}
.future_detail_zuopin .link_box{margin-bottom:0;}
/*.future_detail_zuopin .item_box dl dd{height:52px;}*/
.future_detail_zuopin .bg_box .float_car{width:30%; bottom:20px; right:10px;}

.future_detail .zhedie3 .item_box dl dd{display:block; height:80px; background-position:right 3px;}

@media screen and (max-height:700px){

.future_detail_menu_box .menu_list_box{padding:20px 20px;}
.future_detail_menu_box .menu_list_box ul li{width:46%;}

}



/*视频弹窗*/
.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;此属性会导致视频在苹果手机播放时暂停键功能失效*/ }



/**不忘初心的覆盖**/
.future_original{background:url(../img/detail/detail_original_bg1.jpg) 0 top/100% auto no-repeat,url(../img/detail/detail_original_bg2.jpg) 0 bottom/100% auto no-repeat #f8f5f0;}
.future_detail_main .future_original .mov_box .big_box .pic span{background:url(../img/detail/original_play_btn.png) 98% 95%/24px auto no-repeat rgba(0,0,0,0);}
.future_detail_main .future_original h4 .xing{color:#bfa579;}

.future_detail_menu_box .menu_list_box_original{border-top:1px solid #dfd2bc;}
.future_detail_menu_box .menu_list_box_original ul li.on img{border:2px solid #bfa579;}

.future_detail_main .future_original .item_box dl{background:#f8f6f1;}
.future_detail_main .future_original .item_box dl dd{height:94px; background-image:url(../img/detail/original_more.png);}

.future_detail_main .link_box{margin-bottom:0;}

.future_detail_main .future_original .mov_box .big_box{background:#f8f6f1;}










