html,body,div,ul,ol,li,span,p,a,b,i,h1,h2,h3,h4,img,input,select,textarea,button{margin: 0; padding: 0; border: 0}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
html,body{ width: 100%; touch-action: pan-y; overscroll-behavior: contain; overscroll-behavior-y: none;}
img{ max-width: 100%; }

@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{ width: 100%; height: 3rem; border-bottom: 1px #a07a30 solid; background-image: linear-gradient(to bottom,rgba(0, 0, 0, 1.0),rgba(0, 0, 0, .1)); position: fixed; top: 0; left: 0; z-index: 7; }
.top_bar img{ width: 100%; display: block; }
.top_bar .logo_wish{ width: 7.5rem; display: block; position: absolute; top: .5rem; left: .5rem; z-index: 2;}
.top_bar .nav_btn{ width: 1.4rem; display: block; position: absolute; top: .85rem; right: .8rem; z-index: 2;}
.top_bar .nav_close{ width: 1.15rem; display: none; position: absolute; top: .85rem; right: .9rem; z-index: 2;}

.top_bar .nav_box{ width: 100%; height: calc( 100vh - 3rem ); overflow: auto; position: absolute; top: 3rem; left: 0; z-index: 3; display: none; box-sizing: border-box; background-color: rgba(255, 255, 255, .95);}
.top_bar .nav_box .inner{width: 100%; height: 43.48rem; background-image: url(img/m/nav_bg.png); background-size: 100% 100%;}
.top_bar .nav_box .nav_list{ width: 18.8rem; padding: .4rem; box-sizing: border-box; margin: 1rem auto 0; }
.top_bar .nav_box .nav_list a{ width: 100%; height: 3.6rem; display: block; line-height: 3.6rem; border-bottom: 1px #2f2323 solid;  font-size: 1rem; color: #eecfba; text-align: center;}
.top_bar .nav_box .nav_list a:last-child{ border-bottom: none; }

.top_bar .soc_list{ width:100%; text-align: center; padding: 2.8rem 2rem 0 2rem; box-sizing: border-box; position: relative;}
.top_bar .soc_list:before{ content:""; display:block; width: 17.6rem; height:2.1rem; background-image:url(img/m/soc_t.png); background-size: 100% 100%; position: absolute; top:0; left: 50%; transform: translateX(-50%);}
.top_bar .soc_list a{ width: 3.4rem; height:3.4rem; display:inline-block; margin:.3rem .5rem; background-image:url(img/m/soc.png); background-size: 600% 100%}
.top_bar .soc_list a:nth-child(1){ background-position: 0 0 }
.top_bar .soc_list a:nth-child(2){ background-position: 20% 0 }
.top_bar .soc_list a:nth-child(3){ background-position: 40% 0 }
.top_bar .soc_list a:nth-child(4){ background-position: 60% 0 }
.top_bar .soc_list a:nth-child(5){ background-position: 80% 0 }
.top_bar .soc_list a:nth-child(6){ background-position: 100% 0 }


.top_bar .download{ width:100%; text-align: center; padding-top: 1.5rem}
.top_bar .download a{ width:8rem; display:inline-block; margin: 0 .3rem}

.top_bar .language{ width: 100%; height: 2.5rem; line-height: 2.5rem; text-align: center; }
.top_bar .language a{ color: #fff; display: inline-block; font-size: .75rem; padding: 0 1rem; height: .75rem; line-height: .75rem; margin-top: .875rem}
.top_bar .language a:first-child{ border-right: 1px #c0b6b0 solid; }
.top_bar .language a.language_cur{ color: #eecfba }

.top_bar .btn_audio{ width: 30px; height: 30px; display: block; float: right; margin: 35px 20px 0 10px; background-image: url(img/ico_music.png); }

.top_bar .share_box{ line-height: 3rem; position: absolute; top: 0; right: 3rem;  }
.top_bar .share_box span{ font-size: .7rem; color: #333; display: inline-block; vertical-align: middle; }
.top_bar .share_box a{ display: inline-block; width: 1.5rem; transition: .5s; vertical-align: middle;}

.part{ width: 100%; position: relative; overflow: hidden; background-size: 100% 100%; }
.part_1{ background-image: url(img/m/header.jpg); height: 35.48rem;}
.part_2{ background-image: url(img/m/m_02.jpg); height: 102.78rem;}
.part_3{ background-image: url(img/m/m_03.jpg); height: 36.88rem;}
.part_4{ background-image: url(img/m/m_04.jpg); height: 35.76rem;}
.part_5{ background-image: url(img/m/m_05.jpg); height: 34.68rem;}
.part_6{ background-image: url(img/m/map.jpg); height: 33rem }


.part_1 .logo{ width:13rem; display:block; position: absolute; bottom: 10rem; left:50%; transform:translateX(-50%); filter:drop-shadow(0 0 10px rgba(0,0,0,1)) }
.part_1 .download_box{ width: 13.72rem; height: 5.1rem; padding: .2rem 1.2rem; box-sizing: border-box; background-image: url(img/m/download_box.png); background-size: 100% 100%; position: absolute; bottom: 4rem; left: 50%; transform: translateX(-50%);}
.part_1 .download_box a{ display: block; margin: .2rem 0; width: 6.5rem;}
.part_1 .download_box .video_btn{ width: 3.6rem; display: block; position: absolute; top: .5rem; right: 1.3rem;}



.t_box{ position: absolute; top:1.5rem; left:2rem; z-index: 4}
.t_box:before{ content:""; display:block; width:5rem; height:4.6rem; background-image:url(img/t_ico.png); background-size: 100% 100%; transform: rotate(0deg); transition: .5s; position: absolute; top: -1.2rem; left: -2.8rem;}
.t_box .t_img{ width:7rem; position: relative; }

.part_4 .t_box{ top: 4rem; }
.part_4:before{ content:""; display:block; width:100%; height:2.9rem; position: absolute; top:0; left:0; background-image:url(img/m/sz_mask.png); background-size: 100% 100%; z-index: 2}

.part_2 .focus{ width:17.92rem; height:10.1rem; margin:5rem auto 1rem; position: relative;}
.part_2 .focus:before{ content:""; display:block; width:17.92rem; height:10.1rem; 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_2 .focus .slide{ border-radius: 30px; overflow:hidden; transition: .5s}
.part_2 .focus .slide.flex-active-slide{ opacity:1 }
.part_2 .focus img{ width:100%; height:100%; background-size:cover; transition: .5s}

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



.part_2 .news{ width:16rem; height:15.2rem; margin: 2.2rem auto;}
.news .news_tab{ width:100%; height: 1.52rem; line-height: 1.52rem; font-size: .68rem; font-weight: bold; }
.news .news_tab a{ width: 4rem; height: 1.52rem; color:#542f2f; display:block; float:left; text-align: center;}
.news .news_tab a.cur{ color:#915d26; background-image:url(img/m/news_cur.png); background-size: 100% 100%}

.news .news_list{ width: 100%; margin: 1rem 0 .3rem; }
.news .news_list ul li{ width:100%; height:2.3rem; font-size: .6rem;}
.news .news_list ul li a{ display:block; color: #542f2f;}
.news .news_list ul li .news_time{ font-size: .55rem; color: #542f2f; line-height: .7rem;}
.news .news_list ul li p{ height:.8rem; line-height:.8rem; margin-top: 2px;}
.news .news_list ul li p span{ width: 1.7rem; height: .8rem; line-height: .8rem; 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:1rem; height:1px; background-color:#542f2f; position: absolute; top:50%; left:2rem }
.news .news_list ul li p b{ display:block; float:left; width:11rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-left:2.2rem; }

.news .news_more{ width: 14rem; display: block; margin:0 auto; }

.act_box{ width: 15.2rem; height:8.56rem; margin: 1.7rem 0 0 1.7rem; position: relative;}
.act_box:before{ content:""; display:block; width:6.66rem; height:2.46rem; background-image:url(img/m/t_act.png); background-size: 100% 100%; position: absolute; top: -2rem; right: -2.2rem; z-index: 2}
.act_focus .flex-control-paging { position: absolute; right: .5rem; bottom: .5rem; }
.act_focus .flex-control-paging li { float: left; width: .7rem; height: .7rem; overflow: hidden; margin: 0 .1rem; }
.act_focus .flex-control-paging li a { width: .7rem; height: .7rem; position: relative; display: block; text-indent: -9000px; cursor: pointer; background-image:url(img/focus_dot.png); background-size: 200% 100%; background-position:left }
.act_focus .flex-control-paging li a.flex-active { background-position:right; }

.fb_wrap{ width:16.48rem; height:21.4rem; margin: 2.6rem 0 0 2.35rem; position: relative;}
.fb_wrap:before{ content:""; display:block; width:6.5rem; height:3rem; background-image:url(img/t_fb.png); background-size: 100% 100%; position: absolute; top: -2rem; left: -1.5rem}
.fb_head{ width: 100%; height: 3rem}
.fb_head .icon{ width: 3rem; height:3rem; border-radius:3rem; border:1px #fff solid; float:left; overflow: hidden;}
.fb_head .icon img{ width:100%; display:block; }
.fb_head .info{ float: left; margin-left: .5rem; margin-top: .3rem}
.fb_head .info p{ font-size: .8rem; color:#915d26; font-family: "cormorant"; text-indent: .3rem}
.fb_head .info p:after{ width:1rem; height:1rem; display:inline-block; content:""; background-image: url(img/i_fb.png); background-size: 100% 100%; vertical-align: middle; margin: -.1rem 0 0 .2rem}
.fb_head .info span{ display: block; font-size: .7rem; color:#333; height: 1.2rem; line-height: 1.2rem; background-color: #ebdfc1; border-radius: 1.2rem; padding: 0 .3rem; margin-top: .1rem}
.fb_box{ width:100%; height: 17.8rem; margin: .5rem auto; overflow:hidden; }


.guide{width: 100%; margin-top: 5rem; position: relative;}
.guide ul li{ width: 8.4rem; height:10rem; 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:7.4rem; height:5.3rem; display:block; margin:0 auto; object-fit:cover; padding-top:.74rem }
.guide ul li .info{ width:7.4rem; padding-top:.6rem; margin:0 auto; }
.guide ul li .info b{ font-size:.76rem; color:#915d26; line-height:1.2rem; font-family: "simsun"}
.guide ul li .info p{ font-size:.55rem; color:#542f2f; line-height:.8rem; height: 1.6rem; 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; top: 0; left: .9rem}
.guide ul li:nth-child(2){ top:.6rem; left:10rem; z-index:3; }
.guide ul li:nth-child(3){ top:11.4rem; left:1rem; z-index:1; }
.guide ul li:nth-child(2):before{content:""; display:block; width:1.4rem; height:2.48rem; background-image:url(img/m/act_line_2.png); background-size: auto 100%; background-position: left; position: absolute; top:-.3rem; right:-.3rem; pointer-events: none; z-index:3}
.guide:before{ content:""; display:block; width:18.4rem; height:2.48rem; background-image:url(img/m/act_line_2.png); background-size: 100% 100%; position: absolute; top:-.5rem; left:.3rem; pointer-events: none; z-index:3}
.guide:after{ content:""; display:block; width:9.38rem; height:4.34rem; background-image:url(img/m/act_line_1.png); background-size: 100% 100%; position: absolute; top:8rem; left:.7rem; pointer-events: none; z-index:2 }

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

.sex_box{ width: 2.94rem; height:3.84rem; background-image:url(img/m/sex_bg.png); background-size: 100% 100%; position: absolute; top: .3rem; right: 1rem; z-index: 4}

.lover_sex{ width: 3rem; height:3rem; display:block; background-image: url(img/lover_sex.png); background-size: 100% 200%; position: absolute; top: .3rem; left: 50%; margin-left: -1.5rem}
.lover_sex:hover{ transform:scale(1.03); }
.lover_sex.male{ background-position:bottom }
.lover_sex.female{ background-position:top }

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



.part_3 .lover_info{ width: 100%; height: 18rem; background-image: linear-gradient(to bottom,rgba(25, 9, 10, 0),rgba(25, 9, 10, .3) 15%,rgba(25, 9, 10, .86) 45%,rgba(25, 9, 10, .86)); position: absolute; bottom:0; left:0; z-index:3; }
.part_3 .curtain{ position: absolute; top:0; left:0; z-index:2; }
.part_3 .curtain img{ width:850px; }
.part_3 .pic{ position: absolute; top:0; left:0; width:100%; height:100%; z-index: 1}
.part_3 .pic #loverPlayer{ width:100%; height:100%; }
.part_3 .btn_detail{ width:6.4rem; display:block; position: absolute; bottom:16.5rem; right:.6rem; transition: .5s; z-index:4 }
.part_3 .btn_detail:hover{ transform:translateX(5px); }

.lover_info .name{ font-size: 1.6rem; height: 1.6rem; line-height: 1.6rem; letter-spacing: -.1rem; font-family:"simsun"; font-weight:bold; background-image: linear-gradient(to bottom, #d69462, #f9f2d5); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; margin-top: 5.5rem; margin-left: 1rem}
.lover_info .name:before{ content:"NAME"; display:block; font-family: "cormorant"; font-weight: normal; font-size: 1rem; position: absolute; top:.7rem; left:0; z-index: -1; color:#7c5543; -webkit-text-fill-color:#7c5543; letter-spacing: 0; font-style: italic;}
.lover_info .lover_cv{ position: absolute; top: 5.5rem; right: 1rem;width:1.7rem; height:1.65rem; display: block; background-image:url(img/lover_audio.png); background-size: 100% 100%; cursor: pointer;}
.lover_info .lover_cv.playing{ background-image:url(img/lover_audio.gif); }
.lover_info .intro{ width: 18rem; height:3.5rem; box-sizing: border-box; padding: .2rem 0 .2rem 0; margin: 1.5rem auto; position: relative;}
.lover_info .intro div{ width:100%; height:100%; overflow:auto; font-size: .6rem; color:#cfc2b5; line-height:1rem; padding-right: .2rem; 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:18rem; height:.2rem; background-image:url(img/m/lover_line.png); background-size: 100% 100%; position: absolute; top:-.5rem; right:0 }

.lover_info .lover_lv_tab{ width:12.2rem; position: absolute; top: 1.6rem; left: 1rem}
.lover_info .lover_lv_tab:before{ content:""; display:block; width: 5.3rem; height: 1.08rem; background-image: url(img/m/lover_t.png); background-size: 100% 100%; position: absolute; top:-1.5rem; left:-1rem; }
.lover_info .lover_lv_tab ul li{ width:3.3rem; height:3.3rem; float:left; margin: 0 .25rem; 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:3.2rem; margin: .05rem 0 0 .05rem; 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_tab{ width: 19.2rem; height: 4rem; overflow: hidden; position: absolute; bottom: 1rem; left: 50%; margin-left: -9.6rem; z-index: 4}
.lover_tab ul{ width: 28.8rem; transition: .5s}
.lover_tab ul li{ width:3.6rem; height:3.6rem; margin: 0 .6rem; float: left; 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(img/lover/cover_male.png); }
.lover_tab.female ul li{ background-image:url(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 20% }
.lover_tab ul li:nth-child(3){ background-position:0 40%  }
.lover_tab ul li:nth-child(4){ background-position:0 60% }
.lover_tab ul li:nth-child(5){ background-position:0 80% }
.lover_tab ul li:nth-child(6){ background-position:0 100% }
.lover_tab ul li:nth-child(1).cur{ background-position:100% 0 }
.lover_tab ul li:nth-child(2).cur{ background-position:100% 20% }
.lover_tab ul li:nth-child(3).cur{ background-position:100% 40%  }
.lover_tab ul li:nth-child(4).cur{ background-position:100% 60% }
.lover_tab ul li:nth-child(5).cur{ background-position:100% 80% }
.lover_tab ul li:nth-child(6).cur{ background-position:100% 100% }
/*

.hero_box .hero_prev{ width: 3rem; height:3rem; background-color: rgba(0, 0, 0, .6); border-radius: 3rem; background-image:url(img/m/arrow.png); background-repeat: no-repeat; background-position: 1.7rem 50%; background-size: 30% auto; position: absolute; top: 10rem; left: -1.5rem; z-index: 4; cursor: pointer; transition: .5s}
.hero_box .hero_next{ width: 3rem; height:3rem; background-color: rgba(0, 0, 0, .6); border-radius: 3rem; background-image:url(img/m/arrow.png); background-repeat: no-repeat; background-position: 1.7rem 50%; background-size: 30% auto; position: absolute; top: 10rem; right: -1.5rem; transform: rotateY(180deg); z-index: 4; cursor: pointer; transition: .5s}
*/

.szSwiper{ width: 60rem; height: 100%; position: relative; left: 50%; margin-left: -30rem; z-index: 1;}
.szSwiper .swiper-slide{ width: 20rem; height: 100%; overflow: inherit; z-index: 1; position: relative;transform: scale(.8); filter: brightness(50%); transition: .5s;}
.szSwiper .swiper-slide-active{ transform: translateX(0) scale(1)!important; z-index: 2; opacity: 1!important; filter: brightness(100%);}
.szSwiper .swiper-slide-prev{ transform: translateX(16.5rem) scale(.8); }
.szSwiper .swiper-slide-next{ transform: translateX(-16.5rem) 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:4.5rem;text-align:center;}
.szSwiper .swiper-pagination-bullet{display:inline-block;width:.6rem;height:.6rem; position: relative; cursor:pointer; opacity: 1; margin: 0 .1rem!important; background: transparent; background-image: url(img/focus_dot.png); background-size: 200% 100%; 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:100%; position: absolute; top:0; left:0; }
.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: 6.5rem; 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: 6.5rem; z-index: 1}
.sz_cover .cover{ width: 15.4rem; height:21.8rem; background-image:url(img/sz_bg.png); background-size: 100% 100%; position: absolute; top: 6.5rem; left: 50%; margin-left: -7.7rem; z-index: 2}
.sz_cover .cover .pic{ width: 22rem; height: 30rem; position: absolute; top:-8rem; left:50%; margin-left:-11rem; 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:5rem; transition: .5s; }
.sz_cover .cover .name{ width: 16.6rem; height:3.4rem; background-image:url(img/sz_name_bg.png); background-size: 100% 100%; position: absolute; bottom: .6rem; left: 50%; margin-left: -8.3rem; white-space: nowrap; text-indent: -1rem; transition: .5s}
.sz_cover .cover .name span{ height: 1rem; line-height: 1rem; position: absolute; top:1.9rem; left:50%; transform:translateX(-40%); font-size: 1rem; color:#080907; font-family:"simsun"; white-space:nowrap; }
.sz_cover .cover .name span:after{ content:""; display:inline-block; width:2rem; height:.3rem; background-image:url(img/sz_name_line.png); background-size: 100% 100%; vertical-align:middle; margin:-.3rem 0 0 .5rem }
.sz_cover .cover .name span:before{ content:""; display:inline-block; width:2rem; height:.3rem; background-image:url(img/sz_name_line.png); background-size: 100% 100%; vertical-align:middle; margin:-.3rem .5rem 0 0; transform:rotateY(180deg); }

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


.hero_box{ width: 100%; height: 100%; position: relative; z-index:2; }
.hero_info{ width:100%; height:18.88rem; background-image:url(img/m/hero_mask.png); background-size: 100% 100%; position: absolute; bottom: 0; left: 0; z-index: 3}
.hero_info .zhenying{ width:4rem; display: block; position: absolute; top:3rem; left:.5rem }
.hero_info .name{ text-align: center; font-size: 1.6rem; white-space: nowrap; font-family: "simsun"; height:2rem; line-height:2rem; font-weight:bold; position: absolute; top: 3rem; left: 4.8rem; background-image: linear-gradient(to bottom, #d69462, #f9f2d5); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.hero_info .star{ height:1rem; position: absolute; top: 5rem; left: 5rem; background-image: url(img/hero/i_star.png);}
.hero_info .star.lv_4{ width:4rem; background-size: 25% 100%;}
.hero_info .star.lv_5{ width:5rem; background-size: 20% 100%;}
.hero_info .star.lv_6{ width:6rem; background-size: 16.666% 100%;}
.hero_info .hero_cv{ width:1.44rem; height:1.4rem; display: block; background-image:url(img/lover_audio.png); background-size: 100% 100%; cursor: pointer; display:block; position: absolute; top: 6.3rem; left: 4.8rem; z-index: 4}
.hero_info .hero_cv.playing{ background-image:url(img/lover_audio.gif); }

.hero_info .lines{ position: absolute; top: 6.4rem; left: 5.7rem; width: 10.7rem; height: 1rem; line-height: 1rem; padding: .2rem 2.2rem .2rem .6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .64rem; color:#f2edd3; white-space:nowrap; font-family:"simsun"; text-shadow: 0 0 .2rem rgba(255, 230, 170, 1.0); z-index: 3}
.hero_info .lines:before{ content:""; position: absolute; top:0; right:.8rem; width: 1.2rem; height: 1.2rem; display: block; background-image: url(img/m/lines_arrow.png);background-size: 100% 100%}
.hero_info .lines:after{ content:"”"; position: absolute; bottom:0; right:0; }
.hero_info .lines_all{ width: 14rem; padding:.3rem .5rem .3rem .5rem; background-color: rgba(0, 0, 0, .9); border-radius: .5rem; border: 1px #bca069 solid; box-sizing: border-box; font-size: .6rem; color: #f2edd3; line-height: .9rem; position: absolute; top: 8.5rem; right: 1rem; opacity: 0; transition: .5s; z-index: 3}
.hero_info .lines_all:before{ content:""; display:block; width:.4rem; height:.4rem; border-top:1px #bca069 solid; border-right:1px #bca069 solid; position: absolute; top:-.25rem; right:.95rem; transform:rotate(-45deg); background-color:rgba(0, 0, 0, 1.0); }
.hero_info .lines:hover:before{ transform:rotateX(180deg); }
.hero_info .lines:hover + .lines_all{ opacity:1; top:8rem }

.hero_info .skill{ width:100%; position: absolute; top: 8.3rem; left:1.3rem; z-index:1 }
.hero_info .skill img{ width: 14rem; 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: 19rem; overflow: hidden; position: absolute; bottom:1rem; left:50%; transform:translateX(-50%); font-size: 0; z-index:4;}
.hero_tab ul{ width: 45.6rem; transition:.5s }
.hero_tab ul li{ width:3.2rem; height:3.2rem; display:block; margin: 0 .3rem; float: left; background-image:url(img/hero/cover.png); background-size: 200% 1200%; cursor: pointer; position: relative;}
.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: -3.2rem }
.hero_tab ul li:nth-child(3){ background-position-y: -6.4rem }
.hero_tab ul li:nth-child(4){ background-position-y: -9.6rem }
.hero_tab ul li:nth-child(5){ background-position-y: -12.8rem }
.hero_tab ul li:nth-child(6){ background-position-y: -16rem }
.hero_tab ul li:nth-child(7){ background-position-y: -19.2rem }
.hero_tab ul li:nth-child(8){ background-position-y: -22.4rem }
.hero_tab ul li:nth-child(9){ background-position-y: -25.6rem }
.hero_tab ul li:nth-child(10){ background-position-y: -28.8rem }
.hero_tab ul li:nth-child(11){ background-position-y: -32rem }
.hero_tab ul li:nth-child(12){ background-position-y: -35.2rem }

.hero_box .hero_prev{ width: 3rem; height:3rem; background-color: rgba(0, 0, 0, .6); border-radius: 3rem; background-image:url(img/m/arrow.png); background-repeat: no-repeat; background-position: 1.7rem 50%; background-size: 30% auto; position: absolute; top: 10rem; left: -1.5rem; z-index: 4; cursor: pointer; transition: .5s}
.hero_box .hero_next{ width: 3rem; height:3rem; background-color: rgba(0, 0, 0, .6); border-radius: 3rem; background-image:url(img/m/arrow.png); background-repeat: no-repeat; background-position: 1.7rem 50%; background-size: 30% auto; position: absolute; top: 10rem; right: -1.5rem; transform: rotateY(180deg); z-index: 4; cursor: pointer; transition: .5s}


.ny_header{ width: 100%; height: 100%; height: 13.8rem; background-image: url(img/m/ny_header.jpg); background-size: 100% 100%; position: relative; }

.ny_wrapper{ width: 100%; min-height: 24rem; background-image: linear-gradient(to bottom,#e0ceb8,#fefbf4 100px,#fefbf4); position: relative; }
.ny_wrapper:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background-image: url(img/ny_news_bottom.png); background-size: 200% auto; background-position: bottom right; background-repeat: no-repeat; z-index: 1}

.ny_wrapper .inner{ position: relative;z-index: 2; overflow: hidden;}
.ny_wrapper .ny_t_box{ width: 18rem; height: 3rem; background-image: url(img/ny_t.png); background-size: 100% 100%; background-repeat: no-repeat; font-size: 1.4rem; color: #333; font-family: "simsun"; text-align: center; line-height: 3rem; margin: 0 auto;}

.ny_wrapper .ny_news_tab{ width: 100%; height: 2rem; border-bottom: 1px #d6bd9f solid; text-align: center; line-height: 2rem; }
.ny_wrapper .ny_news_tab ul li{ width: 3.2rem; display: inline-block; }
.ny_wrapper .ny_news_tab a{ width: 3.2rem; display: block; white-space: nowrap; font-size: .75rem; color: #666; text-align: center; height: 2rem; position: relative;}
.ny_wrapper .ny_news_tab a:before{ content:""; display:block; width:3.2rem; height:.2rem; background-image:url(img/ny_tab_cur.png); background-size: 100% 100%; position: absolute; bottom:0; 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%; padding: .5rem 0; }
.ny_wrapper .ny_news_list ul li{ width: 100%; position: relative; padding: .8rem 0; border-bottom: 1px #d2ebe8 solid; overflow: hidden;}
.ny_wrapper .ny_news_list ul li a{ padding: 0 .5rem; margin: 0 auto; display: block; position: relative; transition: .5s}
.ny_wrapper .ny_news_list ul li a .news_name{ width:2rem; height: 2.5rem; background-image: url(img/ny_news_name.png); background-size: 100% 100%; font-size: .45rem; color: #fff; text-align: center; line-height: 1.8rem; display: block; position: absolute; top: 0; left: .5rem;}
.ny_wrapper .ny_news_list ul li a .news_info{ width: 100%; }
.ny_wrapper .ny_news_list ul li a .news_info h1{ font-size: .6rem; color: #333; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 15.5rem; line-height: 1.1rem; padding-left: 2.5rem}
.ny_wrapper .ny_news_list ul li a .news_info p{ font-size: .55rem; color: #999; line-height: .8rem; display: block; margin: .25rem 0; max-height: 1.6rem; line-height: .8rem; overflow: hidden; width: 85%; padding-left: 2.5rem}
.ny_wrapper .ny_news_list ul li a .news_time{ font-size: .55rem; color: #666; display: block; position: absolute; bottom: -.8rem; right: 1rem; }

.ny_wrapper .news_top{ width: 100%; height: 3rem; border-bottom: 1px #bddcd9 solid; position: relative;}
.ny_wrapper .news_top .btn_share{ display: block; line-height: 1rem; position: absolute; top: .9rem; left: .5rem; font-size: .5rem; transition: .5s }
.ny_wrapper .news_top .btn_share span{ display:block; float:left }
.ny_wrapper .news_top .btn_share a{ width: 1rem; display:block; 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: 1.2rem; right: .5rem; font-size: .5rem; color: #666; }
.ny_wrapper .news_top .location a{ color: #666; margin: 0 .1rem; }
.ny_wrapper .news_top .location a:hover{ color: #dc7a61; }
.ny_wrapper .news_top .location span{ color: #666; margin: 0 .1rem; }

.ny_wrapper .news_head{ width: 100%; margin: 0 auto; padding: .5rem 0 1rem; text-align: center;}
.ny_wrapper .news_head h1{ font-size: 1rem; color: #333; font-weight: normal; display: block; padding: .5rem .5rem .3rem .5rem; line-height: 1.3rem; }
.ny_wrapper .news_head span{ font-size: .55rem; color: #666; display: block; }
.ny_wrapper .content{ padding: 0 1rem; font-size: .6rem; color: #999; line-height: 1rem; }
.ny_wrapper .content *{ font-size: .6rem!important; line-height: 1rem!important; max-width: 100%;  background-color: transparent!important; text-wrap: initial!important;}

.pop_sz{ position:fixed; top:0; left:0; width:100%; height:100%; overflow-y:auto; z-index:9;  display: none}
.pop_sz .sz_close{ width:1.1rem; display:block; position: absolute; top: 1rem; right:1rem; z-index:3; }
.pop_sz .sz_close{ width:1.1rem; display:block; position: absolute; top: 1rem; right:1rem; z-index:3; }
.pop_sz .sz_sex{ width: 3rem; height:4.04rem; position: absolute; top:0; left:.5rem; right: initial; background-image:url(img/sz_tab.png); background-size: 200% 100%; cursor: pointer; transform-origin: 50% 0; transition:transform .5s; z-index: 3}
.pop_sz .sz_zs{ width:100%; display:block; position: absolute; top:0; left:0; z-index: 2; pointer-events: none}
.szDetail{ width:100%; height: 43.3rem; background-image:url(img/m/sz_detail_bg.jpg); background-size: 100% 100%; z-index: 1; position: relative; overflow: hidden;}
.szDetail .swiper-slide{width:100%; height: 43.3rem; background-image:url(img/m/sz_box.png); background-size: 100% 100%;}
.szDetail .pic{ width:16rem; height: 35rem; position: absolute; top:3rem; left:1.33rem; overflow:hidden;}
.szDetail .pic img{ width:20rem; max-width: 20rem; display:block; position: absolute; top:0; left:-5rem }
.szDetail .detail{ width:6.6rem; height: 21.52rem; background-image: url(img/m/sz_detail.png); background-size: 100% 100%; position: absolute; top:3.45rem; right:1.33rem; padding-top:5.5rem; box-sizing:border-box; }
.szDetail .detail img{ width:5.8rem; margin:.2rem auto; display:block; transform: translateX(.1rem);}
.szDetail .info{ width: 17.36rem; height:8.44rem; padding: 1.2rem 1rem; box-sizing: border-box; background-image:url(img/m/sz_intro.png); position: absolute; bottom:4.35rem; left:1.33rem; z-index:3 }
.szDetail .info b{ width:100%; display:block; font-size: 2rem; height: 2rem; line-height: 2rem; font-family:"simsun"; font-weight:bold; 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: 100%; height:.3rem; background-image:url(img/lover_line.png); background-size: 100% 100%; filter: brightness(1.5); position: absolute; bottom: -.5rem; left:0; }
.szDetail .info p{ width:100%; display:block; font-size: .7rem; color: #e7dec7; line-height: 1rem; margin-top: 1rem; font-family: "simsun"; }
.szDetail .swiper-button-prev{ width: 3rem; height:3rem; background-color: rgba(0, 0, 0, .6); border-radius: 3rem; background-image:url(img/m/arrow.png); background-repeat: no-repeat; background-position: 1.7rem 50%; background-size: 30% auto; position: absolute; top: 50%; left: -1.5rem; z-index: 4; cursor: pointer; transition: .5s}
.szDetail .swiper-button-next{ width: 3rem; height:3rem; background-color: rgba(0, 0, 0, .6); border-radius: 3rem; background-image:url(img/m/arrow.png); background-repeat: no-repeat; background-position: 1.7rem 50%; background-size: 30% auto; position: absolute; top: 50%; right: -1.5rem; transform: rotateY(180deg); z-index: 4; cursor: pointer; transition: .5s}


.pop_map{ width: 100%; height: 100%; position:fixed; top:0; left:0; z-index:9; display:none }
.pop_map:after{ content:""; display:block; width:100%; height: 100%; position: absolute; top:.2rem; left:0; background-image: url(img/m/map_line.png); background-size: 100% 100%; pointer-events: none; z-index: 4}
.pop_map:before{ content:"Map"; display:block; font-family:"cormorant"; font-size: 1rem; color:#8c9294; text-shadow: 0 0 6px rgba(0, 0, 0, .6); position: absolute; top: .2rem; left:50%; transform:translateX(-50%); z-index:4 }

.pop_map .map_close{ width:1.2rem; height:1.2rem; display:block; position: absolute; top:1rem; right:1rem; z-index:2 }

.world{ width: 100%; height: 100%; overflow: auto; z-index:1; position: relative;}
.world:before{ content:""; display:block; width:100%; height:100%; position: fixed; top:0; left:0; box-shadow: 0 0 6rem 4rem rgba(26, 48, 57, .9) inset; pointer-events: none; z-index: 3}

.world::-webkit-scrollbar{ width: 0; opacity: 0; display:none; }
.world::-webkit-scrollbar-thumb{ border-radius:5px; background-color:#949180 }
.world .map{ width: 259.0665vh; height: 150vh; overflow: hidden; position: relative; pointer-events: none}
.world .map img{ width: 100%; display:block;}
.world .map div{ display:block; z-index:3; position: absolute; }
.world .map div img{ display:block; pointer-events: none; width:100%; }
.world .map div .light{ opacity:0; position: absolute; top:0; left:0; transition: .5s}
.world .map div.cur .light{ opacity:1; }
.world .map .flag{ width:5.68rem; height:5rem; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); pointer-events: all}
.world .map .flag:before{ content:""; display:block; width:3rem; height:3rem; border: 1px #e3e2b2 solid; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-60%) rotate(45deg); z-index: 1; animation: flag 1s linear infinite;}
.world .map .flag:after{ content:""; display:block; width:3rem; height:3rem; border: 1px #e3e2b2 solid; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-60%) rotate(45deg); z-index: 1; animation: flag 1s .3s linear infinite;}
.world .map .flag img{ position: relative; z-index:2 }

@keyframes flag {
    from { width:2rem; height:2rem; opacity: .6}
    to { width:5rem; height:5rem; opacity: 0}
}

.world .map .map_1{ width:29.46%; top: 39.45%; left: 34.3%}
.world .map .map_2{ width:28.422%; top: 25.75%; left: 52.5%}
.world .map .map_3{ width:30.311%; top: 46.2%; left: 54.2%}
.world .map .map_4{ width:31.266%; top: 9.45%; left: 37.3%}
.world .map .map_5{ width:15.377%; top: 4.65%; left: 18.9%}
.world .map .map_6{ width:19.711%; top: 45.3%; left: 11.9%}
.world .map .map_7{ width:28.133%; top: 76.8%; left: 61.5%}


.btn_map{ width:6.64rem; height:6.54rem; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.btn_map i{ width:6.64rem; height:6.54rem; display: block; position: absolute; top:0; left:0; z-index:2 }
.btn_map i img{ display:block; width:100%; position: relative; z-index:2 }
.btn_map:before{ content:""; display:block; width:2rem; height:2rem; border-radius:20rem; position: absolute; top:50%; left:50%;  transform:translate(-50%,-50%); z-index:1; box-shadow:0 0 .5rem rgba(255, 255, 255, .4) inset; animation: wave 2s linear infinite; }
.btn_map:after{ content:""; display:block; width:2rem; height:2rem; border-radius:20rem; position: absolute; top:50%; left:50%;  transform:translate(-50%,-50%); z-index:1; box-shadow:0 0 .5rem rgba(255, 255, 255, .4) inset; animation: wave 2s .5s linear infinite;  }
.btn_map i:before{ content:""; display:block; width:2rem; height:2rem; border-radius:20rem; position: absolute; top:50%; left:50%;  transform:translate(-50%,-50%); z-index:1; box-shadow:0 0 .5rem rgba(255, 255, 255, .4) inset; z-index:1; animation: wave 2s 1s linear infinite; }
.btn_map i:after{ content:""; display:block; width:2rem; height:2rem; border-radius:20rem; position: absolute; top:50%; left:50%;  transform:translate(-50%,-50%); z-index:1; box-shadow:0 0 .5rem rgba(255, 255, 255, .4) inset; z-index:1; animation: wave 2s 1.5s linear infinite; }

@keyframes wave {
    from { width:2rem; height:2rem; opacity: 0}
    50% { width:8rem; height:8rem; opacity:1 }
    to { width:12rem; height:12rem; opacity:0 }
}


.pop_map_detail{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:10; background-color:#0a0a0a; display: none}
.pop_map_detail:after{ content:""; display:block; width:100%; height: 100%; position: absolute; top:.2rem; left:0; background-image: url(img/m/map_line.png); background-size: 100% 100%; pointer-events: none; z-index: 4}
.pop_map_detail:before{ content:"Story"; display:block; font-family:"cormorant"; font-size: 1rem; color:#8c9294; text-shadow: 0 0 6px rgba(0, 0, 0, .6); position: absolute; top: .2rem; left:50%; transform:translateX(-50%); z-index:4 }


.map_story{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-60%); z-index: 3;}
.map_story .map_detail_close{ width: 20px; display:block; position: absolute; bottom:-3rem; left:50%; transform: translateX(-50%); z-index: 2; transition:.5s }
.map_story .map_detail_close img{width: 100%; display: block;}
.map_story .con{ position: relative; box-sizing:border-box; width:100% }
.map_story .con .map_title{ width: 100%; padding-bottom: 1.5rem; position: relative; text-align: center;}
.map_story .con .map_title .sign{ width: 4rem; height: 4rem; margin: 0 auto; position: relative;}
.map_story .con .map_title .sign:before{ content:""; display:block; width: 6rem; height:5.8rem; 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: 1rem; color:#e7dec7; display:block; line-height:1rem; font-family:"simsun" }
.map_story .con .map_title:before{ content:""; display:block; width: 15rem; height:.3rem; background-image:url(img/lover_line.png); background-size:100% 100%; position: absolute; bottom:0; left:50%; transform:translateX(-50%); }
.map_story .con .map_txt{ width:15rem; padding-top:1rem; margin: 0 auto; font-family: "simsun"; color: #e7dec7}
.map_story .con .map_txt b{ font-weight:normal; display:block; font-size: .8rem; line-height:1.5rem; }
.map_story .con .map_txt .txt{ font-size: .6rem; padding-top:.3rem; line-height:1rem; }



.pagenum_Me{width:100%;height:1.25rem;clear:both;padding-top:1.5rem;line-height:1.25rem;margin:0 auto;font-size:0.55rem;}
.pagenum_Me ul{text-align:center;list-style:none}
.pagenum_Me ul li{position:relative;display:inline-block;height:1.25rem;border-radius:1rem;overflow:hidden;margin:0 .1rem;color:#333;}
.pagenum_Me ul li a{padding:0 0.5rem;height:1.25rem;display:block;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{padding:0 0.5rem;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:.2rem; background:#000;}
.pop_video iframe{ width:18rem; height:10.13rem;}
.pop_video .video_close{ width:1.4rem; height:1.4rem; padding: .2rem; position:absolute; top:-1.8rem; right:0; 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);}


#news,#lovers,#costumes,#heros{ position: absolute; top:-3rem; }