*{ margin:0; padding:0; border:0 }
html,body{ width:100%; height: 100%; background-color: #000}
ul,ol,li{ list-style:none }
a{ text-decoration:none; }
.home{ overflow:hidden; }

@font-face{
    font-family: "cormorant";
    font-display: swap;
    src: url(/style/font/cormorant.ttf);
    src: 
        url('/style/font/cormorant.eot')， /* IE9*/
        url('/style/font/cormorant.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/style/font/cormorant.woff2') format('woff2'),
        url('/style/font/cormorant.woff') format('woff'), /* chrome、firefox */
        url('/style/font/cormorant.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

.top_bar .language{ width: 80px; height: 20px; line-height: 20px; padding:12px 10px; border: 1px rgba(255, 255, 255, .4) solid; float: right; position: relative; margin: 14px; background: rgba(0,0,0,.2);}
.top_bar .language a{ width: 40px; height: 20px; line-height: 20px; display: block; float: left; text-align: center; color: #fff}
.top_bar .language a:first-child{ border-right: 1px #ddd solid; box-sizing: border-box; }
.top_bar .language a.language_cur{ color: #e6d6a3 }
.top_bar .language a:hover{ color: #e6d6a3 }

.top_bar{ width: 100%; height: 70px; background-image: linear-gradient(to bottom,rgba(0, 0, 0, .6),rgba(0, 0, 0, .1)); border-bottom: 1px rgba(255, 240, 200, .4) solid; position:fixed; left:0; top: 0; z-index: 7; transition: .5s}
.top_bar .top_logo{ display: block; float: left; margin: 15px 0 0 25px; width: 170px; height: 45px; background-image: url(//ftimg.friendtimes.cn/images/friendtimes/en/logo/2/512.png); background-size: 100% 100%;}
.top_bar .top_logo img{ width: 100%; opacity: 0; transition: .5s;}
.top_bar .nav{ float: right; height: 70px; padding-left: 20px;}
.top_bar .nav ul li{width: 125px; height: 70px; float: left; position: relative; position: relative; font-family: "cormorant"}
.top_bar .nav ul li a{ width:100%; height:100%; line-height: 70px; font-size: 20px; color: #fff; text-align: center; display:block; position: relative; z-index: 1}
.top_bar .nav ul li.cur a{ color: #e6d6a3; }
.top_bar .nav ul li.cur:before{content: ""; display: block; width: 100%; height: 33px; background-image: url(img/nav_cur.png); background-size: 100% 100%; position: absolute; bottom: 0; left: 0; z-index: 2}
.top_bar .nav ul li a:hover{ color: #e6d6a3;}
.top_bar .nav ul li:after{ content:""; display:block; width:11px; height:62px; background-image: url(img/nav_line.png); position: absolute; top:50%; transform: translateY(-50%); right:-6px; }
.top_bar .nav ul li:last-child:after{ display:none }
.top_bar.show{ background: rgba(255,255,255,.9); }
.top_bar.show .nav ul li a{ color: #232323 }
.top_bar.show .nav ul li.cur a{ color: #e6d6a3 }
.top_bar.show .top_logo{ background-image: none }
.top_bar.show .top_logo img{ opacity: 1; }

.top_bar .btn_back{ float:right; margin:15px 10px 0 0; width:140px; display:block; transition: .5s}
.top_bar .btn_back img{ width:100%; display:block; }
.top_bar .btn_back:hover{ transform:translateX(-3px); }


.float_soc{ width:32px; height:336px; position: absolute; top:50%; transform:translateY(-50%); right: 17px; z-index:6 }
.float_soc:before{ content:""; display:block; width:1px; height:60%; position: absolute; bottom: 340px; left:50%; background-color:#baa675; opacity:.3 }
.float_soc:after{ content:""; display:block; width:1px; height:60%; position: absolute; top: 280px; left:50%; background-color:#baa675; opacity:.3 }
.float_soc a{ width:32px; height:32px; display: block; margin: 12px 0; background-image:url(img/ico_soc.png); background-size: 600% 100%; filter: drop-shadow(0 0 5px rgba(0, 0, 0, .6)); transition: .5s}
.float_soc a:hover{ transform:translateY(-3px); }
.float_soc a:nth-child(1){ background-position:0 0}
.float_soc a:nth-child(2){ background-position:20% 0}
.float_soc a:nth-child(3){ background-position:40% 0}
.float_soc a:nth-child(4){ background-position:60% 0}
.float_soc a:nth-child(5){ background-position:80% 0}
.float_soc a:nth-child(6){ background-position:100% 0}


.swiper{ width:1920px; height:100%; position: relative; overflow:hidden; z-index:1; transform-origin:0 0;}
.swiper .swiper-slide{ width:100%; height:100%; position: relative; overflow:hidden; background-size: cover}
.bg_video{ position: absolute; top:0; left:0; width: 100%; height: 100%}
.bg_video video{ width: 100%; height: 100%; object-fit: cover;}


.header{ background-image:url(img/home.jpg); background-position: center center;}
.header .logo{ width:250px; display:block; position: absolute; top: 150px; right:40px; z-index:2 }
.header .slogan{ width:757px; position: absolute; top: 50%; left:50%; transform: translate(-50%,-30%); z-index:2 }
.header .btn_prereg{ width:344px; display:block; position: absolute; top: 50%; left:50%; transform: translate(-50%,250px); transition: .5s; z-index:2 }
.header .btn_prereg:hover{ transform: translate(-50%,245px); }

.header .download_box{ width:552px; height: 156px; background-image: url(img/download_box.png); position: absolute; top: 50%; left:50%; transform: translate(-50%,160%); z-index:2 }
.header .download_box .qrcode{ width:130px; float:left; border-radius:5px; margin:14px 0 0 65px; }
.header .download_box .btn { float:left; width:204px; margin: 8px 0 0 12px}
.header .download_box .btn a{ width: 100%; display:block; margin:5px 0; transition: .5s}
.header .download_box .btn a img{ width:100%; display:block; }
.header .download_box .btn a:hover{ transform:translateY(-2px); }
.header .download_box .btn_video{ width:105px; display:block; float:left; margin:20px 0 0 15px; transition:.5s }
.header .download_box .btn_video:hover{ transform:scale(1.03); }

.t_box{ position: absolute; top:100px; left:90px; z-index: 7}
.t_box:before{ content:""; display:block; width:130px; height:121px; background-image:url(img/t_ico.png); background-size: 100% 100%; transform: rotate(0deg); transition: .5s; position: absolute; top: -35px; left: -80px;}
.t_box .t_img{ width:0; height: 50px; position: relative; overflow:hidden; transition: .5s}
.t_box .t_img img{ width: 160px; position: absolute; top:0; right:0; }

.swiper-slide.swiper-slide-active .t_box:before{ transform:rotate(180deg); }
.swiper-slide.swiper-slide-active .t_img{ width: 160px; transition:.5s .2s }

.zs img{ position: absolute; pointer-events: none}
.part_1_box{ width:1581px; height:820px; background-image:url(img/part_1.png); background-size: 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-45%,-45%); z-index: 2}

.part_1 .img_1{ left:50%; top:50%; margin: 180px 0 0 420px; width:225px; z-index: 3;}
.part_1 .img_2{ width: 180px; top:50%; left:-50px; margin-top:-452px; z-index: 3;}
.part_1 .img_3{ bottom:-300px; right:-200px; width: 700px; z-index: 4;}

.part_2 .img_4{ left:-50px; bottom:-250px; width:270px; z-index: 3;}
.part_2 .img_5{ width: 500px; bottom:-280px; right:-10px; z-index: 2;}

.part_3 .img_6{ right:50px; bottom:50px; width:270px; z-index: 1;}
.part_3 .img_7{ width: 160px; top:180px; left:140px; z-index: 0;}
.part_3 .img_8{ top:-100px; right:0; width: 100%; z-index: 1;}
.part_3 .img_15{ width: 100%; bottom:-150px; right:0; z-index: 4;}

.part_4 .img_9{ left:-50px; top:0; width:270px; z-index: 3;}
.part_4 .img_10{ width: 400px; top:-50px; right:-70px; margin-top:0; z-index: 3;}
.part_4 .img_11{ bottom:0; right:0; width: 100%; z-index: 4;}
.part_4 .img_12{ bottom:-100px; right:20px; width: 400px; z-index: 4;}
.part_4 .img_13{ bottom:-80px; left:-20px; width: 360px; z-index: 4;}


.part_1 .focus{ width:525px; height:292px; position: absolute; top: 85px; left: 155px;}
.part_1 .focus:before{ content:""; display:block; width: 532px; height:304px; background-image:url(img/focus_box.png); background-size: 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); pointer-events: none; z-index: 2}
.part_1 .focus .slide{ border-radius: 30px; overflow:hidden; opacity: 0; transition: .5s}
.part_1 .focus .slide.flex-active-slide{ opacity:1 }
.part_1 .focus img{ width:100%; height:100%; background-size:cover; transition: .5s}
/*.part_1 .focus img:hover{ transform:scale(1.03); }*/

.part_1 .focus .flex-control-paging { position: absolute; right: 15px; bottom: 15px; }
.part_1 .focus .flex-control-paging li { float: left; width: 15px; height: 15px; overflow: hidden; margin: 0 4px; }
.part_1 .focus .flex-control-paging li a { width: 15px; height: 15px; position: relative; display: block; text-indent: -9000px; cursor: pointer; background-image:url(img/focus_dot.png); background-position:left }
.part_1 .focus .flex-control-paging li a.flex-active { background-position:right; }

.part_1 .news{ width:530px; height:300px; position: absolute; top:405px; left: 153px; background-image:url(img/news_bg.png); background-size: 100% 100%; box-shadow: -3px 5px 4px rgba(0, 0, 0, .2);}
.news .news_tab{ width:510px; height: 60px; line-height: 60px; font-size: 17px; font-weight: bold; margin: 5px 0 0 25px; }
.news .news_tab a{ color:#542f2f; display:block; float:left; margin-right:45px; }
.news .news_tab a:hover{ color:#915d26 }
.news .news_tab a.cur{ color:#915d26 }
.news .news_tab a:last-child{ float:right; margin-right:30px; font-weight: normal; font-size: 15px;}
.news .news_tab a:last-child:after{ content:""; display:inline-block; vertical-align: middle; margin-left: 7px; margin-top: -2px; width: 22px; height:22px; background-image:url(img/ico_more.png); transition:.5s }
.news .news_tab a:last-child:hover:after{ transform:rotate(90deg); }

.news .news_list{ width: 485px; margin: 5px 0 0 25px; }
.news .news_list ul li{ width:100%; height:53px; font-size: 15px;}
.news .news_list ul li a{ display:block; color: #542f2f;}
.news .news_list ul li .news_time{ font-size: 14px; color: #542f2f; line-height: 20px;}
.news .news_list ul li p{ height:22px; line-height:22px; margin-top: 2px;}
.news .news_list ul li p span{ width: 60px; height: 22px; line-height: 20px; display:block; float:left; position: relative; text-align: center; border-radius:3px; border:1px #c6ab90 solid;}
.news .news_list ul li p span:after{ content:""; display:block; width:30px; height:1px; background-color:#542f2f; position: absolute; top:11px; left:73px; }
.news .news_list ul li p b{ display:block; float:left; width:355px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-left:60px; }
.news .news_list ul li:hover a{ color:#915d26 }

.guide{ position: absolute; top: 80px; left: 760px; display: none}
.guide ul li{ width: 250px; height:309px; background-image:url(img/guide_bg.png); background-size: 100% 100%; position: absolute; box-shadow: -3px 5px 4px rgba(0, 0, 0, .2); transition: .5s}
.guide ul li img{ width:210px; height:165px; display:block; margin:0 auto; object-fit:cover; padding-top:23px }
.guide ul li .info{ width:210px; padding-top:26px; margin:0 auto; }
.guide ul li .info b{ font-size:17px; color:#915d26; line-height:32px; font-family: "cormorant"}
.guide ul li .info p{ font-size:13px; color:#542f2f; line-height:20px; height: 40px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; text-overflow:ellipsis; -webkit-box-orient: vertical;}
.guide ul li:nth-child(1){z-index:1; transform-origin:20% 5% }
.guide ul li:nth-child(2){ top:18px; left:280px; z-index:3; transform-origin:90% 2% }
.guide ul li:nth-child(3){ top:330px; left:10px; z-index:1; transform-origin:22% 2% }
.guide ul li:nth-child(1):hover{ transform:rotate(3deg); box-shadow: -3px 5px 4px rgba(0, 0, 0, .3);}
.guide ul li:nth-child(2):hover{ transform:rotate(-3deg); box-shadow: -3px 5px 4px rgba(0, 0, 0, .3);}
.guide ul li:nth-child(3):hover{ transform:rotate(3deg); box-shadow: -3px 5px 4px rgba(0, 0, 0, .3);}
.guide ul li:nth-child(2):before{ content:""; display:block; width:33px; height:38px; background-image:url(img/act_line_3.png); position: absolute; top:-5px; left:215px; pointer-events: none; z-index: 2}
.guide:before{ content:""; display:block; width:490px; height:41px; background-image:url(img/act_line_1.png); position: absolute; top:-5px; left:30px; pointer-events: none; z-index: 2}
.guide:after{ content:""; display:block; width:469px; height:371px; background-image:url(img/act_line_2.png); position: absolute; top:-8px; left:50px; pointer-events: none; z-index:2 }

.guide .btn_guide{ width:200px; display:block; position: absolute; top:370px; left:300px; transition: .5s; transform-origin: 80% 50%}
.guide .btn_guide img{ width:100%; display:block; }
.guide .btn_guide:hover{ transform:translateX(3px); }

.act{ position: absolute; top:55px; left:860px; }
.act .fb_wrap{ width:390px; height:437px; background-image:url(img/fb_bg.png); background-size: 100% 100%;}
.act .fb_wrap:before{ content:""; display:block; width:151px; height:68px; background-image:url(img/t_fb.png); background-size: 100% 100%; position: absolute; top: -20px; left: -40px}
.act .fb_head{ width: 340px; margin:0 auto; overflow:hidden; padding-top: 20px;}
.act .fb_head .icon{ width: 55px; height:55px; border-radius:55px; border:1px #fff solid; float:left; overflow: hidden;}
.act .fb_head .icon img{ width:100%; display:block; }
.act .fb_head .info{ float: left; margin-left: 5px;}
.act .fb_head .info p{ font-size: 20px; color:#915d26; font-family: "cormorant"; text-indent: 10px}
.act .fb_head .info p:after{ width:25px; height:25px; display:inline-block; content:""; background-image: url(img/i_fb.png); background-size: 100% 100%; vertical-align: middle; margin: -3px 0 0 5px}
.act .fb_head .info span{ display: block; font-size: 16px; color:#333; height: 20px; line-height: 20px; background-color: #ebdfc1; border-radius: 20px; padding: 0 10px; margin-top: 5px}
.act .fb_box{ width:340px; margin:10px auto 0; }

.act .act_box{ width: 360px; height:208px; background-image:url(img/act_bg.png); background-size: 100% 100%; position: absolute; top: 450px; left: -100px; box-shadow: -3px 5px 4px rgba(0, 0, 0, .2);}
.act .act_box:before{ content:""; display:block; width:161px; height:60px; background-image:url(img/t_act.png); background-size: 100% 100%; position: absolute; top: -30px; left: -20px; z-index: 2}
.act .act_focus{ width:335px; height:180px; margin: 0 auto; padding-top: 10px; position: relative; z-index: 1}
.act .act_focus img{ width:100%; height:100%; display:block; object-fit:cover }

.act .act_focus .flex-control-paging { position: absolute; right: 10px; bottom: 0; }
.act .act_focus .flex-control-paging li { float: left; width: 12px; height: 12px; overflow: hidden; margin: 0 2px; }
.act .act_focus .flex-control-paging li a { width: 12px; height: 12px; position: relative; display: block; text-indent: -9000px; cursor: pointer; background-image:url(img/focus_dot.png); background-size: 200% 100%; background-position:left }
.act .act_focus .flex-control-paging li a.flex-active { background-position:right; }

.part_1 .btn_news{ width:111px; position: absolute; top: 150px; left:50%; margin-left:556px; }
.part_1 .btn_news a{ width:111px; height:60px; display:block; background-image:url(img/btn_news.png); background-size:100% 400%; margin-top:15px; }
.part_1 .btn_news a:nth-child(1){ background-position:0 0 }
.part_1 .btn_news a:nth-child(2){ background-position:0 -60px }
.part_1 .btn_news a:nth-child(1).cur{ background-position:0 -120px }
.part_1 .btn_news a:nth-child(2).cur{ background-position:0 -180px }
.part_1 .btn_news a:nth-child(1):hover{ background-position:0 -120px }
.part_1 .btn_news a:nth-child(2):hover{ background-position:0 -180px }

.part_2 .lover_info{ position: absolute; top:200px; left:150px; z-index:3; }
.part_2 .curtain{ position: absolute; top:0; left:0; z-index:2; }
.part_2 .curtain img{ width:850px; }
.part_2 .pic{ position: absolute; top:0; left:0; width:100%; height:100%; z-index: 1}
.part_2 .pic #loverPlayer{ width:100%; height:100%; }
.part_2 .lover_aside{ position: absolute; top:50%; right:180px; width: 153px; height: 897px; overflow: hidden; background-image: url(img/lover_tab_bg.png);background-size: 100% 100%; z-index: 4; transform-origin: 50% 0; transform: scale(.8) translateY(-46%);}
.part_2 .btn_detail{ width:224px; display:block; position: absolute; bottom:100px; right:370px; transition: .5s; z-index:4 }
.part_2 .btn_detail:hover{ transform:translateX(5px); }

.lover_info .name{ font-size: 70px; line-height: 60px; width: 660px; font-family:"cormorant"; background-image: linear-gradient(to bottom, #d69462, #f9f2d5); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;  position: relative;}
.lover_info .name:before{ content:"NAME"; display:block; font-family: "cormorant"; font-weight: normal; font-size: 50px; position: absolute; bottom:-30px; left:0; z-index: -1; color:#7c5543; -webkit-text-fill-color:#7c5543; letter-spacing: 0; font-style: italic;}
.lover_info .lover_cv{ margin-top:45px; line-height:58px; height: 58px;}
.lover_info .lover_cv i{ width:62px; height:58px; background-image:url(img/lover_audio.png); background-size: 100% 100%; float: left; cursor: pointer;}
.lover_info .lover_cv i.playing{ background-image:url(img/lover_audio.gif); }
.lover_info .lines{ max-width: 470px; float: left; height:50px; line-height:25px; margin:5px 0 10px 20px; position: relative; font-size: 20px; color:#e7dec7; font-family: "cormorant"; display: flex; align-items: center;}
.lover_info .lines:before{ content:"“"; position: absolute; top:-10px; left:-20px; }
.lover_info .lines:after{ content:"”"; position: absolute; bottom:-10px; right:-20px; }
.lover_info .intro{ width: 500px; height:140px; background-image:url(img/lover_info.png); background-size: 100% 100%; clear: both; box-sizing: border-box; padding: 20px 5px 20px 20px; margin-top: 15px; position: relative;}
.lover_info .intro div{ width:100%; height:100%; overflow:auto; font-size: 14px; color:#cfc2b5; line-height:25px; padding-right: 10px; box-sizing: border-box; font-weight: 100}
.lover_info .intro div::-webkit-scrollbar{ width:5px; }
.lover_info .intro div::-webkit-scrollbar-thumb{ border-radius:5px; background-color:#949180 }
.lover_info .intro:after{ content:""; display:block; width:500px; height:11px; background-image:url(img/lover_line.png); background-position:right; position: absolute; bottom:-33px; right:0 }

.lover_info .lover_lv_tab{ width:100%; margin-top: 100px; position: relative;}
.lover_info .lover_lv_tab:before{ content:"Lover's Whisper"; display:block; font-size: 22px; color:#cfc2b5; position: absolute; top:-40px; left:0; font-family: "cormorant" }
.lover_info .lover_lv_tab ul li{ width:120px; height:120px; float:left; margin-right:20px; background-image:url(img/lover_lv_tab.png); background-size: 100% 100%; cursor: pointer; position: relative;}
.lover_info .lover_lv_tab ul li img{ width:112px; margin: 4px 0 0 5px; display:block; border-bottom-right-radius: 5px; opacity: .6}
.lover_info .lover_lv_tab ul li.cur img{ opacity:1}
.lover_info .lover_lv_tab ul li:hover img{ opacity:1}
.lover_info .lover_lv_tab ul li:before{ width:12px; height:12px; content: ""; display:block; position: absolute; top:8px; right:8px; background-image:url(img/lover_lv_audio.png); background-size:100% 100%; }
.lover_info .lover_lv_tab ul li.playing:before{ background-image:url(img/lover_lv_audio.gif);}
.lover_aside .lover_sex{ width: 80px; height:80px; display:block; background-image: url(img/lover_sex.png); background-size: 100% 200%; margin: 40px auto 0; transition: transform .5s}
.lover_aside .lover_sex:hover{ transform:scale(1.03); }
.lover_aside .lover_sex.male{ background-position:bottom }
.lover_aside .lover_sex.female{ background-position:top }
.lover_tab{ width: 115px; height: 580px; overflow: hidden; margin: 0 auto; transform: translate(1px,100px);}
.lover_tab ul{ width: 115px; transition: .5s}
.lover_tab ul li{ width:115px; height:115px; margin:25px 0; cursor: pointer; transition: transform .5s; background-size: 200% 600%}
.lover_tab ul li:hover{ transform:scale(1.03); }
.lover_tab.male ul li{ background-image:url(/style/img/lover/cover_male.png); }
.lover_tab.female ul li{ background-image:url(/style/img/lover/cover_female.png); }
.lover_tab ul li:nth-child(1){ background-position:0 0 }
.lover_tab ul li:nth-child(2){ background-position:0 -115px }
.lover_tab ul li:nth-child(3){ background-position:0 -230px  }
.lover_tab ul li:nth-child(4){ background-position:0 -345px }
.lover_tab ul li:nth-child(5){ background-position:0 -460px }
.lover_tab ul li:nth-child(6){ background-position:0 -575px }
.lover_tab ul li:nth-child(1).cur{ background-position:-115px 0 }
.lover_tab ul li:nth-child(2).cur{ background-position:-115px -115px }
.lover_tab ul li:nth-child(3).cur{ background-position:-115px -230px  }
.lover_tab ul li:nth-child(4).cur{ background-position:-115px -345px }
.lover_tab ul li:nth-child(5).cur{ background-position:-115px -460px }
.lover_tab ul li:nth-child(6).cur{ background-position:-115px -575px }

.szSwiper{ width: 3000px; height: 100%; position: relative; left: 50%; margin-left: -1500px; z-index: 2}
.szSwiper .swiper-slide{ width: 1000px; height: 100%; overflow: inherit; z-index: 1; position: relative;transform: scale(.8); transition: .5s;}
.szSwiper .swiper-slide-active{ transform: translateX(0) scale(1)!important; z-index: 2; opacity: 1!important;}
.szSwiper .swiper-slide-prev{ transform: translateX(550px) scale(.8); }
.szSwiper .swiper-slide-next{ transform: translateX(-550px) scale(.8); }

.szSwiper .sz_close{ width:27px; display:block; position: absolute; top:220px; left:50%; margin-left: 600px; transition: .5s; z-index: 2; display: none}
.szSwiper .sz_close:hover{ transform:rotate(90deg); }

.szSwiper .swiper-pagination{position:absolute;bottom:80px;text-align:center;}
.szSwiper .swiper-pagination-bullet{display:inline-block;width:15px;height:15px; position: relative; cursor:pointer; opacity: 1; margin: 0 5px!important; background: transparent; background-image: url(img/focus_dot.png); filter: brightness(.9);}
.szSwiper .swiper-pagination-bullet-active{ background-position:right; filter: brightness(1.0);}

.szSwiper .swiper-button-next{ width:81px; height:81px; background-image:url(img/arrow.png); background-size: 100% 100%; right: 50%; margin-top: -40px; margin-right: -800px; transition: .5s}
.szSwiper .swiper-button-prev{ width:81px; height:81px; background-image:url(img/arrow.png); background-size: 100% 100%; left: 50%; margin-top: -40px; margin-left: -800px; transform: rotateY(180deg); transition: .5s}
.szSwiper .swiper-button-next:hover{ transform:translateX(5px); }
.szSwiper .swiper-button-prev:hover{ transform: rotateY(180deg) translateX(5px); }

.sz_cover{ width:800px; position: absolute; top:0; left:50%; margin-left:-400px; }
.sz_cover:before{ content:""; display:block; width:3px; height:500px; background-image:url(img/img_16.png); background-size: 100% 100%; position: absolute; top: -200px; left: 300px; z-index: 1}
.sz_cover:after{ content:""; display:block; width:3px; height:500px; background-image:url(img/img_16.png); background-size: 100% 100%; position: absolute; top: -200px; right: 300px; z-index: 1}
.sz_cover .cover{ width: 400px; height:566px; background-image:url(img/sz_bg.png); background-size: 100% 100%; position: absolute; top: 200px; left: 50%; margin-left: -200px; z-index: 2}
.sz_cover .cover .pic{ width: 710px; height: 800px; position: absolute; top:-250px; left:50%; margin-left:-355px; overflow:hidden; -webkit-mask-image:linear-gradient( to top,rgba(0, 0, 0, 0),rgba(0, 0, 0, 1.0),rgba(0, 0, 0, 1.0),rgba(0, 0, 0, 1.0)); transition: .5s}
.sz_cover .cover .pic img{ width:100%; display:block; padding-top:160px; transition: .5s; }
.sz_cover .cover .name{ width: 420px; height:80px; background-image:url(img/sz_name_bg.png); background-size: 100% 100%; position: absolute; bottom: 16px; left: 50%; margin-left: -210px; white-space: nowrap; text-indent: -45px; transition: .5s}
.sz_cover .cover .name span{ height: 40px; line-height: 40px; position: absolute; top:37px; left:50%; transform:translateX(-40%); font-size: 26px; color:#080907; font-family:"cormorant"; white-space:nowrap; }
.sz_cover .cover .name span:after{ content:""; display:inline-block; width:52px; height:6px; background-image:url(img/sz_name_line.png); vertical-align:middle; margin:-5px 0 0 15px }
.sz_cover .cover .name span:before{ content:""; display:inline-block; width:52px; height:6px; background-image:url(img/sz_name_line.png); vertical-align:middle; margin:-5px 15px 0 0; transform:rotateY(180deg); }

.szDetail{ width:1920px; height: 400px; background-image: url(/style/img/sz/sz_detail_bg.png); background-size: 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; display: none}
.szDetail .pic{ position: absolute; top:80px; left:50%; margin-left:-660px; }
.szDetail .pic img{ margin-right:20px; width: 180px; }
.szDetail .info{ width: 350px; position: absolute; top:90px; right:50%; margin-right:-625px; }
.szDetail .info b{ width:100%; display:block; text-align: center; white-space: nowrap; font-size: 45px; height: 80px; line-height: 100px; font-family:"cormorant"; font-weight:normal; background-image: linear-gradient(to bottom, #d69462, #f9f2d5); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative;}
.szDetail .info b:before{ content:""; display:block; width: 350px; height:11px; background-image:url(img/lover_line.png); background-position: right; filter: brightness(1.5); position: absolute; bottom: -20px; left:50%; transform:translateX(-46%); }
.szDetail .info p{ width:100%; display:block; text-align: left; font-size: 18px; color: #e7dec7; height: 20px; line-height: 20px; margin-top: 35px; font-family: "cormorant"; padding-left: 15px; box-sizing: border-box;}

.szSwiper .swiper-slide-active .cover{ cursor: pointer; }
.szSwiper .swiper-slide-active .cover:hover .pic img{ transform:scale(1.02); }

.szSwiper.detail .swiper-slide{ opacity:0 }
.szSwiper.detail .swiper-slide-active .sz_cover .cover .pic{ height: 1200px; top:-330px; -webkit-mask-image:linear-gradient( to top,rgba(0, 0, 0, 0),rgba(0, 0, 0, 1.0) 15%,rgba(0, 0, 0, 1.0),rgba(0, 0, 0, 1.0));}
.szSwiper.detail .swiper-slide-active .sz_cover .cover .name{ opacity:0 }

.part_3 .sz_sex{ width: 94px; height:130px; position: absolute; top:65px; right:130px; background-image:url(img/sz_tab.png); background-size: 200% 100%; cursor: pointer; transform-origin: 50% 0; transition:transform .5s; z-index: 6}
.part_3 .sz_sex.female{ background-position:right; }
.part_3 .sz_sex.male{ background-position:left; }
.part_3 .sz_sex:hover{ transform:scale(1.03); }

.hero_box{ width: 100%; height: 100%; position: relative; z-index:5; }
.hero_info{ width:300px; height:677px; background-image:url(img/hero/hero_left.png); background-size: 100% 100%; position: absolute; top: 180px; left: 150px; z-index: 3}
.hero_info .zhenying{ width:160px; display: block; margin:0 auto; padding-top:75px }
.hero_info .name{ width:300px; text-align: center; font-size: 45px; font-family: "cormorant"; text-align: center; display: flex; align-items: center; justify-content: center; line-height:40px; height: 80px; margin-top:70px; position: relative; text-align: center; left: 50%; transform: translateX(-50%); background-image: linear-gradient(to bottom, #d69462, #f9f2d5); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.hero_info .star{ height:39px; margin:60px auto 10px; background-image: url(img/hero/i_star.png);}
.hero_info .star.lv_4{ width:148px;}
.hero_info .star.lv_5{ width:185px;}
.hero_info .star.lv_6{ width:222px;}

.hero_info .hero_cv{ width:62px; height:62px; background-image:url(img/lover_audio.png); background-size: 100% 100%; margin:0 auto 0; cursor: pointer;}
.hero_info .hero_cv.playing{ background-image:url(img/lover_audio.gif); }

.hero_info .lines{ position: absolute; top: 560px; left: 60px; max-width: 240px; padding: 10px 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 24px; color:#f2edd3; white-space:nowrap; font-family:"cormorant"; text-shadow: 0 0 7px rgba(255, 230, 170, 1.0);}
.hero_info .lines:before{ content:"“"; position: absolute; top:0; left:0; }
.hero_info .lines:after{ content:"”"; position: absolute; bottom:0; right:0; }
.hero_info .lines_all{ width:397px; padding:20px 15px 15px 15px; box-sizing: border-box; background-image:url(img/hero/lines_bg.png); background-size: 100% 100%; font-size: 18px; color: #f2edd3; line-height: 24px; position: absolute; top: 610px; left: 0; opacity: 0; transition: .5s;}
.hero_info .lines:hover + .lines_all{ opacity:1; top:600px }
.hero_info .lines_all:hover{ opacity:1; top:600px }

.hero_intro{ width:570px; height:986px; background-image:url(img/hero/hero_right.png); background-size:100% 100%; position: absolute; top:120px; right:60px; z-index:3 }
.hero_intro .story{ width: 350px; height: 150px; overflow: auto; font-size: 16px; color:#cfc2b5; line-height:25px; margin:235px auto 0; padding:0 0 0 10px; font-weight:100 }

.hero_intro .story::-webkit-scrollbar{width:4px;}
.hero_intro .story::-webkit-scrollbar-thumb{background-color:#cfc2b5;border-radius:4px;}



.hero_intro .skill{ position: absolute; top: 500px; left:120px; }
.hero_intro .skill img{ width: 340px; display: block;}

.hero_pic{ width:100%; height: 100%; position: absolute; top:0; left:0; z-index:1; }
.hero_pic #heroPlayer{ width:100%; height:100%; position: relative;}

.hero_tab{ width: 670px; overflow: hidden; position: absolute; bottom:50px; left:50%; transform:translateX(-50%); font-size: 0; z-index:4;}
.hero_tab ul{ width: 1608px; transition:.5s }
.hero_tab ul li{ width:80px; height:80px; display:block; margin: 0 27px; float: left; background-image:url(img/hero/cover.png); background-size: 200% 1200%; cursor: pointer; position: relative;}
.hero_tab ul li:after{ content:""; display:block; width:46px; height:2px; background-image:url(img/hero/tab_line.png); position: absolute; top:50%; right:-50px; }
.hero_tab ul li:before{ content:""; display:block; width:10px; height:2px; background-image:url(img/hero/tab_line.png); position: absolute; top:50%; left:-10px; }
.hero_tab ul li.cur{ background-position-x:100%; }
.hero_tab ul li:hover{ background-position-x:100%; }
.hero_tab ul li:nth-child(1){ background-position-y: 0 }
.hero_tab ul li:nth-child(2){ background-position-y: -80px }
.hero_tab ul li:nth-child(3){ background-position-y: -160px }
.hero_tab ul li:nth-child(4){ background-position-y: -240px }
.hero_tab ul li:nth-child(5){ background-position-y: -320px }
.hero_tab ul li:nth-child(6){ background-position-y: -400px }
.hero_tab ul li:nth-child(7){ background-position-y: -480px }
.hero_tab ul li:nth-child(8){ background-position-y: -560px }
.hero_tab ul li:nth-child(9){ background-position-y: -640px }
.hero_tab ul li:nth-child(10){ background-position-y: -720px }
.hero_tab ul li:nth-child(11){ background-position-y: -800px }
.hero_tab ul li:nth-child(12){ background-position-y: -880px }

.hero_box .hero_prev{ width: 40px; height:40px; background-image:url(img/arrow.png); background-size: 100% 100%; position: absolute; bottom: 70px; left: 50%; z-index: 4; margin-left: -390px; cursor: pointer; transform: rotateY(-180deg); transition: .5s}
.hero_box .hero_next{ width: 40px; height:40px; background-image:url(img/arrow.png); background-size: 100% 100%; position: absolute; bottom: 70px; left: 50%; z-index: 4; margin-left: 350px; cursor: pointer; transition: .5s}
.hero_box .hero_prev:hover{ transform: rotateY(-180deg) translateX(3px); }
.hero_box .hero_next:hover{ transform: translateX(3px); }

.part_5 .cloud{ display:block; width:100%; height:100%; pointer-events: none; background-image:url(/style/img/map/cloud.png); background-size:100% 100%; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:4; }
.part_5 .inner{ width:100%; height:100%; transform: scale(.8); position: relative; z-index: 3}
.part_5 .inner:before{ content:""; display:block; width:100%; height:100%; position: absolute; top:0; left:0; box-shadow: 0 0 200px 120px rgba(26, 48, 57, 1.0) inset; transform: scale(1.6); pointer-events: none; z-index: 2}

.swiper-slide-active.part_5 .cloud{ transform:translate(-50%,-50%) scale(2); opacity:0; transition:3s }
.swiper-slide-active.part_5 .inner{ transform: scale(1); transition:3s }
.swiper-slide-active.part_5 .inner:before{ transform: scale(1); transition: 3s }

.part_5:after{ content:""; display:block; width:100%; height: calc( 100% - 70px ); position: absolute; top:80px; left:0; background-image: url(/style/img/map/map_line.png); background-size: 100% 100%; pointer-events: none; z-index: 4}
.part_5:before{ content:"Map"; display:block; font-family:"cormorant"; font-size: 20px; color:#8c9294; text-shadow: 0 0 6px rgba(0, 0, 0, .6); position: absolute; top: 80px; left:50%; transform:translateX(-50%); z-index:4 }
.world{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); overflow:hidden; z-index:1 }
.world .map{ width: 3000px; height: 1737px; position: absolute; top: 400px; left: 200px; transition: .2s ease-out}
.world .map img{ width: 100%; display:block;}
.world .map a{ display:block; z-index:3; position: absolute; top:50%; left:50%;}
.world .map a i{ display:block; pointer-events: none; background-size: 100% 100%; z-index:3; position: absolute; top:50%; left:50%; opacity: 0; transition: .5s }
.world .map a span{ display:block; pointer-events: none; background-size: 100% 100%; z-index:3; position: absolute; top:50%; left:50%; opacity: 0; transition: .5s }

.world .map a b{ display:block; pointer-events: none; width: 150px; z-index:3; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); transition: .5s }
.world .map a b img{ display:block; width:100%; position: relative; z-index:2 }

.world .map a:hover i{ opacity:1 }
.world .map a.cur i{ opacity:1 }
.world .map a.cur span{ opacity:1 }
.world .map a:before{ content:""; display:block; position: absolute;}
.world .map a:after{ content:""; display:block; position: absolute;}

.world .map a:hover b:before{ content:""; display:block; width:50px; height:50px; border: 1px #e3e2b2 solid; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); z-index: 1; animation: flag 1s linear infinite;}
.world .map a:hover b:after{ content:""; display:block; width:50px; height:50px; border: 1px #e3e2b2 solid; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); z-index: 1; animation: flag 1s .3s linear infinite;}

@keyframes flag {
    from { width:50px; height:50px; opacity: 1}
    to { width:120px; height:120px; opacity: 0}
}


.world .map .map_1{ width:300px; height:300px; transform:translate(-170px,25px);}
.world .map .map_1:before{ width:400px; height:400px; top:-120px; left:-120px; }
.world .map .map_1:after{ width:280px; height:300px; top:160px; left:185px; }
.world .map .map_1 i{ width:884px; height:725px; background-image: url(img/map/map_1.png); top:-210px; left:-301px;}
.world .map .map_1 span{ width:884px; height:725px; background-image: url(img/map/map_1_c.png); top:-210px; left:-301px;}
.world .map .map_1 b{ transform:translate(-170px,-155px); }

.world .map .map_2{ width:300px; height:300px; transform:translate(351px,-287px); }
.world .map .map_2:before{ width:400px; height:400px; top:-77px; left:-182px; border-bottom-left-radius:50%; border-top-left-radius:80px; }
.world .map .map_2:after{ width:280px; height:300px; top:-10px; left:225px; border-bottom-right-radius:50%; border-top-right-radius:50%;}
.world .map .map_2 i{ width:852px; height:564px; background-image: url(img/map/map_2.png); transform: translate(-50%,-50%);}
.world .map .map_2 span{ width:852px; height:564px; background-image: url(img/map/map_2_c.png); transform: translate(-50%,-50%);}
.world .map .map_2 b{ transform:translate(-45%,-73%); }

.world .map .map_3{ width:300px; height:300px; transform:translate(429px,70px);}
.world .map .map_3:before{ width:300px; height:380px; top:-28px; left:-107px; border-bottom-left-radius:50%; border-top-left-radius:50%; }
.world .map .map_3:after{ width:280px; height:260px; top:62px; left:272px; border-bottom-right-radius:50%; border-top-right-radius:50%;}
.world .map .map_3 i{ width:909px; height:569px; background-image: url(img/map/map_3.png); transform: translate(-50%,-50%);}
.world .map .map_3 span{ width:909px; height:569px; background-image: url(img/map/map_3_c.png); transform: translate(-50%,-50%);}
.world .map .map_3 b{ transform:translate(-62%,-50%); }

.world .map .map_4{ width:300px; height:300px; transform:translate(-204px,-589px);}
.world .map .map_4:before{ width:400px; height:480px; top:-88px; left:-107px; border-bottom-left-radius:50%; border-top-left-radius:50%; }
.world .map .map_4:after{ width:380px; height:300px; top:-62px; left:272px; border-bottom-right-radius:50%; border-top-right-radius:50%;}
.world .map .map_4 i{ width:938px; height:669px;  background-image: url(img/map/map_4.png);  transform: translate(-35%,-40%);}
.world .map .map_4 span{ width:938px; height:669px;  background-image: url(img/map/map_4_c.png);  transform: translate(-35%,-40%);}

.world .map .map_5{ width:200px; height:200px; transform:translate(-802px,-707px);}
.world .map .map_5:before{ width:200px; height:230px; top:28px; left:-97px; border-bottom-left-radius:50%; border-top-left-radius:50%; border-bottom-right-radius:50%; }
.world .map .map_5 i{ width:461px; height:362px; background-image: url(img/map/map_5.png); transform: translate(-50%,-50%);}
.world .map .map_5 span{ width:461px; height:362px; background-image: url(img/map/map_5_c.png); transform: translate(-50%,-50%);}
.world .map .map_5 b{ transform:translate(3%,-63%); }

.world .map .map_6{ width:200px; height:200px; transform:translate(-948px,112px);}
.world .map .map_6:before{ width:469px; height:460px; top:-190px; left:-80px;border-radius:50% }
.world .map .map_6:after{ width:300px; height:130px; top:206px; left:-182px; border-bottom-right-radius:50%; border-top-right-radius:50%;}
.world .map .map_6 i{ width:591px; height:588px; background-image: url(img/map/map_6.png); transform: translate(-50%,-50%);}
.world .map .map_6 span{ width:591px; height:588px; background-image: url(img/map/map_6_c.png); transform: translate(-50%,-50%);}
.world .map .map_6 b{ transform:translate(-50%,-71%); }

.world .map .map_7{ width:200px; height:200px; transform:translate(667px,565px);}
.world .map .map_7:before{ width:300px; height:300px; top:-74px; left:-200px;border-radius:50% }
.world .map .map_7:after{ width:400px; height:400px; top:-60px; left:82px; border-bottom-right-radius:50%; border-top-right-radius:50%;}
.world .map .map_7 i{ width:844px; height:405px; background-image: url(img/map/map_7.png); transform: translate(-50%,-50%);}
.world .map .map_7 span{ width:844px; height:405px; background-image: url(img/map/map_7_c.png); transform: translate(-50%,-50%);}
.world .map .map_7 b{ transform:translate(-132%,-95%); }


.map_story{ width: 580px; height:450px; background-image:url(img/map/mp_bg.png); background-size: 100% 100%; position: absolute; bottom: 0; right: 0; z-index: 3; display: none}
.map_story .map_close{ width: 20px; display:block; position: absolute; top:10px; right:25px; z-index: 2; transition:.5s }
.map_story .map_close img{width: 100%; display: block;}
.map_story .map_close:hover{ transform:rotate(90deg); }
.map_story .con{ padding: 50px 60px; }
.map_story .con .map_title{ height: 130px; position: relative; }
.map_story .con .map_title .sign{ width: 100px; height: 100px; float:left; position: relative;}
.map_story .con .map_title .sign:before{ content:""; display:block; width: 141px; height:130px; background-image:url(img/map/zy_bg.png); background-size: 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-55%); z-index: 0}
.map_story .con .map_title .sign img{ width:100%; display:block; position: relative; z-index:1 }
.map_story .con .map_title span{ font-size: 36px; color:#e7dec7; display:block; float:left; line-height:100px; margin-left:30px; font-family:"cormorant" }
.map_story .con .map_title:before{ content:""; display:block; width: 460px; height:11px; background-image:url(img/lover_line.png); background-position:right; background-size:cover; position: absolute; bottom:10px; right:0 }
.map_story .con .map_txt{ width:100%; padding-top:15px; font-family: "cormorant"; color: #e7dec7}
.map_story .con .map_txt b{ font-weight:normal; display:block; font-size: 18px; line-height:20px; }
.map_story .con .map_txt .txt{ font-size: 16px; padding-top:15px; line-height:22px; height:178px; overflow:auto; }

.map_story .con .map_txt .txt::-webkit-scrollbar{width:4px;}
.map_story .con .map_txt .txt::-webkit-scrollbar-thumb{background-color:#cfc2b5;border-radius:4px;}



.ny_header{ width: 100%; height: 100%; height: 500px; background-image: url(img/ny_header.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat; position: relative; }
.ny_header .logo{ width: 256px; display: block; top: 150px; left: 50%; margin-left: -640px; position: absolute;}
.ny_header .logo img{ width: 100%; display: block; }

.ny_wrapper{ width: 100%; min-height: 800px; background-image: linear-gradient(to bottom,#e0ceb8,#fefbf4 100px,#fefbf4); position: relative; padding-bottom:50px }
.ny_wrapper:after{ content: ""; display: block; width: 100%; height: 964px; position: absolute; bottom: 0; left: 0; background-image: url(img/ny_news_bottom.png); background-position: bottom center; background-repeat: no-repeat; z-index: 1}
.ny_wrapper .inner{ position: relative;z-index: 2; overflow: hidden;}
.ny_wrapper .ny_t_box{ width: 638px; height: 194px; line-height: 194px; background-image: url(img/ny_t.png); font-size: 56px; color: #333; text-align: center; font-family: "cormorant"; margin: 0 auto; }
.ny_wrapper .ny_news_tab{ width: 100%; height: 70px; border-bottom: 1px #d6bd9f solid; text-align: center; line-height: 70px; }
.ny_wrapper .ny_news_tab ul li{ width: 80px; display: inline-block; margin: 0 25px; }
.ny_wrapper .ny_news_tab a{ width: 80px; display: block; white-space: nowrap; font-size: 24px; color: #666; text-align: center; height: 66px; position: relative;}
.ny_wrapper .ny_news_tab a:before{ content:""; display:block; width:124px; height:8px; background-image:url(img/ny_tab_cur.png); position: absolute; bottom:-5px; left:50%; transform:translateX(-50%); opacity: 0}
.ny_wrapper .ny_news_tab ul li.cur a{ color: #8f5d22; font-weight: bold; }
.ny_wrapper .ny_news_tab ul li.cur a:before{ opacity:1 }
.ny_wrapper .ny_news_tab ul li:hover a{ color: #8f5d22; }
.ny_wrapper .ny_news_list{ width: 100%; }
.ny_wrapper .ny_news_list ul li{ width: 100%; min-height: 60px; padding: 40px 0; border-bottom: 1px #d2ebe8 solid; overflow: hidden;}
.ny_wrapper .ny_news_list ul li a{ width: 1100px; margin: 0 auto; display: block; position: relative; transition: .5s}
.ny_wrapper .ny_news_list ul li a .news_name{ width:63px; height: 74px; background-image: url(img/ny_news_name.png); font-family:"cormorant"; font-size: 16px; color: #fff6c3; text-align: center; line-height: 54px; display: block; float: left; margin: 0 30px 0;}
.ny_wrapper .ny_news_list ul li a .news_info{ width: 920px; float: right; }
.ny_wrapper .ny_news_list ul li a .news_info h1{ font-size: 22px; color: #333; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 720px;}
.ny_wrapper .ny_news_list ul li a .news_info p{ font-size: 16px; color: #999; line-height: 24px; display: block; padding-top: 10px;}
.ny_wrapper .ny_news_list ul li a .news_time{ font-size: 18px; color: #666; display: block; position: absolute; top: 0; right: 0 }
.ny_wrapper .ny_news_list ul li:hover{ background-image:url(img/ny_news_hover.png); background-position:center center; background-color:rgba(255, 218, 133, .3); }
.ny_wrapper .ny_news_list ul li:hover .news_name{ background-position: bottom; }
.ny_wrapper .ny_news_list ul li:hover a{ transform: translateX(-55px); }
.ny_wrapper .ny_news_list ul li:hover a h1{ color: #714910; }

.ny_wrapper .news_top{ width: 100%; height: 120px; border-bottom: 1px #bddcd9 solid; position: relative;}
.ny_wrapper .news_top .btn_share{ display: block; line-height: 30px; position: absolute; top: 45px; left: 50%; margin-left: -640px; transition: .5s }
.ny_wrapper .news_top .btn_share span{ display:block; float:left }
.ny_wrapper .news_top .btn_share a{ width: 30px; display:block; margin-left: 10px; float:left; transition: .5s}
.ny_wrapper .news_top .btn_share a img{ width: 100%; display:block;}
.ny_wrapper .news_top .btn_share a:hover{ transform:scale(1.02); }
.ny_wrapper .news_top .location{ position: absolute; top: 54px; right: 50%; margin-right: -640px; font-size: 16px; color: #666; }
.ny_wrapper .news_top .location a{ color: #666; margin: 0 5px; }
.ny_wrapper .news_top .location a:hover{ color: #8f5d22; }
.ny_wrapper .news_top .location span{ color: #666; margin: 0 5px; }

.ny_wrapper .news_head{ width: 1280px; margin: 0 auto; padding: 60px 0 40px; text-align: center;}
.ny_wrapper .news_head h1{ font-size: 40px; color: #333; font-weight: normal; display: block; padding-bottom: 20px; }
.ny_wrapper .news_head span{ font-size: 16px; color: #666; display: block; }
.ny_wrapper .content{ padding: 0 0 40px; font-size: 16px; color: #999; line-height: 30px; width: 1280px; margin: 0 auto; }
.ny_wrapper .content *{ font-size: 16px!important; line-height: 30px!important; max-width: 100%; background-color: transparent!important; text-wrap: initial!important;}

.ny_ap_box{ width: 1280px; overflow: hidden; margin: 0 auto; padding: 40px 0;}
.ny_ap_box ul{ width: 1300px; }
.ny_ap_box ul li{ width: 300px; height: 210px; float: left; margin: 0 20px 20px 0; position: relative; cursor: pointer; overflow: hidden;}
.ny_ap_box ul li img{ width: 100%; height: 100%; display: block; transition: .5s; object-fit: cover; }
.ny_ap_box ul li:hover img{ transform: scale(1.05); }
.ny_ap_box ul li span{ width: 100%; height: 50px; line-height: 50px; position: absolute; z-index: 2; bottom: 0; left: 0; text-align: center; font-size: 16px; color: #fff; background-color: rgba(0,0,0,.3); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 2%; box-sizing: border-box;}
.ny_ap_box ul li:after{ content: ""; display: block; width: 288px; height: 198px; position: absolute; top: 5px; left: 5px; border: 1px #fff solid; opacity: .3; z-index: 1}

.ap_video ul li{ margin: 0 20px 60px 0; background-color: #000; overflow: inherit;}
/*.ap_video ul li span{ bottom:-50px; left: 0; background-color: transparent; color: #666}*/
.ap_video ul li:hover img{ transform: none; opacity: .5; }
.ap_video ul li:before{ content: ""; display: block; width: 77px; height: 68px; background-image: url(img/ico_video.png); position: absolute; top: 50%; margin-top: -34px; left: 50%; margin-left: -38px; opacity: 0; z-index: 2; transition: .5s }
.ap_video ul li:hover:before{ opacity: 1; }


.pagenum_Me{width:100%; height:36px; line-height: 36px; margin:50px auto 0; font-size: 14px; clear: both;}
.pagenum_Me ul{ text-align:center; list-style:none}
.pagenum_Me ul li{position: relative; display:inline-block; height: 36px; margin: 0px 5px; border-radius: 30px; overflow: hidden; color:#333; }
.pagenum_Me ul li a{ display: block; height: 36px; padding:0 15px; text-decoration:none; color:#666; background: #f1f1f1}
.pagenum_Me ul li a:hover{text-decoration:underline}
.pagenum_Me .selected{position: relative; font-weight: bold; }
.pagenum_Me .selected a{ text-decoration:none; color:#fff;background: #e6d6a3;}

.pop_video{ width:100%; height: 100%; position:fixed; top:0; left:0; z-index:11; background:rgba(0,0,0,.8); display:none;}
.pop_video .inner{position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); z-index:11; padding:5px; background:#000;}
.pop_video iframe{ width: 142.22vh; height: 80vh; }
.pop_video .video_close{ width:39px; height:39px; position:absolute; top:0px; right:-39px; background-color: #000; display:block; transition: .3s; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAcBAMAAABv4amZAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMA3SJE7nfMEfAFmv4AAAB5SURBVBjTVc/BCYNAGAXhR0JSgISck1QQQQuQbcFCtATBwhUG/sGFPSzfHN7m8Y9nTNbm8z4tub0Mhi7Jt8mfhEAmkEMgE8gEsAFsABvABjNcwQbX8p0NtbxvF+7Y4McYWRxGyoyUCWQCmUAmKDaADZ4wwfu8cvLLARwFEm2CnTmGAAAAAElFTkSuQmCC");}
.pop_video .video_close:hover{ transform:rotate(90deg);}

.copyright{ font-size: 14px; color:#b7a475; position: absolute; bottom:20px; right:30px; z-index:2; opacity:.6; line-height:30px; height:30px; padding:10px; cursor: pointer;}
.home #j-wishgamer-gamefoot{ width:100%; position: absolute; bottom:0; left:0; z-index:3; transform:translateY(150px); transition:.5s }