.pn3 .pn-in .mod-news .news-list li .tit:before{display:inline-block;vertical-align:middle;content:""}
.pn2 .mod-video:after{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.wrap-news .mod-news .content .info .share .icons:after,.wrap-news .mod-news .content .info:after{display:table;clear:both;content:" "}
.pn3 .pn-in .mod-news .news-list li .tit,.wrap-news .mod-news .content .title,.wrap-news .mod-news .news-list li .txt-box .tit{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
@-webkit-keyframes fadein{0%{opacity:0;filter:alpha(opacity=0)}
to{opacity:1;filter:alpha(opacity=100)}
}
@keyframes fadein{0%{opacity:0;filter:alpha(opacity=0)}
to{opacity:1;filter:alpha(opacity=100)}
}
@-webkit-keyframes talk{0%{background-position:0 0}
to{background-position:-832px 0}
}
@keyframes talk{0%{background-position:0 0}
to{background-position:-832px 0}
}
@-webkit-keyframes zoom{0%,to{-webkit-transform:scale(.9);transform:scale(.9)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes zoom{0%,to{-webkit-transform:scale(.9);transform:scale(.9)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}
.dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;display:none;background:rgba(0,0,0,.8)}
.dialog-in{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}
.dialog.age .dialog-box{position:relative;width:700px;background:#fff;padding:30px;-webkit-border-radius:6px;border-radius:6px;-webkit-border-radius:12px;border-radius:12px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.8);box-shadow:0 0 10px rgba(0,0,0,.8)}
.dialog.age .dialog-box .tit{text-align:center;font-size:22px;font-weight:700;color:#36b5f4;padding-bottom:20px}
.dialog .btn-close{position:absolute;width:40px;height:40px;right:0;bottom:103%;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.dialog .btn-close:hover{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.dialog .btn-close:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);background:#b9e9ff;z-index:-9}
.dialog .btn-close:after,.dialog .btn-close:before{content:"";width:4px;height:100%;position:absolute;left:50%;top:50%;-webkit-border-radius:2px;border-radius:2px}
.dialog .btn-close:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);background:#fff}
.video .dialog-box{position:relative;width:744px;height:449px;background:url(./bg-dialog.png) no-repeat 0 0/cover;padding:30px 25px}
.video .mod-video{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-weight:700;letter-spacing:5px;text-align:center}
.video .mod-video,.video .mod-video video{width:100%;height:100%}
body{min-width:1285px;max-width:1920px;margin:0 auto;background:#fff}
#explorerTip{display:none;position:absolute;left:0;width:100%;z-index:1;top:40px;background:#000;opacity:.84}
#explorerTip .wrapper{padding:20px}
#explorerTip p{font-size:50px;line-height:60px;color:#61a31c}
#explorerTip p.p1{text-align:right;color:#fef958}
#explorerTip p.p2{font-size:80px;line-height:120px;color:#fef958;text-align:center}
#explorerTip p.p3{font-size:40px;margin-top:15px;text-align:right}
.wrap{overflow:hidden}
.header{position:relative;height:718.125px;background:url(./top.jpg) no-repeat top/1920px auto}
.header .logo-box{position:absolute;top:95px;left:50%;margin-left:350px}
.header .logo-box img{width:170.625px;display:inline-block;margin:0 15px;vertical-align:middle}
.header .logo-box .age img{width:68.75px}
.header .dl-box{position:absolute;right:0;bottom:68px;left:0;z-index:5;width:592px;margin:0 auto;padding:20px;overflow:hidden;-webkit-border-radius:20px;border-radius:20px;-webkit-transform:scale(.625);-ms-transform:scale(.625);transform:scale(.625);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}
.header .dl-box:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:hsla(0,0%,100%,.5);-webkit-filter:blur(15px);filter:blur(15px);content:""}
.header .dl-box .code{float:left;width:253px;margin-right:25px}
.header .dl-box .code img{display:block;-webkit-border-radius:15px;border-radius:15px}
.header .dl-box .btns{overflow:hidden}
.header .dl-box .btns a{display:block;margin-top:10px;margin-bottom:25px;text-align:center}
.header .dl-box .btns a:last-child{margin-bottom:0}
.pn{background:no-repeat top/1920px auto}
.pn-in{width:803.125px;margin:0 auto;padding-top:75px}
.pn1{height:696.25px;background-image:url(./bg1.jpg)}
.pn1 .mod-game{position:relative;width:723.9px;margin:0 auto}
.pn1 .mod-game:before{content:"";width:304.375px;height:285.75px;background:url(./pn1-peo.png) no-repeat top/100% auto;position:absolute;left:-236.25px;bottom:-75px;z-index:99}
.pn1 .mod-game:after{content:"";width:280.125px;height:380.25px;background:url(./pn1-peo1.png) no-repeat top/100% auto;position:absolute;right:-247.5px;top:-118.75px;z-index:99}
.pn1 .mod-game .swiper-container{margin:20px}
.pn1 .mod-game .swiper-slide{width:256px}
.pn1 .mod-game .swiper-slide .pic{height:440px;background:#000;border:3px solid #fff;-webkit-border-radius:12px;border-radius:12px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}
.pn1 .mod-game .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-border-radius:8px;border-radius:8px;opacity:.8}
.pn1 .mod-game .swiper-slide-active img{opacity:1}
.pn1 .mod-game .swiper-pagination-bullets{bottom:-80px;background:none}
.pn1 .swiper-button-next{right:-62.5px;background:none;width:61px;background-image:url(./b.png);background-position:0 -83px;background-repeat:no-repeat}
.pn1 .swiper-button-next,.pn1 .swiper-button-prev{z-index:99;outline:none;-webkit-transform:scale(.625);-ms-transform:scale(.625);transform:scale(.625);height:62px}
.pn1 .swiper-button-prev{left:-62.5px;background:none;width:60px;background-image:url(./b.png);background-position:0 -147px;background-repeat:no-repeat}
.pn2{height:626.25px;padding-top:50px;background-image:url(./bg2.jpg)}
.pn2 .mod-video{position:relative;padding:5px;background:#fff;-webkit-border-radius:12px;border-radius:12px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.pn2 .mod-video video{display:block;width:100%;height:auto;-webkit-border-radius:10px;border-radius:10px}
.pn2 .mod-video video img{width:100%;height:100%;-webkit-border-radius:8px;border-radius:8px}
.pn2 .mod-video:after{z-index:9;content:"";width:327px;height:427px;background-image:url(./b.png);background-position:0 -211px;background-repeat:no-repeat;-webkit-transform:scale(.625) translate(-50%,-50%);-ms-transform:scale(.625) translate(-50%,-50%);transform:scale(.625) translate(-50%,-50%);pointer-events:none}
.pn2 .mod-video:before{position:absolute;bottom:-40%;left:95%;z-index:10;width:491.25px;height:420px;background:url(./peo.png) no-repeat 0 0/cover;content:"";pointer-events:none}
.pn2 .mod-video.play:after{display:none}
.pn3{height:515.625px;background-image:url(./bg3.jpg)}
.pn3 .pn-in{padding-top:104.375px;overflow:hidden;width:866px}
.pn3 .pn-in .mod-focus{position:relative;float:left;width:565px;background:#fff;-webkit-border-radius:10px;border-radius:10px;padding:4px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.pn3 .pn-in .mod-focus .swiper-slide img{width:100%;height:322px;-o-object-fit:cover;object-fit:cover;-webkit-border-radius:8px;border-radius:8px}
.pn3 .pn-in .mod-news{float:right;width:292px;height:332px;background:#fffae6;border:5px solid #efcd8a;-webkit-border-radius:10px;border-radius:10px;padding:5px 16px}
.pn3 .pn-in .mod-news .tab{overflow:hidden;padding:8px 5px;line-height:24px}
.pn3 .pn-in .mod-news .tab a{float:left;margin-right:20px;color:#dca771;font-size:14px}
.pn3 .pn-in .mod-news .tab a:last-child{margin-right:0}
.pn3 .pn-in .mod-news .tab a.cur{color:#b56846;font-weight:700;font-size:16px;border-bottom:2px solid #b56846}
.pn3 .pn-in .mod-news .tab a.tab-more{float:right;margin-right:5px}
.pn3 .pn-in .mod-news .tab-pn{padding-top:10px}
.pn3 .pn-in .mod-news .news-list{height:210px}
.pn3 .pn-in .mod-news .news-list li{overflow:hidden;color:#b56846;font-size:14px;line-height:30px}
.pn3 .pn-in .mod-news .news-list li .tit{float:left;width:200px}
.pn3 .pn-in .mod-news .news-list li .tit:before{width:8px;height:8px;background-image:url(./b.png);background-position:0 0;background-repeat:no-repeat;margin:0 .3em .2em 0}
.pn3 .pn-in .mod-news .news-list li .tit a{color:#b56846}
.pn3 .pn-in .mod-news .news-list li .tit a:hover{text-decoration:underline}
.pn3 .pn-in .mod-news .news-list li .date{float:right}
.pn4{height:389.375px;background-image:url(./bg4.jpg)}
.pn4 .pn-in{padding-top:112px}
.pn4 .codes{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:390px;margin:0 auto}
.pn4 .codes .item img{width:150px;height:150px;background:#fff;border:4px solid #fff;-webkit-border-radius:10px;border-radius:10px}
.pn4 .codes .item p{color:#3c8dc3;font-size:25px;line-height:2;text-align:center}
.swiper-pagination-bullets{right:5px;bottom:5px;left:5px;height:40px;padding-top:10px;background:rgba(0,0,0,.1);-webkit-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px}
.swiper-pagination-bullets .swiper-pagination-bullet{width:22px;height:22px;margin:0 .2em;background:#fff;-webkit-border-radius:50%;border-radius:50%;outline:none;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);opacity:1;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#fff;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.footer{background:#2b2b2b}
.footer-in{position:relative;width:718.75px;margin:0 auto;padding:18.75px 0;font-size:14px;line-height:20px}
.footer-in,.footer-in a{color:#8e9093}
.footer-in a:hover{text-decoration:underline}
.footer-in .flower{position:absolute;top:116.875px;right:-20px;-webkit-transform:scale(.625);-ms-transform:scale(.625);transform:scale(.625)}
.pagination{margin:.5em 0}
.pagination a{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:20px;margin:0 3px;padding:0 .5em;font-size:16px;text-align:center;-webkit-border-radius:4px;border-radius:4px}
.pagination ul{display:table;margin:0 auto}
.pagination ul li{display:table-cell;line-height:40px}
.pagination ul li a{color:#b56846}
.pagination ul li.selected a{font-weight:700}
.pagination ul li.disabled{display:none}
.wrap-news .header{height:1033px;background:url(./bg-news.jpg) no-repeat top}
.wrap-news .header .age{position:absolute;top:35px;left:33px}
.wrap-news .header .logo{position:absolute;top:132px;left:410px}
.wrap-news .mod-news{position:absolute;top:233px;right:86px;width:867px;height:655px;padding:145px 52px 0;background:url(./bg-news-bd.png)}
.wrap-news .mod-news .btn-back{position:absolute;top:45px;right:45px;width:86px;color:#fff;line-height:26px;text-align:center;border:1px solid #fff;-webkit-border-radius:13px;border-radius:13px}
.wrap-news .mod-news .tab{margin-bottom:32px;overflow:hidden;font-size:22px;text-align:right}
.wrap-news .mod-news .tab a{display:inline-block;margin:0 15px;color:#afafaf}
.wrap-news .mod-news .tab a.cur{color:#3db1f0;font-weight:700}
.wrap-news .mod-news .news-list{height:360px}
.wrap-news .mod-news .news-list li{margin-bottom:20px;overflow:hidden}
.wrap-news .mod-news .news-list li .pic{float:left;width:160px;height:100px;margin-right:25px}
.wrap-news .mod-news .news-list li .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-border-radius:10px;border-radius:10px}
.wrap-news .mod-news .news-list li .txt-box{height:99px;padding-top:15px;overflow:hidden;border-bottom:1px dashed #e2edf9}
.wrap-news .mod-news .news-list li .txt-box .tit{color:#57b0e0;font-size:22px}
.wrap-news .mod-news .news-list li .txt-box .tit a{color:#57b0e0}
.wrap-news .mod-news .news-list li .txt-box .tit a:hover{text-decoration:underline}
.wrap-news .mod-news .news-list li .txt-box .date{margin-top:15px;color:#cdcdcd;font-size:22px;text-align:right}
.wrap-news .mod-news .content{color:#3db1f0;font-size:14px}
.wrap-news .mod-news .content a{color:#3db1f0}
.wrap-news .mod-news .content .title{padding-bottom:15px;font-size:36px;text-align:center;border-bottom:1px dashed #e3effd}
.wrap-news .mod-news .content .info{padding:15px}
.wrap-news .mod-news .content .info .share{float:left}
.wrap-news .mod-news .content .info .share .tit{float:left;margin-right:15px}
.wrap-news .mod-news .content .info .share .icons{float:left}
.wrap-news .mod-news .content .info .share .icons .wechat-qrcode{position:absolute;top:135%;left:50%;display:none;width:110px;padding:5px;font-size:12px;text-align:center;background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.wrap-news .mod-news .content .info .share .icons .wechat-qrcode .help,.wrap-news .mod-news .content .info .share .icons .wechat-qrcode h4{display:none}
.wrap-news .mod-news .content .info .share .icons a{position:relative;float:left;margin-right:10px}
.wrap-news .mod-news .content .info .share .icons a.ico-wx{display:block;width:22px;height:22px;background-image:url(./b.png);background-position:0 -34px;background-repeat:no-repeat}
.wrap-news .mod-news .content .info .share .icons a.ico-wx:hover .wechat-qrcode{display:block}
.wrap-news .mod-news .content .info .share .icons a.ico-qq{width:23px;height:23px;background-image:url(./b.png);background-position:0 -58px;background-repeat:no-repeat}
.wrap-news .mod-news .content .info .share .icons a.ico-wb{width:22px;height:22px;background-image:url(./b.png);background-position:0 -10px;background-repeat:no-repeat}
.wrap-news .mod-news .content .info .box-r{float:right}
.wrap-news .mod-news .content .info .box-r span{margin-left:10px}
.wrap-news .mod-news .content .article{max-height:288px;margin:20px 10px;padding-right:10px;overflow-y:auto;font-size:16px;line-height:24px}
.wrap-news .mod-news .content .article::-webkit-scrollbar{width:10px;height:1px}
.wrap-news .mod-news .content .article::-webkit-scrollbar-thumb{background:#509cfe;-webkit-border-radius:10px;border-radius:10px}
.wrap-news .mod-news .content .article::-webkit-scrollbar-track{background:#fff;-webkit-border-radius:10px;border-radius:10px}
.wrap-news .mod-news .content .article p{text-indent:2em}
.wrap-news .pagination ul li a{color:#3db1f0}
@media screen and (max-width:768px){
body{min-width:0;max-width:none;overflow-x:hidden}
img{max-width:100%;height:auto}
.header{height:auto;min-height:100vh;padding:6vw 0 8vw;background-position:center top;background-size:cover}
.header .logo-box{position:static;display:flex;justify-content:center;align-items:center;gap:3vw;margin:0 auto 8vw}
.header .logo-box img{width:34vw;max-width:150px;margin:0}
.header .logo-box .age img{width:14vw;max-width:56px}
.header .dl-box{position:static;display:flex;flex-direction:column;gap:4vw;width:calc(100% - 32px);max-width:420px;margin:0 auto;padding:5vw;transform:none;border-radius:20px}
.header .dl-box .code{float:none;width:100%;max-width:220px;margin:0 auto}
.header .dl-box .btns{display:flex;flex-direction:column;gap:3vw}
.header .dl-box .btns a{margin:0}
.pn{height:auto;padding:12vw 0;background-position:center top;background-size:cover}
.pn-in{width:calc(100% - 32px);padding-top:0}
.pn1 .mod-game{width:100%}
.pn1 .mod-game:before,.pn1 .mod-game:after,.pn2 .mod-video:before{display:none}
.pn1 .mod-game .swiper-container{margin:0 0 16vw}
.pn1 .mod-game .swiper-slide{width:58vw;max-width:280px}
.pn1 .mod-game .swiper-slide .pic{height:100vw;max-height:460px}
.pn1 .mod-game .swiper-pagination-bullets{bottom:-11vw}
.pn1 .swiper-button-next,.pn1 .swiper-button-prev{top:auto;bottom:-2vw;transform:scale(.5)}
.pn1 .swiper-button-prev{left:2vw}
.pn1 .swiper-button-next{right:2vw}
.pn2{padding-top:12vw}
.pn2 .mod-video{overflow:hidden}
.pn2 .mod-video:after{width:84px;height:84px;transform:translate(-50%,-50%) scale(.4)}
.dialog.age .dialog-box{width:calc(100% - 32px);max-height:80vh;padding:20px}
.dialog.age .dialog-box .content{max-height:58vh;overflow-y:auto}
.dialog .btn-close{right:6px;bottom:auto;top:-48px}
.footer-in{width:calc(100% - 32px);padding:18px 0;font-size:12px;line-height:1.75}
}
#wechat-tip{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(0,0,0,.85)}
#wechat-tip .wechat-tip-arrow{position:absolute;top:15px;right:25px;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:30px solid #fff}
#wechat-tip .wechat-tip-arrow:after{content:"";position:absolute;top:38px;left:50%;width:4px;height:30px;background:#fff;margin-left:-2px;border-radius:2px}
#wechat-tip .wechat-tip-text{position:absolute;top:100px;right:15px;color:#fff;font-size:18px;line-height:2;text-align:center;padding:20px 30px;border:2px solid rgba(255,255,255,.6);border-radius:12px}
#wechat-tip .wechat-tip-text .wechat-tip-dots{font-weight:700;font-size:22px;letter-spacing:2px}