html,body{width: 100%;height: 100%;overflow: hidden;}
.wrap{width: 100%;min-width: 1200px;max-width: 3840px;height:calc(100% - 45px);position: relative;margin: 0 auto;/* max-width: 1920px;max-height: 1080px; */}
.swiper-container{position: relative;width: 100%;height: 100%;}
.swiper-slide{position: relative;width: 100%;height: 100%;overflow: hidden;}
.swiper_bottom{height: 1.7rem;}

.logo{z-index: 999;position:absolute;top: 0.09rem;left:50%;margin-left: -6rem;width:1.10rem;height:1.45rem;background:url(http://image.gyyxcdn.cn/upload/pic/logo/wd_logoNeu.png) no-repeat;background-size: 100% 100%;}
.logo i{position: absolute;width: 0.4rem;height: 0.94rem;right: -0.3rem;bottom: 0;}

/* .logo i.pt{background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/icon_pt.png) no-repeat;background-size: 0.4rem 0.94rem;}
.logo i.jd{background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/icon_jd.png) no-repeat;background-size: 0.4rem 0.94rem;}
.logo i.sj{background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/icon_sj.png) no-repeat;background-size: 0.4rem 0.94rem;}
 */
.nav{z-index: 999;position: absolute;top: 0.28rem;right: 50%;margin-right: -6rem;color: #b99360;width: 3.35rem;height: 0.32rem;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/navBg.png) no-repeat;background-size: 3.35rem 0.32rem;text-align: right;line-height: 0.32rem;font-size: 0.14rem; box-sizing: border-box;}
.nav a{font-size: 0.14rem;color: #b99360;margin: 0 0.12rem;}
.nav a:hover{color: #dcc378;}

.swiper-slide02{background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/bg02.jpg) no-repeat center / cover;}

.swiper-slide01 .wd_cont01 {position: absolute; width: 50%;height: 40%;left: 50%;bottom: 0;transform: translate(-50% ,0);z-index: 999;}
.videoBg{position:absolute;left:50%;top:50%;height:100%;width: 100%;overflow: hidden;transform: translate(-50%,-50%);z-index: 999999;}
.videoBg video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.video02 {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;transform: translate(-50% , -50%);object-fit: cover; object-position: center center;}
.expect{position: absolute;top: 63%;left: 0%;width: 1.26rem;height:1.22rem;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/update.png);background-size:1.26rem 2.44rem;text-indent: -999999px;overflow: hidden;}
.expect:hover {background-position:0 -1.22rem;}
.video{position: absolute;left: 55%;bottom:58%;width: 1.28rem;height: 1.32rem;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/video.png) no-repeat;background-size: 1.28rem 2.64rem;text-indent: -999999px;overflow: hidden;}
.video:hover{background-position:0 -1.32rem;}


.wd_bg{width: 100%;height: 100%;position: absolute;z-index: 2;pointer-events: none;}
.wd_mask{width: 100%;height: 100%;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/bg_mask.png) no-repeat center / cover;z-index: 1;position: absolute;top: 0;}
.wd_q{width: 100%;height: 100%;position: absolute;}
.wd_q span{display: block;width: 100%;height: 100%;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/bg_q.png) no-repeat center / cover;position: absolute;}
.wd_sp{width: 100%;height: 100%;z-index: 2;}
.wd_sp span{display: block;width: 100%;height: 100%;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/bg_sp.png) no-repeat center / cover;transform: scale(1.01);}


.wd_y{width: 10.88rem;height: 9.51rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-4.28rem);}
.wd_y span{display: block;width: 100%;height: 100%;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/bg_y.png) no-repeat;background-size: 100% 100%;position: absolute;}
.down{width: 2.68rem;height: 1.1rem;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/btm.png) no-repeat;background-size: 100% 100%;position: absolute;bottom: -0.2rem;left: 50%;z-index: 9;margin-left:-1.34rem;}
.down{animation: bounce 1s ease-in-out infinite alternate;}
@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-0.2rem);
    }
}
/* .details-container .swiper-slide:nth-child(1){background: #ccc;}
.details-container .swiper-slide:nth-child(2){background: #666;}
 */
