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: 160px;}
.logo{z-index: 999;position:absolute;top: 0.19rem;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.43rem;height: 1.02rem;right: -0.4rem;bottom: 0;}
.logo i.pt{background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/icon_pt.png) no-repeat;background-size: 0.43rem 1.02rem;}
.logo i.jd{background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/icon_jd.png) no-repeat;background-size: 0.43rem 1.02rem;}
.logo i.sj{background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/icon_sj.png) no-repeat;background-size: 0.43rem 1.02rem;}
.nav{z-index: 999;position: absolute;top: 0.39rem;right: 50%;margin-right: -6rem;color: #214e4e;width: 3.88rem;height: 0.28rem;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/navBg.png) no-repeat;background-size: 3.88rem 0.28rem;text-align: right;line-height: 0.28rem;font-size: 0.14rem; box-sizing: border-box; padding-right: 0.03rem;}
.nav a{font-size: 0.14rem;color: #214e4e;margin: 0 0.12rem;}
.nav a:hover{color: #39b4bc;}
.down{width: 3.01rem;height: 1.81rem;position: absolute;bottom: 0.35rem;left: 50%;z-index: 9;margin-left:-1.55rem;}
.down img{width: 100%;height: 100%;animation: bounce 1s ease-in-out infinite alternate;}
@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-0.2rem);
    }
}
.index-container{background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/bg02.jpg) no-repeat center / cover;}
.swiper-slide01{background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/bg01.jpg) no-repeat center / cover;}
.main{width: 12.00rem;height: 10.80rem;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.canvas{width: 100%;height: 100%;position: absolute;pointer-events: none;z-index: 999;top: 0;}
/* 第一屏 */
.swiper-slide01 img{width: 100%;height: 100%;}
.swiper-slide01 .sl{width: 4.53rem;height: 10.21rem;position: absolute;top: 0.6rem;right: 0.2rem;}
.swiper-slide01 .sy_role{width: 100%;height: 100%;position: absolute;}
.swiper-slide01 .sy_y{width: 100%;height: 100%;position: absolute;}
.swiper-slide01 .sy_h{width: 100%;height: 100%;position: absolute;}
.swiper-slide01 .sy_g{width: 100%;height: 100%;position: absolute;}
.swiper-slide01 .sy_n01{width: 4.63rem;height: 4.4rem;position: absolute;right: 0;top: 50%;margin-top: -1rem;}
.swiper-slide01 .sy_n02{width: 1.2rem;height: 0.96rem;position: absolute;top: 1.5rem;left: 50%;}
.swiper-slide01 img{object-fit: cover;}
.swiper-slide01 .expect{width: 1.2rem;height: 1.95rem;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/expect.png) no-repeat;background-size: 1.2rem 3.90rem;position: absolute;right: 1rem;top: 1.9rem;font-size: 0;}
.swiper-slide01 .expect:hover{background-position: 0 -1.95rem;}
.swiper-slide01 .sy_g{animation: sy_g 1.5s 0s ease-in-out infinite alternate;}
@keyframes sy_g{
	0%{
		opacity: 0.4;
	}
	100%{
		opacity: 1;
	}
}
.swiper-slide01 .sy_y{animation: sy_y 4s 0s ease-in-out infinite alternate;}
@keyframes sy_y{
	0%{
		transform: scale(1);
	}
	100%{
		transform: scale(1.03);
	}
}
.swiper-slide01 .sy_role{animation: sy_role 0.8s 0.3s ease-out forwards;opacity: 0;}
@keyframes sy_role{
	0%{
		opacity: 0;
		transform: translateY(-80px);
	}
	100%{
		opacity: 1;
		transform: translateY(0px);
	}
}
.swiper-slide01 .sl{animation: sl 0.8s 0.3s ease-out forwards;opacity: 0;}
.swiper-slide01 .expect{animation: sl 0.8s 0.3s ease-out forwards;opacity: 0;}
@keyframes sl{
	0%{
		opacity: 0;
		transform: translateX(80px);
	}
	100%{
		opacity: 1;
		transform: translateX(0px);
	}
}
.swiper-slide01 .sy_role img{animation: sy_roleimg 1.5s ease-in-out infinite alternate;}
@keyframes sy_roleimg {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-0.15rem);
    }
}
.swiper-slide01 .sy_n01 img{animation: sy_n01img 3s ease-in-out infinite alternate;}
@keyframes sy_n01img {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(0.15rem);
    }
}
.swiper-slide01 .sy_n02 img{animation: sy_n02img 3s ease-in-out infinite alternate;}
@keyframes sy_n02img {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-0.15rem);
    }
}

