*{margin:0;padding:0;border:0;}
html,body{width:100%;height:100%; }
ul,ol,li{list-style:none}
a{text-decoration:none; display: inline-block;}
img{width:100%;display:block;}
.home{overflow: hidden;}
.home .wrapper{ height:100vh; }
.wrapper{ width:100%; position: relative; }

.top_nav{ position: absolute; top:42px; right:210px; z-index:3; font-size:0;}
.top_nav a{color: #fff; margin: 0; font-size: 22px; font-weight: 100; width: 180px; height: 47px; line-height: 47px; display: inline-block; text-align: center; position: relative;}
.top_nav a:before{ content:''; display:block; width:19px; height:19px; background-image:url(img/i_star.png); position: absolute; top:15px; left:55px; opacity:0; transition: .5s; transform: rotate(-360deg);}
.top_nav a:after{ content:''; display:block; width:19px; height:19px; background-image:url(img/i_star.png); position: absolute; top:15px; right:55px; opacity:0; transition: .5s; transform: rotate(-360deg);}
.top_nav a.cur{ background-image:url(img/nav_bg.png); }
.top_nav a.cur:before{ opacity:1; transform: rotate(0deg);left:15px;}
.top_nav a.cur:after{ opacity:1; transform: rotate(0deg);right:15px;}

.wrapper .mainSwiper{ width:100%; height:100%; position: relative; overflow:hidden; z-index:0; transform-origin:0 0 }
.wrapper .mainSwiper .swiper-slide{ width:100%; height:100%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: top center;}
.wrapper .mainSwiper .part_1{}
.wrapper .mainSwiper .part_2{background-image: url(img/news_bg.jpg); }

.wrapper .videoSwiper{ width:100%; height:100%; position: relative; overflow:hidden; z-index:0; }
.wrapper .videoSwiper .video{ width:100%; height: 100%;position: relative; z-index: 0}
.wrapper .videoSwiper .video video{width:100%; height: 100%; object-fit: cover; object-position: top center}
.wrapper .videoSwiper .slogan{ width:40.625%; display:block; position: absolute; top:50%; right:0; transform:translateY(-70%); z-index: 3}


.wrapper .logo{ width:8%; display: block; position: absolute; top: 2%; left: 1%; z-index: 2}

.wrapper .nav{ position: absolute; top:50%; left:40px; transform:translateY(-50%); z-index: 2}
.wrapper .nav:before{ content:""; display:block; width:236px; height:81px; background-image:url(img/nav_t.png); position: absolute; top:-80px; left:-20px }
.wrapper .nav a{ width:90px; height:56px; display:block; background-image:url(img/nav.png); position: relative; background-position: left top}
.wrapper .nav a:nth-child(1){ background-position:left bottom }
.wrapper .nav a:nth-child(2){ background-position:left top }
.wrapper .nav a:nth-child(3){ background-position:left 50% }
.wrapper .nav a.cur:nth-child(1){ background-position:right bottom }
.wrapper .nav a.cur:nth-child(2){ background-position:right top }
.wrapper .nav a.cur:nth-child(3){ background-position:right 50% }
.wrapper .nav a:hover:nth-child(1){ background-position:right bottom }
.wrapper .nav a:hover:nth-child(2){ background-position:right top }
.wrapper .nav a:hover:nth-child(3){ background-position:right 50% }
.wrapper .nav a:before{ content:""; width:33px; height: 33px; background-image:url(img/nav_star.png); position: absolute; top:15px; left:-58px; transition: .5s; transform:rotate(-360deg) scale(.5); opacity: 0}
.wrapper .nav a:after{ content:""; width:0; height: 67px; background-image:url(img/nav_line.png); position: absolute; top:2px; left:-28px; transition: .5s;}
.wrapper .nav a.cur:before{ content:""; width:33px; height: 33px; background-image:url(img/nav_star.png); position: absolute; top:15px; left:-28px; transform: rotate(0) scale(1.0); opacity: 1}
.wrapper .nav a.cur:after{ content:""; width:258px; height: 67px; background-image:url(img/nav_line.png); position: absolute; top:2px; left:-28px; }

.wrapper .soc{ position: absolute; top:20px; right:20px; z-index:2 }
.wrapper .soc a{ display:inline-block; transition:.5s }
.wrapper .soc a:hover{ transform:scale(1.05); }

.part_1 .btn_video{ width:4%; display:block; position: absolute; z-index:3; position: absolute; top:50%; left:50%; transform:translate(340%,-135%); transition:.5s }
.part_1 .btn_video:hover{ transform:translate(340%,-135%) scale(1.05); }

.part_1 .download_box{ width: 604px; height:218px; text-align: center; background-image:url(img/download.png); background-size: 100% 100%; position: absolute; top:50%; right:3.5%; transform:translateY(40%); z-index: 3}
.part_1 .download_box .btn{ width:33%; display:inline-block; margin:5.5% 0 0 1.5%; vertical-align:middle; transition:.5s }
.part_1 .download_box .btn a{ width:100%; display:block; margin:8px 0; transition:.5s }
.part_1 .download_box .btn a:hover{ transform:scale(1.02); }
.part_1 .download_box .qrcode{ width:129px; height:156px; background-image:url(img/dy.png); background-size:100% 100%; display:inline-block; margin:37px 0 0 0;vertical-align:middle; }
.part_1 .download_box .qrcode.dy{ background-image:url(img/dy.png); }
.part_1 .download_box .qrcode.wx{ background-image:url(img/wx.png); }
.part_1 .download_box .qrcode img{ width:80%; display:block; margin:0 auto; padding-top:28% }

.part_1 .arrow{ width:157px; height:84px; display:block; background-image:url(img/i_arrow.png); position: absolute; bottom:10px; left:50%; margin-left:-78px; z-index:2; animation: arrow .6s linear infinite alternate;}

@keyframes arrow{
	0%{ transform:translateY(-5px); }
	100%{ transform:translateY(5px); }
}

.part_2 .inner{ width:1560px; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.part_2 .focus{ width:675px; height:380px; float:left; position: relative; margin-top: 50px;}
.part_2 .focus img{ width:675px; height:380px; transition: .5s;}
.part_2 .focus .slide{ width:675px; height:380px; overflow:hidden; }
.part_2 .focus .slide:hover img{ transform:scale(1.02); }
.part_2 .focus:before{ content:""; display:block; width:770px; height:500px; background-image:url(img/focus_box.png); position: absolute; top:-75px; left:-63px; z-index:-1 }


.part_2 .flex-viewport{ height: 380px; position: relative; overflow: hidden; z-index:2 }
.part_2 .focus .flex-control-paging{width:100%;height:4px;display:inline-block;position:absolute;left:0;bottom:-22px;text-align:center; z-index: 4;}
.part_2 .focus .flex-control-paging li{ display: inline-block; margin: 0 17px; width: 54px; height: 54px;}
.part_2 .focus .flex-control-paging li a{width: 54px; height: 54px; background-image: url(img/dot.png); background-size: 200% 100%; background-position: right; display:block; text-indent: -9999px; cursor:pointer; position: relative;}
.part_2 .focus .flex-control-paging li a.flex-active{ background-position:left; }
.part_2 .focus .flexslider{position:relative;}
.part_2 .focus .flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;list-style-type:none;}


.part_2 .news{ width:800px; height: 535px; float:right; }
.part_2 .news .news_tab{ width:100%; height:95px; line-height:95px; }
.part_2 .news .news_tab ul li{ width:25%; height: 95px; float:left; position: relative; text-align: center; border-bottom:1px #52443c solid; }
.part_2 .news .news_tab ul li a{ font-size:36px; color:#fff; font-weight: 100;}
.part_2 .news .news_tab ul li a:hover{ color:#ba8461; }
.part_2 .news .news_tab ul li:before{content: ""; display: block; width: 42px; height: 20px; background-image: url(img/news_tab.png); position: absolute; top: 35px; left: -21px;}
.part_2 .news .news_tab ul li:first-child:before{ display:none; }
.part_2 .news .news_tab ul li.cur{ width: 25%; }
.part_2 .news .news_tab ul li.cur a{ opacity:0 }
.part_2 .news .news_tab ul li.cur:after{ content:""; display:block; width:150px; height:111px; background-image:url(img/news_name.png); background-size: 400% 100%; position: absolute; top:50%; left:50%; transform:translate(-55%,-60%); }
.part_2 .news .news_tab ul li.cur:nth-child(1):after{ background-position: 0 0;}
.part_2 .news .news_tab ul li.cur:nth-child(2):after{ background-position: 33.33% 0;}
.part_2 .news .news_tab ul li.cur:nth-child(3):after{ background-position: 66.66% 0;}
.part_2 .news .news_tab ul li.cur:nth-child(4):after{ background-position: 100% 0;}

.part_2 .news .news_list{ width:100%; margin-top:20px; }
.part_2 .news .news_list ul li{ width:100%; border-bottom:1px rgba(255, 255, 255, .05) solid; font-size:24px; line-height:60px; }
.part_2 .news .news_list ul li a{ width:100%; }
.part_2 .news .news_list ul li .news_name{ color:#ba8461; display: block; float: left; margin-right: 10px;}
.part_2 .news .news_list ul li .news_time{ color:#fff; opacity:.3; float:right; display:block; }
.part_2 .news .news_list ul li b{ width: 600px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight:100; color:#fff; display: block; float: left; transition: .5s}
.part_2 .news .news_list ul li a:hover b{ color:#ba8461; }

.part_2 .news .more{ font-size:32px; color:#fff; float:right; font-weight:normal; margin-top:50px; font-weight:100; transition: .5s}
.part_2 .news .more:hover{ color:#ba8461 }



#ageBtn{width:60px;height:86px;position:absolute;bottom:25px;left:20px;z-index:4}

.copyright{ position: absolute; bottom:20px; right:20px; display:block; font-size: 16px; color:#fff; text-shadow: 0 0 10px #000; z-index:3 }
.home #j-wishgamer-gamefoot{ width: 100%; position: absolute; bottom:-140px; left:0; z-index:3; transition:.5s }
#j-wishgamer-gamefoot img{ display:inline-block!important; }

.pop{ width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0, 0, 0, .8); z-index: 9; display: none}
.pop .pop_inner{ width:606px; min-height: 550px; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-image: url(img/pop_bg.png); background-size: 100% 100%}
.pop .close{ width: 68px; display:block; position: absolute; top:23px; right: 40px; transition: .5s}
.pop .close:hover{ transform:scale(1.05); }
.pop .pop_con{ width:100%; padding:25px 20px; box-sizing:border-box; overflow: hidden; }
.pop .pop_t{ width:466px; height: 52px; line-height: 46px; text-align: center; display:block; margin:45px auto 0; font-size:28px; color:#9d5c46; background-image:url(img/t_bg.png); background-size: 100% 100%;}
.pop .xcx{ width:140px; height:140px; padding:15px; background-color:#fff; border-radius:140px; border:1px #c1c1c1 solid; margin:20px auto; position: relative; }
.pop .xcx img{ border-radius:140px; }
/* .pop .xcx:before{ content:""; display:block; width: 63px; height:63px; background-image: url(https://ftimg.friendtimes.cn/images/fsyll/cn/icon/2/256.png); background-size: 100% 100%; border-radius:60px; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); } */
.pop .yy_xcx p{ font-size:20px; color:#734c26; text-align: center; }
.pop .yy_xcx a{ width:134px; height:40px; line-height:40px; color:#d69f41; display:block; margin:20px auto 0; border-radius:40px; border:1px #d69f41 solid; text-align: center; font-size:17px; text-align: center; transition:.5s }
.pop .yy_xcx a:hover{ color:#333; border:1px #333 solid; }
.pop .phone_form{width: 70%; margin: 10px auto 0; padding-bottom: 40px;}
.pop .phone_form ul li{ margin:10px 0; text-align: center; overflow: hidden;}
.pop .phone_form ul li label{ width:30%; display:inline-block; font-size: 20px; color:#c1c1c1; line-height: 50px;}
.pop .phone_form ul li label input{ display:inline-block; vertical-align: middle; width: 16px; height: 16px; margin-top: -3px; font-size: 16px; color: #333}
.pop .phone_form ul li label span{ display:inline-block; vertical-align: middle; margin-left: 6px;}
.pop .phone_form ul li input{ height:50px; line-height:50px; background-color:#fff; border-radius:5px; box-sizing: border-box; border:1px #bdbee0 solid; text-indent:15px; outline:none }
.pop .phone_form ul li .phone{ width:100%; }
.pop .phone_form ul li .imgCode{ width: 260px; float:left; }
.pop .phone_form ul li .phone_code{ width: 260px; float:left; }
.pop .phone_form ul li .vf_img{ float:left; width:130px; height:52px; float:right; background-color:#fff; border-radius:5px; border:1px #bdbee0 solid; box-sizing:border-box; }
.pop .phone_form ul li .get_code{ float:left; width:130px; height:52px; line-height: 50px; float:right; background-color:#bea59e; color: #fff; border-radius:5px;  }
.pop .phone_form ul li .get_code.timeout{ background-color: #999; }
.pop .phone_form ul li .get_code:hover{ background-color:#b1938b }
.pop .phone_form ul li .get_code.timeout:hover{ background-color: #999; }
.pop .phone_form ul li button{ width: 260px; height:80px; display:block; margin:0 auto; background-image:url(img/btn_yy.png); background-size: 100% 100%; background-color:transparent; transition:.5s; cursor:pointer; }
.pop .phone_form ul li button:hover{ transform:scale(1.02); }
.pop .phone_form ul li .back{ font-size: 16px; color:#666; text-align: center; line-height:30px; display:block; transition: .5s}
.pop .phone_form ul li .back:hover{ color:#4689ce }
.pop .phone_form ul li:last-child{ margin:0; height:30px; padding-bottom: 40px;}

.pop .qrcode_box{ width:100%; text-align: center; }
.pop .qrcode{ width:180px; display:inline-block; margin:0 15px; padding-top:15px; }
.pop .qrcode img{ width:180px; display:block; margin:15px auto 0; border-radius:10px; border: 1px #ddd solid; overflow: hidden;}
.pop .qrcode span{ font-size:16px; display:block; color: #333; padding-top: 10px;}
.pop .qrcode p{ margin:20px 0 15px 0; font-size: 20px; color:#2f96ff }
.pop .qrcode a{ width:120px; height:38px; line-height:38px; margin: 20px auto 0; border-radius:5px; border:1px #2f96ff solid; font-size: 14px; color: #2f96ff; transition: .5s}
.pop .qrcode a:before{content: "一键加群"}
.pop .qrcode a:hover{ background-color:#2f96ff; color:#fff }

.pop .pop_txt{ margin-top:20px; text-align: center; font-size: 16px; line-height: 30px; color: #333}
.pop .pop_txt span{ color:#d69f41 }


.ny_wrapper{ width:100%; min-height: 100%; background-attachment: fixed; background-image:url(img/ny_bg.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover;}


.ny_wrapper .logo{ width:140px; display:block; position: absolute; top:20px; left:20px; z-index: 3}


.ny_wrapper .news_tab{ width:1280px; height:95px; line-height:95px; margin: 0 auto; padding-top: 160px; border-bottom:1px #52443c solid;}
.ny_wrapper .news_tab ul li{ width:220px; height: 95px; float:left; position: relative; text-align: center; }
.ny_wrapper .news_tab ul li a{ font-size:36px; color:#fff; font-weight: 100; transition: .5s}
.ny_wrapper .news_tab ul li a:hover{ color:#ba8461; }
.ny_wrapper .news_tab ul li:before{content: ""; display: block; width: 42px; height: 20px; background-image: url(img/news_tab.png); position: absolute; top: 35px; left: -21px;}
.ny_wrapper .news_tab ul li:first-child:before{ display:none; }
.ny_wrapper .news_tab ul li.cur a{ opacity:0 }
.ny_wrapper .news_tab ul li.cur:after{ content:""; display:block; width:150px; height:111px; background-image:url(img/news_name.png); background-size: 400% 100%; position: absolute; top:50%; left:50%; transform:translate(-55%,-60%); }
.ny_wrapper .news_tab ul li.cur:nth-child(1):after{ background-position: 0 0;}
.ny_wrapper .news_tab ul li.cur:nth-child(2):after{ background-position: 33.33% 0;}
.ny_wrapper .news_tab ul li.cur:nth-child(3):after{ background-position: 66.66% 0;}
.ny_wrapper .news_tab ul li.cur:nth-child(4):after{ background-position: 100% 0;}

.ny_wrapper .ny_news_list{ width:100%; margin:0 auto; padding-top:20px; }
.ny_wrapper .ny_news_list ul li{ width:100%; height:100px; padding:35px 0; border-bottom:1px rgba(255, 255, 255, .1) solid; transition: .5s}
.ny_wrapper .ny_news_list ul li:hover{ background-color:rgba(0, 0, 0, .2); }
.ny_wrapper .ny_news_list ul li a{ width:1100px; margin:0 auto; display:block; transition: .5s}
.ny_wrapper .ny_news_list ul li:hover a{ transform:translateX(-20px); }
.ny_wrapper .ny_news_list ul li:hover .info b{ color:#ba8461; font-weight:bold; }
.ny_wrapper .ny_news_list ul li:hover .intro{ color:#fff;}
.ny_wrapper .ny_news_list ul li .info{ width:100%; height:45px; line-height:45px; font-size:24px; }
.ny_wrapper .ny_news_list ul li .info .news_t{ color:#ba8461; float:left; display: block;}
.ny_wrapper .ny_news_list ul li .info .news_time{ font-size: 18px; color:#fff; float:right; display: block;}
.ny_wrapper .ny_news_list ul li .info b{ font-weight:100; color:#fff; display:block; float:left; margin-left: 15px; transition: .5s}
.ny_wrapper .ny_news_list ul li .intro{ font-size:16px; color:#dbc5bf; line-height:25px; margin-top: 5px;}

.ny_wrapper .news_head{ width:1280px; margin:0 auto; border-bottom:1px rgba(255, 255, 255, .1) solid; height:100px; line-height:100px; font-size:16px; color:#fff; padding-top: 100px;}
.ny_wrapper .news_head .back{ width:85px; display:block; float: left; transition: .5s; z-index: 3}
.ny_wrapper .news_head .back:hover{ transform:scale(1.02); }
.ny_wrapper .location{ float:right; opacity: .3}
.ny_wrapper .location a{ color:#fff; margin:0 10px; }

.ny_wrapper .news_content{width:1100px;margin:0 auto;}
.ny_wrapper .news_content .news_title{text-align:center;padding:40px 0 30px 0;}
.ny_wrapper .news_content .news_title h1{font-size:28px;color:#fff;}
.ny_wrapper .news_content .news_title span{font-size:14px;color:#fff;display:block;margin-top:15px;}
.ny_wrapper .news_content .news_title span:before{content: ""; display: inline-block; width: 16px; height: 16px; background-image: url(img/ico_time.png); vertical-align: middle; margin: -3px 5px 0 0}
.ny_wrapper .news_content .content{font-size:16px;color:#cab5af;line-height:30px; padding-bottom: 80px}
.ny_wrapper .news_content .content *{font-size:16px!important;line-height:30px!important;max-width:100%;background-color:transparent!important;text-wrap:initial!important; font-family: Microsoft YaHei!important; color: #fff!important}
.ny_wrapper .news_content .content img{ width:auto!important; max-width:100%!important; display:inline-block!important;}
.ny_wrapper .news_content .content table{ border-top:1px #000 solid; border-left:1px #000 solid; border-collapse: collapse;}
.ny_wrapper .news_content .content table tr td{ border-bottom:1px #000 solid; border-right:1px #000 solid; }
.ny_wrapper .news_content .content video{ width:100% }


.pagenum_Me{width:100%;height:20px;margin:0 auto;padding:40px 0;font-size:12px}
.pagenum_Me ul{text-align:center;list-style:none}
.pagenum_Me ul li{position:relative;display:inline;padding:6px 10px;margin:0px 3px;border:1px solid rgba(255, 255, 255, .2); background-color: rgba(0, 0, 0, .35); color: #fff;}
.pagenum_Me ul li a{text-decoration:none;color:#fff}
.pagenum_Me ul li a:hover{text-decoration:underline}
.pagenum_Me .selected{position:relative;font-weight:bold;border:1px solid #d7a589;background:#ac7553}
.pagenum_Me .selected a{text-decoration:none;color:#fff}


.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 #video_src{ max-width: 70vw; max-height: 90vh; display: block; transition: .5s;}
.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);}