.swiper-slide .wd_cont{width: 12rem;height: 10.80rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.swiper-slide h2{position: absolute;text-indent: -9999rem;overflow: hidden;z-index: 1;}
.swiper-slide h2 img{width: 0.67rem;height: 1.26rem;position: absolute;}
.swiper-slide .wd_btn{width: 100%;height: 100%;position: absolute;text-indent: -9999rem;overflow: hidden;z-index: 2;}
.swiper-slide .wd_btn li{position: absolute;}
.swiper-slide .wd_btn li a{display: block;width: 100%;height: 100%;}

/* 02转生180 */
.section01 h2{width: 6.51rem;height: 2.1rem;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/tit01.png) no-repeat;background-size: 100% 100%;top: 0.24rem;left: 2.74rem;}
.section01 h2 img{right: 0.9rem;top: 0.67rem;}
.section01 .role{width: 8.72rem;height: 9.69rem;position: absolute;top: 0rem;left: 1.2rem;}
.section01 .role img{width: 100%;height: 100%;}
.section01 .wd_btn li{background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/section01_btn.png) no-repeat;background-size: 5.17rem 4.12rem;}
.section01 .wd_btn li:nth-child(1){width: 1.9rem;height: 1.74rem;left: 1.05rem;top: 5.31rem;background-position: 0rem 0rem;}
.section01 .wd_btn li:nth-child(2){width: 1.9rem;height: 1.74rem;right: 1.2rem;top: 3.78rem;background-position: -3.25rem 0rem;}
.section01 .wd_btn li:nth-child(1):hover{background-position: 0rem -2.45rem;}
.section01 .wd_btn li:nth-child(2):hover{background-position: -3.25rem -2.45rem;}

/* 03转生养成 */
.section02 h2{width:6.51rem;height:2.1rem;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/tit02.png) no-repeat;background-size:100% 100%;top:0.24rem;left:2.74rem;}
.section02 h2 img{right: 0.9rem;top: 0.67rem;}
.section02 .role{width:10.79rem;height:9.15rem;position:absolute;top:1.67rem;left:0.7rem;}
.section02 .wd_btn li{width:1.9rem;height:1.74rem;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/section02_btn.png) no-repeat;background-size:9.5rem 3.48rem;}
.section02 .wd_btn li:nth-child(1){left:0.85rem;top:5.2rem;background-position:0rem 0rem;}
.section02 .wd_btn li:nth-child(2){left:1.83rem;top:3.13rem;background-position:-1.9rem 0rem;}
.section02 .wd_btn li:nth-child(3){right:2.25rem;top:2.68rem;background-position:-3.8rem 0rem;}
.section02 .wd_btn li:nth-child(4){right:1.14rem;top:4.4rem;background-position:-5.7rem 0rem;}
.section02 .wd_btn li:nth-child(5){right:1.02rem;top:6.52rem;background-position:-7.6rem 0rem;}
.section02 .wd_btn li:nth-child(1):hover{background-position:0rem -1.74rem;}
.section02 .wd_btn li:nth-child(2):hover{background-position:-1.9rem -1.74rem;}
.section02 .wd_btn li:nth-child(3):hover{background-position:-3.8rem -1.74rem;}
.section02 .wd_btn li:nth-child(4):hover{background-position:-5.7rem -1.74rem;}
.section02 .wd_btn li:nth-child(5):hover{background-position:-7.6rem -1.74rem;}

