/*# zfa 2024/12/9 16:04:09 4399H5小游戏 */
body{font-size:12px;font-family:\5FAE\8F6F\96C5\9ED1,Verdana,arial,\5B8B\4F53}
body,html,a,img,div,form,select,input,ul,ol,ul,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span{margin:0;padding:0}
a{color:#303030;text-decoration:none}
a:hover{color:#fb6400;text-decoration:underline}
ol,ul,li{list-style:none}
em,i{font-style:normal}
img{border:none}
.noshow{display:none}
.cf{*zoom:1}
.cf:after{content:'\20';display:block;height:0;clear:both}
.hidden,.hide{display:none}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.wp{width:1200px;margin:0 auto}
.fl{float:left;_display:inline}
.fr{float:right;_display:inline}
body{background:#f1f1f1}
.copy{background:#FFFFFF;border-top:3px solid #EEE7E7;padding:20px 0 40px;line-height:22px;color:#8e8e8e;text-align:center;position:relative;margin-top:40px}
.copy a{color:#8e8e8e}
.copy a:hover{color:#fb6400}
.copy .copy_t span{color:#fb6400}
.copy .copy_c{padding-top:10px}
.copy .copy_c a{margin:0 5px}
.copy .wechat-QR{display:none;background:#fff;border:1px solid #e1e1e1;width:138px;height:164px;line-height:14px;top:-90px;right:148px}
.copy .wechat-QR img{display:block;margin:7px auto 3px auto}
.copy .wb,.copy .tx,.copy .ghs,.copy .moc{background:url(/images/h5xyx/footer-item.png) no-repeat;width:16px;height:16px;display:inline-block;vertical-align:middle;margin:-3px 6px 0 0 !important}
.copy .wb{background-position:0 0}
.copy .tx{background-position:-17px 0}
.copy .moc{background-position:-47px 0;width:22px;height:22px;margin-right:0 !important}
.copy .ghs{background-position:-70px 0;width:20px;height:20px}
.copy .fk em{background:url(/images/h5xyx/footer-item.png) no-repeat -34px 0;width:12px;height:12px;display:inline-block;vertical-align:middle;margin-right:3px}
.headArea{overflow:hidden;height:424px;min-width:1000px;position:relative}
.headArea .head-banner{width:1920px;height:424px;position:absolute;left:50%;margin-left:-960px;top:0;background:url(/images/h5xyx/head-img.jpg) no-repeat center top}
.head-bar{width:100%;height:88px;position:absolute;top:0;left:0}
.head-bar .top-mask{background:url(/images/h5xyx/top-mask.png) repeat-x;width:100%;height:88px;overflow:hidden;position:absolute;left:0;top:0}
.head-bar .top-main{height:56px;padding:11px 0;position:relative}
.head-bar .top-main .top-logo{float:left;width:228px;height:56px;overflow:hidden}
.head-bar .top-main .top-logo img{display:block;display:block;width:100%;height:100%;overflow:hidden}
.head-bar .top-main .top-nav{float:left;height:32px;padding:12px 15px 12px 30px}
.head-bar .top-main .top-nav a{height:32px;line-height:32px;margin-right:40px;font-size:16px;color:#fff}
.head-bar .top-main .top-nav a:hover,.head-bar .top-main .top-nav a.cur{color:#ff8c34;text-decoration:none}
.head-bar .top-main .top-sch{float:left;width:218px;height:32px;border-radius:16px;background:rgba(255,255,255,0.3);margin-top:12px;position:relative}
.head-bar .top-main .top-sch input{background:none;border:none}
.head-bar .top-main .top-sch .sp-txt{float:left;width:146px;height:32px;outline:none;padding:0 15px;color:#fff;cursor:default}
.head-bar .top-main .top-sch .sp-txt::-webkit-input-placeholder{color:#fff}
.head-bar .top-main .top-sch .sp-txt:-ms-input-placeholder{color:#fff}
.head-bar .top-main .top-sch .sp-txt::-ms-input-placeholder{color:#fff}
.head-bar .top-main .top-sch .sp-txt::placeholder{color:#fff}
.head-bar .top-main .top-sch .sp-btn{background:url(/images/h5xyx/sch-btn.png) no-repeat center;float:right;width:42px;height:32px;overflow:hidden;line-height:99;cursor:pointer}
.head-bar .top-main .top-sch .lb-list{display:none;position:absolute;left:0;top:35px;width:100%;background:#fff;border-radius:5px;padding:10px 0}
.head-bar .top-main .top-sch .lb-list .slist li{height:30px;line-height:30px;font-size:12px}
.head-bar .top-main .top-sch .lb-list .slist li a{display:block;overflow:hidden;padding:0 20px;text-overflow:ellipsis;white-space:nowrap}
.head-bar .top-main .top-sch .lb-list .slist li a:hover{background:#EBF8FF;color:#1873D5;text-decoration:none}
.head-bar .top-main .top-sch .lb-list .sbtn{height:30px;line-height:30px;text-align:right;padding:0 20px;margin-bottom:-5px}
.head-bar .top-main .top-sch .lb-list .sbtn a{color:#1873D5;text-decoration:underline}
.top-self{float:right;height:32px;margin-top:12px;position:relative}
.top-self .lk-play{background:url(/images/h5xyx/top-item.png) no-repeat left top;display:block;height:20px;line-height:20px;font-size:14px;color:#fff;padding-left:22px;margin:6px 0}
.top-self .played{display:none;width:288px;position:absolute;top:35px;right:0;background:#fff;border-radius:10px;z-index:10;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.2);box-shadow:0 0 3px 0 rgba(0,0,0,0.2)}
.top-self .played .sp-arrow{position:absolute;right:40px;top:-6px;width:0;height:0;border:3px solid #fff;border-color:transparent transparent #fff}
.top-self .played .top-tit{height:16px;line-height:16px;padding-top:15px;margin:0 20px}
.top-self .played .top-tit .a{background:url("/images/h5xyx/top-item.png") no-repeat 0 -40px;float:left;font-weight:bold;color:#2A86EA;font-size:14px;padding-left:12px}
.top-self .played .top-tit .dl{float:right;color:#8e8e8e}
.top-self .played .top-tit .dl:hover{color:#FB6400;text-decoration:underline}
.top-self .played .not_p{height:30px}
.top-self .played .not_p,.top-self .played .not_p1{width:276px;height:45px;line-height:45px;color:#fb6400;overflow:hidden;text-align:center}
.top-self .played .not_p a,.top-self .played .not_p1 a{color:#8e8e8e}
.top-self .played .not_p a:hover,.top-self .played .not_p1 a:hover{color:#FB6400}
.top-self .played .not_ul{padding:15px 0 0 11px;overflow:hidden}
.top-self .played .not_ul li{float:left;width:78px;height:100px;overflow:hidden;text-align:center;line-height:2.2;margin:0 11px 3px 0}
.top-self .played .not_ul li img{display:block;width:72px;height:72px;margin:0 auto}
.top-self .played .not_ul li a:hover{text-decoration:underline}
.top-self .played .played-pages{background:#F7F7F7;height:28px;line-height:28px;overflow:hidden;margin-top:5px;text-align:center;border-radius:0 0 10px 10px}
.top-self .played .played-pages .p_up,.top-self .played .played-pages .p_do{background:url(/images/h5xyx/top-item.png) no-repeat;display:inline-block;vertical-align:middle;width:17px;height:17px;margin-top:-2px}
.top-self .played .played-pages .p_up{background-position:0 -56px}
.top-self .played .played-pages .p_do{background-position:-17px -56px}
.top-self .played .played-pages .pag{display:inline-block;height:7px;vertical-align:middle;font-size:0;line-height:0;margin-top:-2px}
.top-self .played .played-pages .pag a{display:inline-block;vertical-align:top;width:7px;height:7px;background:#B5B5B5;margin:0 4px;overflow:hidden;border-radius:50%}
.top-self .played .played-pages .pag .on{background:#2A86EA}
.top-login{float:right;margin-top:12px;margin-right:10px}
.top-login .top-before{background:url(/images/h5xyx/top-item.png) no-repeat left -20px;display:block;height:20px;line-height:20px;font-size:14px;color:#A1A5B5;padding-left:14px;margin:6px 0}
.top-login .top-before a{color:#fff;padding:0 10px}
.top-login .top-after{display:none;width:110px;height:26px;margin-top:3px;position:relative}
.top-login .top-after .top-user{height:26px;overflow:hidden;line-height:26px;color:#fff;font-size:14px}
.top-login .top-after .top-user a:hover{color:#fff}
.top-login .top-after .top-user img{float:left;width:24px;height:24px;border:1px solid #fff;border-radius:50%;margin-right:6px}
.top-login .top-after .top-user em{color:#fff;display:block;height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-login .top-after .top-list{display:none;position:absolute;top:34px;left:-8px;background:#fff;width:138px;border-radius:5px;padding:10px 0;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.2);box-shadow:0 0 3px 0 rgba(0,0,0,0.2)}
.top-login .top-after .top-list a{display:block;height:30px;line-height:30px;padding-left:46px;background:url(/images/h5xyx/top-login.png) no-repeat}
.top-login .top-after .top-list a:hover{background-color:#EBF8FF;color:#1873D5}
.top-login .top-after .top-list a.top-center{background-position:14px 0}
.top-login .top-after .top-list a.top-center:hover{background-position:14px -150px}
.top-login .top-after .top-list a.top-yxb{background-position:14px -30px}
.top-login .top-after .top-list a.top-yxb:hover{background-position:14px -180px}
.top-login .top-after .top-list a.top-game{background-position:14px -60px}
.top-login .top-after .top-list a.top-game:hover{background-position:14px -210px}
.top-login .top-after .top-list a.top-fav{background-position:14px -90px}
.top-login .top-after .top-list a.top-fav:hover{background-position:14px -240px}
.top-login .top-after .top-list a.top-exit{background-position:14px -120px}
.top-login .top-after .top-list a.top-exit:hover{background-position:14px -270px}
.top-login .top-after .top-list i{position:absolute;left:20px;top:-6px;width:0;height:0;border:3px solid #fff;border-color:transparent transparent #fff}
.wrap{margin-top:-54px;position:relative}
.cOrg{color:#fb6400 !important}
.panel-nav{background:#fff;border-radius:10px;padding:14px;-webkit-box-shadow:0 -5px 10px 0 rgba(0,0,0,0.2);box-shadow:0 -5px 10px 0 rgba(0,0,0,0.2)}
.panel-nav .nav-col{height:28px;overflow:hidden}
.panel-nav .nav-line{float:left;width:50%;height:28px;overflow:hidden}
.panel-nav .nav-line .lb-item{background:url(/images/h5xyx/frag.png) no-repeat 0 0;float:left;width:32px;height:18px;margin:5px;padding-right:4px;text-align:center;line-height:18px;font-weight:bold;font-size:12px;color:#0793d4}
.panel-nav .nav-line .lb-item:hover{color:#fb6400;text-decoration:underline}
.panel-nav .nav-line .lb-list{height:28px;overflow:hidden}
.panel-nav .nav-line .lb-list ul{margin-left:-2px}
.panel-nav .nav-line .lb-list li{background:url(/images/h5xyx/nav-line.png) no-repeat left center;float:left;height:18px;padding:5px 8px 5px 10px}
.panel-nav .nav-line .lb-list li a{display:block;height:18px;line-height:18px;font-size:14px;color:#3b3b3b}
.panel-nav .nav-line .lb-list li a:hover{color:#fb6400;text-decoration:underline}
.panel{margin-top:16px}
.panel-hd{height:44px;overflow:hidden;padding:14px 0}
.panel-hd .lb-item{float:left;height:44px;margin-left:8px}
.panel-hd .lb-item img{display:block;height:44px}
.panel-hd .lb-more{float:right;width:40px;height:20px;overflow:hidden;line-height:99;background:url("/images/h5xyx//more-lk.png") no-repeat;margin-top:20px}
.panel-hd .lb-more:hover{background-position:0 100%}
.panel-new{width:890px}
.panel-new .panel-bd{height:1012px}
.panel-new .col1{height:208px;overflow:hidden}
.panel-new .col1 .lb-ul{height:208px;margin-left:-19px}
.panel-new .col1 .lb-li{float:left;width:284px;height:208px;overflow:hidden;background:#fff;border-radius:10px;margin-left:19px}
.panel-new .col1 .sp-img{height:171px}
.panel-new .col1 .sp-img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.panel-new .col1 .sp-txt{display:block;height:24px;line-height:24px;margin:4px 20px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:14px;font-weight:bold}
.panel-new .col2{background:#fff;height:788px;overflow:hidden;margin-top:16px;border-radius:10px}
.panel-new .col2 .glist{width:854px;margin:6px auto 0}
.glist .lb-li{float:left;width:122px;height:98px;overflow:hidden;text-align:center;line-height:2;margin-top:12px}
.glist .sp-img{display:block;width:72px;height:72px;position:relative;margin:0 auto}
.glist .sp-img img{display:block;width:100%;height:100%}
.panel-hot{width:290px}
.hotlist{height:1012px;overflow:hidden;background:#fff;border-radius:10px}
.hotlist .lb-ul{width:250px;overflow:hidden;margin:18px auto 0}
.hotlist .lb-li{float:left;width:100%;height:72px;overflow:hidden;position:relative;margin:13px 0}
.hotlist .lb-li .sp-img{float:left;width:72px;height:72px;position:relative;margin-right:8px}
.hotlist .lb-li .sp-img img{display:block;width:100%;height:100%}
.hotlist .lb-li .sp-con{float:left;height:72px;overflow:hidden}
.hotlist .lb-li .sp-con .p1,.hotlist .lb-li .sp-con .p1 a{display:block;height:24px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:bold}
.hotlist .lb-li .sp-con .p2{height:20px;margin-top:2px}
.hotlist .lb-li .sp-con .p2 span{float:left;height:18px;line-height:18px;font-size:12px;border:1px solid #DFDFDF;padding:0 5px;border-radius:2px;color:#999}
.hotlist .lb-li .sp-con .p3{height:22px;line-height:22px;font-size:12px;color:#999;margin-top:6px}
.hotlist .lb-li .sp-con .p3 .sp-star{display:inline-block;vertical-align:top;margin-top:5px;width:70px;height:12px;background:url(/images/h5xyx/star01.png) no-repeat}
.hotlist .lb-li .sp-con .p3 .sp-star i{background:url(/images/h5xyx/star01.png) no-repeat 0 100%;display:block;height:100%}
.hotlist .lb-li .sp-btn{width:64px;height:26px;text-align:center;line-height:26px;background:#EBFDFF;border:1px solid #91DCF3;color:#0793d4;border-radius:14px;position:absolute;right:0;top:50%;margin-top:-14px}
.panel-act,.panel-web{overflow:hidden}
.panel-act .lb-ul,.panel-web .lb-ul{margin-left:-20px;margin-top:-20px}
.panel-act .lb-li,.panel-web .lb-li{float:left;width:224px;height:184px;overflow:hidden;border-radius:5px;background:#fff;margin-left:20px;margin-top:20px}
.panel-act .lb-li .sp-img,.panel-web .lb-li .sp-img{height:140px;overflow:hidden}
.panel-act .lb-li .sp-img img,.panel-web .lb-li .sp-img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.panel-act .lb-li .sp-txt,.panel-web .lb-li .sp-txt{display:block;height:26px;line-height:26px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:8px 8px 0}
.panel-reco{height:696px;background:url(/images/h5xyx/reco-bg.png) repeat-y;border-radius:10px}
.panel-reco .reco-hd{float:left;width:118px;margin-top:20px}
.panel-reco .reco-hd li{width:118px;height:36px;line-height:36px;font-size:14px;text-indent:25px;cursor:pointer}
.panel-reco .reco-hd li:hover,.panel-reco .reco-hd li.on{background:url(/images/h5xyx/reco-cur.png) no-repeat;color:#2A86EA;font-weight:bold;width:120px;margin-left:-2px;text-indent:27px}
.panel-reco .reco-bd{float:right;width:1080px}
.panel-reco .reco-bd .glist{width:1026px;margin:10px auto 0}
.panel-reco .reco-bd .glist .lb-li{width:114px;margin-top:12px}
.panel-web{overflow:hidden}
.panel-web .lb-ul{margin-left:-20px;margin-top:-20px}
.panel-web .lb-li{float:left;width:224px;height:184px;overflow:hidden;border-radius:5px;background:#fff;margin-left:20px;margin-top:20px}
.panel-web .lb-li .sp-img{height:140px;overflow:hidden}
.panel-web .lb-li .sp-img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.panel-web .lb-li .sp-txt{display:block;height:26px;line-height:26px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:8px 8px 0}
.panel-ol{background:#fff;border-radius:20px;height:260px;overflow:hidden}
.panel-ol .glist{width:1180px;margin:10px auto 0}
.panel-ol .glist .lb-li{margin-top:18px;width:118px}
.panel-rank{margin-top:56px}
.panel-rank .rankWrap{margin-left:-13px}
.panel-rank .rankArea{float:left;background:url(/images/h5xyx/rank-bg.jpg) no-repeat 100% 0 #fff;width:290px;height:748px;overflow:hidden;border-radius:20px;margin-left:13px}
.panel-rank .rank-hd{height:41px;overflow:hidden;padding:0 28px;margin-top:36px}
.panel-rank .rank-hd img{display:block;height:41px}
.panel-rank .rank-more{display:block;height:26px;text-align:center;line-height:26px;font-size:14px;color:#666;margin:5px auto 0}
.panel-rank .rank-more:hover{color:#FB6400}
.rank-list{margin:10px 10px 0}
.rank-list li{height:42px;overflow:hidden;padding:10px 5px;border-radius:10px}
.rank-list li:hover{background:rgba(51,51,51,0.1)}
.rank-list li:hover .sp-con{color:#FB6400}
.rank-list li:hover .sp-con em{font-weight:bold;color:#FB6400}
.rank-list li:hover .sp-con p{color:#FB6400}
.rank-list li a:hover{text-decoration:none}
.rank-list .sp-num{float:left;width:27px;height:22px;overflow:hidden;line-height:99;margin-top:10px;margin-right:10px;background:url(/images/h5xyx/rank-num.png)}
.rank-list .sp-num.num1{background-position:0 0}
.rank-list .sp-num.num2{background-position:0 -22px}
.rank-list .sp-num.num3{background-position:0 -44px}
.rank-list .sp-num.num4{background-position:0 -66px}
.rank-list .sp-num.num5{background-position:0 -88px}
.rank-list .sp-num.num6{background-position:0 -110px}
.rank-list .sp-num.num7{background-position:0 -132px}
.rank-list .sp-num.num8{background-position:0 -154px}
.rank-list .sp-num.num9{background-position:0 -176px}
.rank-list .sp-num.num10{background-position:0 -198px}
.rank-list .sp-img{float:left;width:42px;height:42px;overflow:hidden;border-radius:10px;margin-right:16px}
.rank-list .sp-img img{display:block;width:100%;height:100%}
.rank-list .sp-con em{display:block;height:22px;line-height:22px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rank-list .sp-con p{height:20px;line-height:20px;font-size:12px;color:#999}
.rank-list .sp-con .sp-star{display:inline-block;vertical-align:top;margin-top:3px;width:80px;height:14px;background:url(/images/h5xyx/star02.png) no-repeat}
.rank-list .sp-con .sp-star i{background:url(/images/h5xyx/star02.png) no-repeat 0 100%;display:block;height:100%}
.fixSide{position:fixed;left:50%;bottom:244px;width:70px;z-index:10;margin-left:650px}
.fixSide .lb-list{width:50px;margin:0 auto}
.fixSide .lb-list a{display:block;background:#fff;border:1px solid #E9E9E9;width:30px;height:30px;overflow:hidden;text-align:center;padding:9px;line-height:16px;margin-top:3px}
.fixSide .lb-list a:hover{background:#EBF8FF;border:1px solid #99D8FA;color:#0793D4;text-decoration:none}
.fixSide .lb-list .btn-top{line-height:99;background:url(/images/h5xyx/toTop.png) no-repeat #fff}
.fixSide .lb-list .btn-top:hover{background:url(/images/h5xyx/toTop.png) no-repeat -48px 0 #EBF8FF}
.fixSide .link-img{display:block;width:70px;height:70px;margin-top:8px}
.fixSide .link-img img{display:block;width:100%;height:100%}
@media screen and (max-width:1240px){.fixSide{margin-left:528px}
.wp{width:1000px}
.head-bar .top-main .top-nav{padding:12px 15px 12px 30px}
.head-bar .top-main .top-nav a{margin-right:20px}
.head-bar .top-main .top-logo{width:200px;height:50px;margin-top:3px}
.head-bar .top-main .top-sch{width:200px}
.head-bar .top-main .top-sch .sp-txt{width:124px}
.panel-new{width:712px}
.panel-new .col1 .lb-ul{margin-left:-16px}
.panel-new .col1 .lb-li{width:226px;margin-left:16px}
.panel-new .col2 .glist{width:684px;height:770px;overflow:hidden}
.panel-new .col2 .glist .lb-li{margin:12px 6px 0}
.panel-hot{width:278px}
.panel-hot .hotlist .lb-ul{width:238px}
.panel-act .lb-ul,.panel-web .lb-ul{margin-left:-14px}
.panel-act .lb-li,.panel-web .lb-li{width:188px;height:152px;margin-left:14px}
.panel-act .lb-li .sp-img,.panel-web .lb-li .sp-img{height:115px}
.panel-act .lb-li .sp-txt,.panel-web .lb-li .sp-txt{margin-top:4px}
.panel-reco .reco-bd{width:864px;overflow:hidden;margin-right:8px}
.panel-reco .reco-bd .glist .lb-li{margin:12px 3px 0}
.panel-rank .rankArea{width:240px}
.panel-ol .glist{margin-left:5px}
.panel-ol .glist .lb-li{margin:18px 4px 0}}
.pageLow{background:#fff}
.lowWrap{padding:80px 0}
.lowWrap .pt1 .sp-img{display:block;width:264px;height:226px;margin:0 auto}
.lowWrap .pt1 .sp-txt{font-size:20px;line-height:40px;font-weight:bold;margin-top:20px;text-align:center}
.lowWrap .pt1 .sp-txt span{color:#f00}
.lowWrap .pt2{width:980px;margin:20px auto 0}
.lowWrap .pt2 img{display:block;width:100%}
.lowWrap .pt3{background:url(/images/h5xyx/low/low-download-bg.png) no-repeat;width:960px;height:118px;overflow:hidden;margin:14px auto 0}
.lowWrap .pt3 .inner{padding:22px 0 0 142px}
.lowWrap .pt3 p{line-height:24px;font-size:14px;margin-top:10px}
.lowWrap .pt3 p a{display:inline-block;vertical-align:top;height:24px;line-height:24px;font-size:14px;margin:0 6px}
.lowWrap .pt3 p a img{float:left;width:24px;height:24px;margin-right:5px}