/* 视频弹窗 */
div.vidoe_tc_box{width: 9.6rem;height: 5.4rem; padding: 0.16rem; background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/video_bg.png) no-repeat; background-size:100% 100%;}
div.vidoe_tc_box video{width: 9.6rem;height: 5.4rem;}
div.vidoe_tc_box .close{width: 0.58rem;height: 0.54rem;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/video_close.png) no-repeat;position: absolute;top: 0;right: -0.72rem;background-size: 100% 100%;}
.vidoe_tc_box .close a,div.vidoe_tc_box .close:hover a{background: none;}
/* 敬请期待！ */
.expect_tc{position:absolute;width:527px;height:299px;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/tc_qd.png) no-repeat;z-index:999;display: none;}
.expect_tc .expect_close{position:absolute;top:15px;right:-45px;display:block;width:59px;height:57px; text-indent:-999px;overflow:hidden;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/tc_close.png) no-repeat;-webkit-transition:all .8s ease-out;transition:all .8s ease-out;}
.expect_tc_box{color: #38778d;font-size: 32px;font-weight: bold;text-align: center;line-height: 300px;}
/* 弹层 */
.tc{display:none;position:absolute;width:11.8rem;height:8rem;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/wd_tc_bg.png) no-repeat; background-size:100% 100%; z-index:999;padding:0.7rem 1.5rem 0.6rem 1.22rem; box-sizing: border-box;z-index: 1000012;}
.tc .close{position:absolute;top:-0.21rem;right:0.33rem;display:block;width:0.78rem;height:0.8rem; text-indent:-999px;overflow:hidden;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/wd_tc_close.png) no-repeat; background-size: 100% 100%;}
.tc_box{overflow:hidden;}
.tc.tc h2{position:absolute;top:0.32rem;left:-0.23rem;width: 1.64rem; height: 4.53rem;}
.tc.tc h2 img{width: 100%; height: 100%;}
.tc_btn{position:absolute;right:-0.06rem; top:0.77rem;overflow:hidden;}
.tc_btn li{width:1.48rem;margin-bottom:0.22rem;}
.tc_btn li a{display:block;width:100%;height:100%; background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/wd_tc_tabbg.png) no-repeat 0 0; background-size: 1.48rem 0.6rem; color: #e6fafd;font-size:0.16rem;text-align:center; line-height:0.30rem;} 
.tc_btn li.on a{background-position:0 -0.3rem;}
.tc_cont{height:6.25rem;}
.soll{width:100%;overflow-y: auto;height:100%;line-height:24px;}
.soll span{color:#e18529;}
.soll p{position:relative;padding:0 0.2rem 0 0.3rem;overflow:hidden;line-height:36px;font-size:0.16rem;color:#4b677f;}
.soll p i{position:absolute;top:8px;left:0px;float:left;width:0.18rem;height:0.18rem; border-radius: 0.09rem; background: #526d84; font-size:0.16rem;color:#e4f9fb;line-height:0.18rem;text-align:center;font-style:normal;}
.wd_tc_img{text-align: center;}
.wd_tc_img img{padding:0.04rem;border:1px solid #4b677f;margin:10px auto 10px;}
.soll h3{padding-left:0.3rem;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/wd_tc_icon.png) no-repeat 0 50%; background-size: 0.17rem 0.17rem; font-size:0.2rem;font-weight:bold;color:#4b677f;line-height:0.48rem;}
.soll table{width:90%;margin:0.12rem 5%;text-align:center;background:#f9feff;}
.soll table tr th{height:0.44rem;background:#6d97bb;border:1px solid #769ec1;font-size:16px;color:#ffffff; padding: 0 0.1rem;}
.soll table tr td{padding:0.1rem;border:1px solid #769ec1;font-size:14px;color:#4b677f;line-height:22px;}
.soll::-webkit-scrollbar{position:relative;top:0;width:0.06rem;height:100%;float:right;}
.soll::-webkit-scrollbar-track{position:relative;left:0.01rem;width:0.04rem;height:100%;background:#a7c8e5;}
.soll::-webkit-scrollbar-thumb{ position:absolute;width:0.06rem;left:0;top:0;height:0.5rem;background:#7794ad;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;}

/* 第二屏后公共样式 */
/* 导航 */
.nav_open{position:absolute;top:50%;right:-1rem;width:0.99rem;height:0.6rem;transform:translateY(-50%);z-index:999;transition:all .5s ease;}
.nav_open.on{transform:translate(-1rem,-50%);}
.nav_open a{display:block;width:0.56rem;height:1.08rem;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/nav_btn01.png) no-repeat;background-size:1.12rem 1.08rem;text-indent:-99999px;overflow:hidden;}
.nav_open a:hover{background-position:-0.56rem 0;}
.right_nav{width:1.9rem;position:absolute;top:50%;right:-2rem;transform:translateY(-50%);z-index:99;transition:all .5s ease;}
.right_nav.on{transform:translate(-2rem,-50%);}
.nav_list{width:1.57rem;}
.nav_list li h3{text-indent:-9999px;overflow:hidden;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/nav_tit.png) no-repeat;height:0.56rem;background-size:1.57rem 0.56rem;cursor:default;font-size:0.2rem;color: #fffeee;text-align: right;padding-right: 40px;line-height: 0.66rem;}
.nav_list li a{display:block;width: 1.49rem;color:#fffeee;font-size:0.16rem;height:0.22rem;text-align:right;padding-right:0.32rem;box-sizing:border-box;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/nav_dot.png) no-repeat 100% 0;background-size:0.22rem 0.44rem;line-height:0.22rem;margin: 0.09rem 0;}
.nav_list li.on a{text-shadow:0 0 5px rgba(18,146,158,0.5),0 0 10px rgba(18,146,158,0.5),0 0 15px rgba(18,146,158,0.5),0 0 20px rgba(18,146,158,0.5),0 0 25px rgba(18,146,158,0.5),0 0 30px rgba(18,146,158,0.5);background-position:100% -0.22rem}
.nav_close{background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/nav_btn02.png) no-repeat 0 0;width:0.35rem;height:0.35rem;background-size:1.2rem 1.15rem;display:block;text-indent:-9999px;overflow:hidden;margin:0 0 -0.05rem 1.19rem}
.nav_close:hover{background-position:-0.35rem 0}
.nav_home{background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/nav_btn02.png) no-repeat 0 -0.55rem;width:0.6rem;height:0.6rem;background-size:1.2rem 1.15rem;display:block;text-indent:-9999px;overflow:hidden;margin:0 0 0 1.08rem}
.nav_home:hover{background-position:-0.6rem -0.55rem}

.wd_02_bg{width: 100%; height: 100%; position: absolute;left: 50%; top: 50%;transform: translate(-50%,-50%);}
.wd_02_bg div{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.wd_02_bg div:nth-child(1){background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/wd_02_bg01.png) no-repeat center / cover;z-index:1;animation: sy_y 4s 0s ease-in-out infinite alternate;}
.wd_02_bg div:nth-child(2){z-index:2; transform: scale(1.012);}
.wd_02_bg div:nth-child(3){background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/wd_02_bg03.png) no-repeat center / cover;z-index:1;}
.wd_02_bg img{width: 100%; height: 100%;object-fit: cover;object-position:center center;}
.details{position: absolute;top: 0;left: 0;z-index: 999; width: 100%; height: 100%;}
.wd_02_circle{position:absolute;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/wd_02_circle.png) no-repeat;width:7.48rem; height:7.66rem;background-size: 100% 100%;left: 50%; top: 50%; margin-left: -3.8rem;margin-top: -4.13rem;animation: rotateCircle 30s linear infinite;}
@keyframes rotateCircle {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}
.wd_02_cont{position: absolute; width: 12rem; height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.wd_02_cont.ani{animation: In ease-in-out 1s both;}
@keyframes In {
	0% {
	    opacity: 0;
		transition: scale(0.1);
	}
	100% {
	    opacity: 1;
		transition: scale(1);
	}
}
.wd_02_cont h2{position: absolute;left:0rem; top: 50%;transform: translateY(-50%);z-index: 50;}
.wd_02_cont img{width: 100%; height: 100%;}
.wd_02_cont a{position: absolute;text-indent: -999999px; overflow: hidden;width: 0.63rem; height: 2.73rem; top: 50%;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/wd_02_btn.png) no-repeat; background-size: 1.26rem 2.32rem;z-index: 99;}
.wd_02_cont a:hover{background-position: -0.63rem 0;}
.wd_02_cont div.man img {animation: 4s ease-in-out 0s infinite normal both running wobble01;}
@keyframes wobble01{
	0% {
	    transform: perspective(2400px) translate3d(0%, 0, 20px) rotate3d(0, 0, 1, 0deg);
	}
	50% {
	    transform: perspective(2400px) translate3d(1.5%, 0, 20px) rotate3d(0, 1, 0, 5deg);
	}
	100% {
    transform: perspective(2400px) translate3d(0%, 0, 20px) rotate3d(0, 0, 1, 0deg);
}
}

/* 第二屏-组合时装 */
.wd_02_cont h2{width: 2.58rem;height: 6.15rem;left:0.3rem;transform: translateY(-64%);}
.wd_02_cont div.wd_02_man{position: absolute; left: 3.3rem; top: 50%; width: 6.24rem; height: 7.06rem;transform: translate(2rem,-6rem);transition: 1s;opacity: 0;}
.wd_02_cont a{left: 2.2rem;transform: translateY(-50%);}
.wd_02_cont.ani div.wd_02_man{transform: translate(0,-54%);opacity: 1;}

/* 第三屏-新时辰 */
.wd_03_cont h2{width: 3.08rem; height: 4.9rem;left:0.2rem; transform: translateY(-68%);}
.wd_03_cont div.wd_03_man{ position: absolute; left: 2.45rem; top: 50%; width: 7.08rem; height: 6.49rem;transform: translate(2rem,-6rem);transition: 1s;opacity: 0;}
.wd_03_cont div.wd_03_qiu{position: absolute; width: 2.56rem; height: 2.04rem; left:8.5rem; top: 50%; transform: translateY(-120%);}
.wd_03_cont a{left: 2.2rem;transform: translateY(-73%);}
.wd_02_cont.ani div.wd_03_man{transform: translate(0,-58%);transition: 1s;opacity: 1;}

/* 第四屏-跨服瑶池演武 */
.wd_04_cont h2{width: 3.48rem; height: 6.08rem; left:-0.8rem; transform: translateY(-50%);}
.wd_04_cont div.wd_04_man{ position: absolute; left: 2.9rem; top: 50%; width: 6.51rem; height: 8.51rem;transform: translate(2rem,-6rem);transition: 1s;opacity: 0;}
.wd_04_cont a{left: 2.3rem;transform: translateY(-65%);}
.wd_02_cont.ani div.wd_04_man{transform: translate(0,-55%);transition: 1s;opacity: 1;}

/* 第五屏-全民乱斗*/
.wd_05_cont h2{width: 3.53rem;height: 6.45rem;left:-0.65rem;transform: translateY(-50%);}
.wd_05_cont div.wd_05_man{position: absolute; left: 3.0rem; top: 50%;width: 6.69rem; height: 7.34rem;transform: translate(2rem,-6rem);transition: 1s;opacity: 0;}
.wd_05_cont a{left: 2rem;transform: translateY(-55%);}
.wd_02_cont.ani div.wd_05_man{transform: translate(0,-54%);transition: 1s;opacity: 1;}

/* 第六屏-新炼魔之阵 */
.wd_06_cont h2{width: 3.02rem;height: 6.53rem;left:0;transform: translateY(-55%);}
.wd_06_cont div.wd_06_man{position: absolute; left: 3.0rem; top: 50%; width: 6.26rem; height: 9.02rem;transform: translate(2rem,-6rem);transition: 1s;opacity: 0;}
.wd_06_cont a{left: 2rem;transform: translateY(-66%);}
.wd_02_cont.ani div.wd_06_man{transform: translate(0,-54%);transition: 1s;opacity: 1;}

/* 第七屏-更多精彩 */
.wd_07_cont h2{width:7.7rem;height:2.17rem;left:50%;transform:translate(-50%,-4.8rem);}
.wd_07_cont .cont{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:11.3rem;height:4.87rem;}
.wd_07_cont .tab{text-align: center;}
.wd_07_cont .tab .li{position: relative;overflow: hidden;width:0.62rem;height: 4.63rem;margin:0 0.03rem;zoom:1;display: inline-block;}
.wd_07_cont .tab .li.li_last{margin-right: 0;}
.wd_07_cont .tab .li a.btn{z-index:2;position:relative;transform: translateY(0);right:auto;top:auto;left:auto;display: block;width: 0.62rem;height: 4.63rem;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/wd_07_btn.png) no-repeat;background-size:4.36rem 9.26rem;text-indent: -9999px;overflow: hidden;}
.wd_07_cont .tab .li a.btn01{background-position:0 0;}
.wd_07_cont .tab .li a.btn02{background-position:-0.62rem 0;}
.wd_07_cont .tab .li a.btn03{background-position:-1.4rem 0;}
.wd_07_cont .tab .li a.btn04{background-position:-2.18rem 0;}
.wd_07_cont .tab .li a.btn05{background-position:-2.96rem 0;}
.wd_07_cont .tab .li a.btn06{background-position:-3.74rem 0;}
.wd_07_cont .tab .li.on a.btn01{background-position:0 -4.63rem;}
.wd_07_cont .tab .li.on a.btn02{background-position:-0.62rem -4.63rem;}
.wd_07_cont .tab .li.on a.btn03{background-position:-1.4rem -4.63rem;}
.wd_07_cont .tab .li.on a.btn04{background-position:-2.18rem -4.63rem;}
.wd_07_cont .tab .li.on a.btn05{background-position:-2.96rem -4.63rem;}
.wd_07_cont .tab .li.on a.btn06{background-position:-3.74rem -4.63rem;}
.wd_07_cont .tab .li .slide{display: none;position: absolute;top:0.4rem;left: 0.24rem;width:5.38rem;height:3.72rem;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/wd_07_con.png) no-repeat;background-size:100% 100%;}
.wd_07_cont .tab .li .slide .slidebox{width:5.38rem;height:3.72rem;display: none;overflow: hidden;}
.wd_07_cont .tab .li .slide .slidebox img{width:4.51rem;height:3.08rem;padding:0.32rem 0 0 0.23rem;}
.wd_07_cont .tab .li .slide .slidenum{z-index: 999;position: absolute;bottom:0.35rem;right:0.38rem;height:0.18rem;}
.wd_07_cont .tab .li .slide .slidenum li{width:0.14rem;height:0.14rem;float:left;margin-left:0.07rem;}
.wd_07_cont .tab .li .slide .slidenum li a{display:block;width:0.14rem;height:0.14rem;background:#f6f7c5;border-radius:50%;transform:none;position:static;}
.wd_07_cont .tab .li .slide .slidenum li.on a{background:#c82d28;}
.wd_07_cont .scrollcontent{position: absolute;top:50%;margin-top:2.1rem;left:2.1rem;overflow: hidden;width: 8rem;height:1.12rem;background: url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/wd_07_txt.jpg) no-repeat;background-size:100% 100%;}
.wd_07_cont .vcont{width: 7.85rem;height:0.86rem;padding:0.05rem 0.1rem 0 0.2rem;box-sizing: border-box;margin-top: 0.12rem;}
.wd_07_cont .sub{display: none;clear: both;}
.wd_07_cont .sub h3{font-size:0.16rem;color: #e5f6fa;line-height:0.32rem;padding-bottom:0.0rem;}
.wd_07_cont .sub p{font-size:0.14rem;color: #e5f6fa;line-height: 0.2rem;}
.wd_07_cont .vcont{overflow: hidden;overflow-y: scroll;}
.wd_07_cont .vcont::-webkit-scrollbar { width: 0.07rem;border-radius: 0.07rem;}
.wd_07_cont .vcont::-webkit-scrollbar-thumb {background-color: #c7dcde;border-radius: 0.07rem;cursor: pointer;}
.wd_07_cont .vcont::-webkit-scrollbar-track {border-radius: 0.07rem;width: 0.07rem;background: linear-gradient(to right, rgba(164,84,51,0) 40%, rgba(101,156,177,1) 50%, rgba(164,84,51,0) 60%);}
.wd_07_cont .tab .li.on::after{content:"";width:13px;height:126px;background:url(http://image.gyyxcdn.cn/upload/wd/action/p/1.81/images/wd_07_line.png) no-repeat;position:absolute;bottom:-28px;left:120px;}
.wd_07_cont .vcont a{background: none;position: static;color: #f6fa07;transform: none;overflow: visible;}

/* 第八屏-器魂 */
.wd_08_cont h2{width: 3.17rem; height: 5.95rem; left:-0.4rem;transform: translateY(-50%);}
.wd_08_cont div.wd_08_man{ position: absolute; left: 2.8rem; top: 50%;width: 7.1rem; height: 8.11rem;transform: translate(2rem,-6rem);transition: 1s;opacity: 0;}
.wd_08_cont a{left: 2rem;transform: translateY(-60%);}
.wd_02_cont.ani div.wd_08_man{transform: translate(0,-65%);transition: 1s;opacity: 1;}

/* 第九屏-沙漠商队 */
.wd_09_cont h2{width: 3.89rem; height: 7.17rem;left:-0.7rem; transform: translateY(-45%);}
.wd_09_cont div.wd_09_man{ position: absolute; left: 2.3rem; top: 50%; transform: translateY(-53%); width: 8.09rem; height: 6.56rem;transform: translate(2rem,-6rem);transition: 1s;opacity: 0;}
.wd_09_cont a{left: 1.8rem;transform: translateY(-50%);}
.wd_02_cont.ani div.wd_09_man{transform: translate(0,-53%);transition: 1s;opacity: 1;}

/* 第十屏-天宫赐福 */
.wd_10_cont h2{width: 5.38rem;height: 7.49rem;left: -1.2rem;transform: translateY(-68%);}
.wd_10_cont div.wd_10_man{position: absolute; left: 2.1rem; top: 50%; width: 7.12rem; height: 9.05rem;transform: translate(2rem,-6rem);transition: 1s;opacity: 0;}
.wd_10_cont a{left: 1.9rem;transform: translateY(-64%);}
.wd_02_cont.ani div.wd_10_man{transform: translate(0,-56%);transition: 1s;opacity: 1;}

/* 第十一屏-自建赛事 */
.wd_11_cont h2{width: 4.03rem;height: 6.11rem;left: -1.1rem;transform: translateY(-60%);}
.wd_11_cont div.wd_11_man{position: absolute; left: 1.8rem; top: 50%;width: 7.37rem; height: 8.91rem;transform: translate(2rem,-6rem);transition: 1s;opacity: 0;}
.wd_11_cont a{left: 1.9rem;transform: translateY(-88%);}
.wd_02_cont.ani div.wd_11_man{transform: translate(0,-54%);transition: 1s;opacity: 1;}