/* 04转生玩法 */
.section03 h2{width:6.51rem;height:2.1rem;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/tit03.png) no-repeat;background-size:100% 100%;top:0.24rem;left:2.74rem;}
.section03 h2 img{right: 0.9rem;top: 0.67rem;}
.section03 .role{width:7.57rem;height:8.39rem;position:absolute;top:2.4rem;left:1.78rem;}
.section03 .wd_btn li{width:1.27rem;height:1.2rem;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/section03_btn.png) no-repeat;background-size:8.89rem 2.4rem;}
.section03 .wd_btn li:nth-child(1){left:1.26rem;top:6.79rem;background-position:0rem 0rem;}
.section03 .wd_btn li:nth-child(2){left:1.3rem;top:5.16rem;background-position:-1.27rem 0rem;}
.section03 .wd_btn li:nth-child(3){left:1.8rem;top:3.69rem;background-position:-2.54rem 0rem;}
.section03 .wd_btn li:nth-child(4){right:2.57rem;top:2.74rem;background-position:-3.81rem 0rem;}
.section03 .wd_btn li:nth-child(5){right:1.65rem;top:4.08rem;background-position:-5.08rem 0rem;}
.section03 .wd_btn li:nth-child(6){right:1.28rem;top:5.65rem;background-position:-6.35rem 0rem;}
.section03 .wd_btn li:nth-child(7){right:1.33rem;top:7.15rem;background-position:-7.62rem 0rem;}
.section03 .wd_btn li:nth-child(1):hover{background-position:0rem -1.2rem;}
.section03 .wd_btn li:nth-child(2):hover{background-position:-1.27rem -1.2rem;}
.section03 .wd_btn li:nth-child(3):hover{background-position:-2.54rem -1.2rem;}
.section03 .wd_btn li:nth-child(4):hover{background-position:-3.81rem -1.2rem;}
.section03 .wd_btn li:nth-child(5):hover{background-position:-5.08rem -1.2rem;}
.section03 .wd_btn li:nth-child(6):hover{background-position:-6.35rem -1.2rem;}
.section03 .wd_btn li:nth-child(7):hover{background-position:-7.62rem -1.2rem;}


/* 05昆仑神镜 */
.section04 h2{width:7.36rem;height: 2.13rem;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/tit04.png) no-repeat;background-size: 100% 100%;top: 0.2rem;left: 2.3rem;}
.section04 h2 img{right: 0.5rem;top: 0.64rem;}
.section04 .role{width: 9rem;height: 8.45rem;position: absolute;top: 2.35rem;left: 1.57rem;}
.section04 .role img{width: 100%;height: 100%;}
.section04 .wd_btn li{background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/section04_btn.png) no-repeat;background-size: 3.8rem 3.39rem;}
.section04 .wd_btn li:nth-child(1){width: 1.95rem;height: 1.695rem;left: 1.12rem;top: 4.76rem;background-position: 0rem 0rem;}
.section04 .wd_btn li:nth-child(2){width: 1.95rem;height: 1.695rem;right: 0.98rem;top: 6.17rem;background-position: -1.95rem 0rem;}
.section04 .wd_btn li:nth-child(1):hover{background-position: 0rem -1.695rem;}
.section04 .wd_btn li:nth-child(2):hover{background-position: -1.95rem -1.695rem;}

/* 06域外逐鹿 */
.section05 h2{width:6.51rem;height:2.1rem;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/tit05.png) no-repeat;background-size:100% 100%;top:0.24rem;left:2.74rem;}
.section05 h2 img{right: 0.63rem;top: 0.67rem;}
.section05 .role{width:9.17rem;height:8.01rem;position:absolute;top:2.55rem;left:1.81rem;}
.section05 .wd_btn li{width:1.9rem;height:1.82rem;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/section05_btn.png) no-repeat;background-size:1.9rem 3.64rem;}
.section05 .wd_btn li:nth-child(1){right:1.15rem;top:4.52rem;background-position:0rem 0rem;}
.section05 .wd_btn li:nth-child(1):hover{background-position:0rem -1.82rem;}

/* 07新版升仙*/
.section06 h2{width:6.51rem;height: 2.1rem;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/tit07.png) no-repeat;background-size: 100% 100%;top: 0.24rem;left: 2.75rem;}
.section06 h2 img{right: 0.63rem;top: 0.67rem;}
.section06 .role{width: 11.77rem;height: 8.99rem;position: absolute;top: 1.81rem;left: 0.05rem;}
.section06 .role img{width: 100%;height: 100%;}
.section06 .wd_btn li{background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/section07_btn.png) no-repeat;background-size: 3.8rem 3.5rem;}
.section06 .wd_btn li:nth-child(1){width: 1.9rem;height: 1.75rem;left: 1.54rem;top: 3.51rem;background-position: 0rem 0rem;}
.section06 .wd_btn li:nth-child(2){width: 1.9rem;height: 1.75rem;right: 1.24rem;top: 4.46rem;background-position: -1.9rem 0rem;}
.section06 .wd_btn li:nth-child(1):hover{background-position: 0rem -1.75rem;}
.section06 .wd_btn li:nth-child(2):hover{background-position: -1.9rem -1.75rem;}

