*{ margin:0; padding:0; border:0; list-style: none; }
html,body{ width: 100%; height: 100%;}
body{ transform-origin:0 0; overflow:auto }
img{ display:block; width:100% }
a{ text-decoration:none; }

/*横屏*/
@media screen and (orientation: landscape) {
    .wrapper{ width:1920px; height:1750px; background-image:url(../pcimgs/pc.jpg); background-repeat: no-repeat; background-position: top center; transform-origin: 0 0; position: relative; overflow: hidden;}
    .download_box{ width:606px; height:207px; background-image:url(../pcimgs/download.png); position: absolute; top: 470px; left: 50%; margin-left: -650px;}
    .download_box .qrcode{ width:146px; display:block; padding:57px 0 0 70px; float:left }
    .download_box .download{ float: left; width: 197px; margin: 55px 0 0 15px}
    .download_box .download a{ width:197px; margin-bottom: 5px; display: block; transition: .5s}
    .download_box .download a:hover{ transform:translateY(-3px); }
    .download_box .download a:last-child{ display:none }
    .download_box .pc{ width:136px; display:block; padding:53px 0 0 10px; float:left; transition:.5s }
    .download_box .pc:hover{ transform:translateY(-3px); }
    .logo{ position: absolute; top:30px; left:20px; width:140px; display: block;}
    .logo img{ width:100% }
    .download_m{ display:none }

    .share_box{ position: absolute; top:30px; right:150px; line-height: 40px; font-size: 0;}
    .share_box span{ font-size:16px; display: inline-block; vertical-align: middle; color:#333;}
    .share_box a{ display: inline-block; vertical-align: middle; margin: 0 5px 0; transition: .5s}
    .share_box a:hover{transform: translateY(-3px);}

    .enter{ width:122px; height:44px; line-height: 44px; display:block; background-image:url(/style/img/download/enter.png); position: absolute; top:30px; right:20px; font-size: 16px; color:#fff; text-align: center; transition: .5s}
    .enter:hover{ transform:translateY(-3px); }

    .swiperTs{ width: 3000px; height: 580px; padding:0 0 60px 0; position: absolute; top: 920px; left: 50%; margin-left: -1500px;}
    .swiperTs .swiper-slide{ width: 1000px; height: 563px; z-index: 1; position: relative;transform: scale(.8); transition: .5s; background-color: #374d64}
    .swiperTs .swiper-slide img{ width: 1000px; display: block; border: 4px #fff solid; box-sizing: border-box; opacity: .3; transition: .5s}
    .swiperTs .swiper-slide-active{ transform: translateX(0) scale(1)!important; z-index: 2; opacity: 1;}
    .swiperTs .swiper-slide-active img{ border: 3px #d3c294 solid; opacity: 1}
    .swiperTs .swiper-slide-active:before{ content: ""; display: block; width: 1006px; height: 569px; background-image: url(../pcimgs/ts_line.png); background-size: 100% 100%; position: absolute; top: -3px; left:-3px; }
    .swiperTs .swiper-slide-prev{ transform: translateX(550px) scale(.8); }
    .swiperTs .swiper-slide-next{ transform: translateX(-550px) scale(.8); }

    .swiperTs .swiper-pagination{position:absolute;bottom:20px;text-align:center;}
    .swiperTs .swiper-pagination-bullet{display:inline-block;width:10px;height:10px; position: relative; cursor:pointer; border: 1px #5b5d60 solid; border-radius: 0;  vertical-align: middle; background: transparent; opacity: 1; transform: rotate(45deg); margin: 0 10px!important;}
    .swiperTs .swiper-pagination-bullet-active:before{ content: ""; width: 6px; height: 6px; display: block; position: absolute; top: 2px; left: 2px; background-color: #5b5d60; }

    .swiperTs .swiper-button-next{ width:99px; height:116px; background-image:url(../pcimgs/arrow_1.png); background-size: 100% 100%; right: 50%; margin-top: -95px; margin-right: -800px}
    .swiperTs .swiper-button-prev{ width:99px; height:116px; background-image:url(../pcimgs/arrow_1.png); background-size: 100% 100%; left: 50%; margin-top: -95px; margin-left: -800px; transform: rotateY(180deg);}

    #j-hwy-gamefoot{ width: 100%; position: absolute; bottom: 0; left: 0}

}

/*竖屏*/
@media screen and (orientation: portrait) {
    .share_box,.qrcode,.pc{ display:none }
    .logo{ position: absolute; display: block; width:3.2rem; top:.5rem; left:.2rem }
    .wrapper{ width:100%; height:66rem; background-image:url(../imgs/m.jpg); background-size: 100% 100%; position: relative; overflow: hidden;}
    .download{ width: 100%; text-align: center; position: absolute; top: 26.5rem; left: 0; font-size: 0;}
    .download a{ width:6.2rem; display: inline-block; margin: 0 .15rem;}
    .download:before{ content:""; display:block; width: 8.64rem; height:.92rem; background-image:url(../imgs//txt.png); background-size: 100% 100%; position: absolute; top: -1.7rem; left: 50%; transform: translateX(-50%);}
    .enter{ width:4.5rem; height:1.7rem; line-height: 1.7rem; display:block; background-image:url(/style/img/download/enter.png); background-size: 100% 100%; position: absolute; top:.5rem; right:.3rem; font-size: .65rem; color:#fff; text-align: center; transition: .5s}

    .swiperTs{ width: 39rem; height: 24rem; padding:0 0 1rem 0; position: absolute; top: 33rem; left: 50%; margin-left: -19.5rem; z-index: 2;}
    .swiperTs .swiper-slide{ width: 13rem; height: 24rem; z-index: 1; position: relative;transform: scale(.8); transition: .5s;}
    .swiperTs .swiper-slide img{ width: 13rem; display: block;}
    .swiperTs .swiper-slide-active{ transform: translateX(0) scale(1)!important; z-index: 2; opacity: 1;}
    .swiperTs .swiper-slide-active img{box-shadow: 0 0 20px rgba(177,142,86,.5); border: 2px #fff solid; box-sizing: border-box;}
    .swiperTs .swiper-slide-prev{ transform: translateX(9rem) scale(.8); }
    .swiperTs .swiper-slide-next{ transform: translateX(-9rem) scale(.8); }

    .swiperTs .swiper-pagination{position:absolute;bottom:0;text-align:center;}
    .swiperTs .swiper-pagination-bullet{display:inline-block;width:.5rem;height:.5rem; position: relative; cursor:pointer; border: 1px #5b5d60 solid; border-radius: 0;  vertical-align: middle; background: transparent; opacity: 1; transform: rotate(45deg); margin: 0 .4rem!important;}
    .swiperTs .swiper-pagination-bullet-active:before{ content: ""; width: .3rem; height: .3rem; display: block; position: absolute; top: .1rem; left: .1rem; background-color: #5b5d60; }

    #j-hwy-gamefoot{ width: 100%; position: absolute; bottom: 0; left: 0}

}



.download_xcx{ width:100%; height:100%; background-image:url(img/download/xcx.jpg); background-size: 100% auto; background-repeat: no-repeat; background-color: #fff; background-position: top; position: absolute; top: 0; left: 0; z-index: 11; display: none}

.download_xcx .input_box{width:100%;padding-top:27.5rem;text-align:center;}
.download_xcx .input_box input{width:16rem;height:2rem;line-height:2rem; border-bottom: 1px #a79266 solid; text-align:center;font-size:.9rem;color:#a79266;background:transparent;}
.download_xcx .input_box .copy{width:11.5rem;display:block;margin:1rem auto 0}
.download_xcx .input_box .copy img{width:100%;display:block;}



.wx_tip{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:11; background-color:rgba(0, 0, 0, .8); font-size: 1rem; color: #fff; display: none}
.wx_tip img{ padding-top: 1rem; }