/* 08版本福利*/
.section07 h2{width:6.51rem;height: 2.15rem;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/tit08.png) no-repeat;background-size: 100% 100%;top: 0.24rem;left: 2.74rem;}
.section07 .role{width: 8.45rem;height: 8.2rem;position: absolute;top: 2.35rem;left: 1.46rem;}
.section07 .role img{width: 100%;height: 100%;}
.section07 .wd_btn li{background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/section08_btn.png) no-repeat;background-size: 3.8rem 1.75rem;}
.section07 .wd_btn li:nth-child(1){width: 1.9rem;height: 1.75rem;right: 1.04rem;top: 6.48rem;background-position: 0rem 0rem;}
.section07 .wd_btn li:nth-child(1):hover{background-position: -1.9rem 0;}


/* .swiper-slide li{opacity: 0;transition: 1s;}
.details-container .swiper-slide.on li{animation: shw 0.8s 0s ease-out forwards;}
 */

/* .swiper-slide .wd_cont{opacity: 0}
.swiper-slide.opIn .wd_cont{animation: opacity 0.3s ease forwards;opacity: 0;}
.swiper-slide.opOut .wd_cont{animation: opacityout 0.3s linear forwards;opacity: 0;}
 */

@keyframes opacity{
	0%{
		opacity: 0;
	}
	30%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes opacityout{
	0%{
		opacity: 1;
	}
	30%{
		opacity: 0;
	}
	100%{
		opacity: 0;
	}
}


.nav_tab{width: 1.7rem;height: 6.12rem;position: absolute;top: 50%;z-index: 9;right: 0.08rem;transform: translateY(-50%);background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/nav_tab_lien.png) no-repeat 50% 0%;background-size: 0.13rem 6.12rem;box-sizing: border-box;padding-top: 0.35rem;}
.nav_tab li{width: 1.7rem;height: 0.67rem;}
.nav_tab li a{display: block;width: 100%;height: 100%;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/nav_tab.png) no-repeat -2.0rem 0;background-size: 3.5rem 5.36rem;font-size: 0;}

.nav_tab li:nth-child(1) a{background-position: -2.0rem -0rem;}
.nav_tab li:nth-child(2) a{background-position: -2.0rem -0.66rem;}
.nav_tab li:nth-child(3) a{background-position: -2.0rem -1.34rem;}
.nav_tab li:nth-child(4) a{background-position: -2.0rem -2rem;}
.nav_tab li:nth-child(5) a{background-position: -2.0rem -2.68rem;}
.nav_tab li:nth-child(6) a{background-position: -2.0rem -3.34rem;}
.nav_tab li:nth-child(7) a{background-position: -2.0rem -4rem;}
.nav_tab li:nth-child(8) a{background-position: -2.0rem -4.68rem;}
.nav_tab li:nth-child(1):hover a{background-position: 0 -0rem;}
.nav_tab li:nth-child(2):hover a{background-position: 0 -0.66rem;}
.nav_tab li:nth-child(3):hover a{background-position: 0 -1.34rem;}
.nav_tab li:nth-child(4):hover a{background-position: 0 -2rem;}
.nav_tab li:nth-child(5):hover a{background-position: 0 -2.68rem;}
.nav_tab li:nth-child(6):hover a{background-position: 0 -3.34rem;}
.nav_tab li:nth-child(7):hover a{background-position: 0 -4rem;}
.nav_tab li:nth-child(8).on a{background-position: 0 -4.68rem;}
.nav_tab li:nth-child(1).on a{background-position: 0 -0rem;}
.nav_tab li:nth-child(2).on a{background-position: 0 -0.66rem;}
.nav_tab li:nth-child(3).on a{background-position: 0 -1.34rem;}
.nav_tab li:nth-child(4).on a{background-position: 0 -2rem;}
.nav_tab li:nth-child(5).on a{background-position: 0 -2.68rem;}
.nav_tab li:nth-child(6).on a{background-position: 0 -3.34rem;}
.nav_tab li:nth-child(7).on a{background-position: 0 -4rem;}
.nav_tab li:nth-child(8).on a{background-position: 0 -4.68rem;}

/* 弹层 */
.tc{display:none;position:absolute;width:10.14rem;height:8.09rem;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/wd_tc_bg.png) no-repeat; background-size:100% 100%; z-index:999;padding:0.68rem 0.55rem 0 0.62rem; box-sizing: border-box;z-index: 1000012;}
.tc .close{position:absolute;top:0.16rem;right:-0.48rem;display:block;width:0.5rem;height:0.5rem; text-indent:-999px;overflow:hidden;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/wd_tc_close.png) no-repeat; background-size: 100% 100%;-webkit-transition:all .8s ease-out;transition:all .8s ease-out;}
.tc .close:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.tc_box{overflow:hidden;}
.tc h2{position:absolute;top:-0.3rem;left:50%;margin-left: -1.54rem;width: 3.08rem; height: 0.32rem;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/wd_tc_tit.png) no-repeat;background-size: 100% 100%;font-size: 0.36rem;color: #fbe59c;font-weight: bold;text-align: center;line-height: 0.32rem;}
.tc_btn{text-align: center;overflow:hidden;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.tc_btn li{width:1.12rem;height: 0.33rem;margin:0 0.08rem 0.15rem;display: inline-block;}
.tc_btn li a{display:block;width:100%;height:100%; background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/wd_tc_btn.png) no-repeat 0 0; background-size: 1.12rem 0.66rem; color: #9c6345;font-size:0.16rem;text-align:center; line-height:0.33rem;} 
.tc_btn li.on a{background-position:0 -0.33rem;color: #aa4a16;font-weight: bold;}
.tc_cont{padding-top: 0.15rem;height:6.56rem;}
.tc_cont01{height:5.3rem;}
.tc_cont02{height:6rem;}
.soll{width:100%;overflow-y: auto;height:100%;line-height:0.24rem;}
.soll span{color:#cf2a08;}
.soll p{position:relative;padding-left:0.3rem;overflow:hidden;line-height:0.24rem;font-size:0.16rem;color:#89380c;margin-bottom: 0.13rem;}
.soll p i{position:absolute;top:0.02rem;left:0;float:left;width:0.19rem;height:0.19rem; border-radius: 50%; background: #fae2b6; font-size:0.14rem;color:#8a441e;line-height:0.19rem;text-align:center;font-style:normal;}
.wd_tc_img{text-align: center;}
.wd_tc_img img{padding:0.03rem;border:0.02rem solid #754c37;margin:0.1rem auto;}
.wd_tc_gif{display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.wd_tc_gif img{padding:0.03rem;border:0.02rem solid #754c37;margin: 0.1rem 0;width: 4rem;height: auto;}
.soll h3{margin-left: 0.04rem;padding-left:0.23rem;font-size:0.22rem;font-weight:bold;color:#89380c;background: #8a441e;line-height: 0.48rem;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/wd_tc_icon.png) no-repeat 0 50%;background-size: 0.12rem 0.12rem;}
.soll table{width:90%;margin:0.11rem 5%;text-align:center;}
.soll table tr th{height:0.31rem;background:#845f4c;border:0.02rem solid #d1b09a;font-size:0.16rem;color:#fef8e7;}
.soll table tr td{padding:0.04rem;border:0.02rem solid #d1b09a;font-size:0.16rem;color:#9a6c55;line-height:0.22rem;}
.soll::-webkit-scrollbar{top:0;width:0.08rem;height:100%;float:right;}
.soll::-webkit-scrollbar-track{width:0.02rem;background: linear-gradient(to right, rgba(51,127,131,0) 40%, rgba(184,135,105,1) 50%, rgba(51,127,131,0) 60%);}
.soll::-webkit-scrollbar-thumb{width:0.08rem;left:0;top:0;height:0.5rem;background:#754c37;cursor:pointer;border-radius:0.05rem;}
.tc{left: 0;top: 0;bottom: 0;right: 0;margin: auto;}
.tc_mask{width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,0.8);top: 0;left: 0;z-index: 99999;display: none;}





.qd_tc{display:none;position:absolute;width:4.15rem;height:2.81rem;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/qd_tc.png) no-repeat; background-size:100% 100%;z-index: 1000012;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.qd_tc .qd_close{position:absolute;top:0.02rem;right:-0.7rem;display:block;width:0.5rem;height:0.5rem; text-indent:-999px;overflow:hidden;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.80/images/qd_close.png) no-repeat; background-size: 100% 100%;-webkit-transition:all .8s ease-out;transition:all .8s ease-out;}
.qd_tc .qd_close:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.qd_box{width: 100%;height: 100%;text-align: center;line-height: 2.81rem;color: #974319;font-size: 0.34rem;font-weight: bold;}