/* https://app.zblogcn.com/?id=43572 */
.daygame .box{height:380px;background:rgba(12,0,18,.9);padding:15px;box-sizing:border-box;backdrop-filter:blur(6px);}
.daygame .box a{display:block;height:116px;overflow:hidden;}
.index .new-home-list ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.index .new-home-list ul li{float:none;width:19%;margin-right:0;}
.index .new-home-list ul li.blank{height:0;margin:0;}
.index .new-home-list ul li a.pic{position:relative;display:block;height:0;padding-top:56%;overflow:hidden;border-radius:6px;box-shadow:0 0 12px rgba(0,0,0,.1);}
.index .new-home-list ul li a.pic:hover{box-shadow:0 0 12px rgb(255, 186, 37, .8);}
.index .new-home-list ul li img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;}
.index .new-home-list ul li .tit{display:block;font-size:14px;margin-top:5px;line-height:20px;max-height:40px;overflow:hidden;}
.index .new-home-list ul li p{margin-top:0;height:auto;line-height:20px;text-align:left;font-size:12px;color:#888;}
.index .new-home-list ul li:hover p{color:#888;background:none;}
.new-home-show{padding:0 25px 25px;box-sizing:border-box;}
.home-show-con{background:#f8f8f8;}
.newbox_l, .fzurl, .next_pre, .newde4{width:100%;}
.next_pre a{width:50%;box-sizing:border-box;}
.hotbox ul li.diy .info{height:35px;}
.hotbox ul li.diy .info p{margin-top:0;}

.footer-tabbar{display:none;position:fixed;left:0;right:0;bottom:0;width:100%;z-index:1035;justify-content:space-around;align-items:center;text-align:center;background:rgba(255,255,255,.8);padding-bottom:0;box-shadow:0 -4px 5px rgb(116, 116, 116, .08);-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px);transition:transform .3s}
.scroll-ing .scrolling-hide.footer-tabbar{transform:translateY(120%)}
.footer-tabbar .tabbar-item,.footer-tabbar .tabbar-item a{flex:1;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;min-height:49px;padding:3px 0;color:#777}
.footer-tabbar svg {width: 1em;    height: 1em;    vertical-align: -.15em;    fill: currentColor;    overflow: hidden;}
.tabbar-item.tabbar-ontop>a{position:absolute}
.ontop.tabbar-item{transform:translateY(55px)}
.ontop.tabbar-item.show{display:flex!important}
.ontop.tabbar-item.show+a{transform:translateY(-55px)}
.tabbar-item.active,.tabbar-item.actived{color:var(--focus-color)}
.tabbar-item>icon,.tabbar-item>svg{font-size:24px;line-height:1em;height:1em}
.tabbar-item>badge{font-size:12px;transform:scale(.8) translateX(13px);position:absolute;top:1px}
.tabbar-item.newadd-btns{position:unset}
.tabbar-item .drop-newadd{top:auto;bottom:59px;left:10px;right:10px;align-items:center;display:flex;padding:10px 5px}
.tabbar-item .drop-newadd::before{bottom:-4px;top:auto;left:calc(50% - 4px)}
.tabbar-item .btn-newadd{text-align:center}
.tabbar-item .btn-newadd icon{width:46px;height:46px;margin:0 0 10px}
.tabbar-item .btn-newadd text{font-size:16px}
.footer-tabbar text{width:100%;font-size:13px;line-height:1em;transform:scale(.8)}
.footer-tabbar .single-action-tabbar{flex:unset;min-width:40px;margin-right:12px;flex-shrink:0}
.footer-tabbar .single-action-tabbar:first-child{margin-left:12px}
.footer-tabbar .single-pay-tabbar{background:var(--this-bg);color:var(--this-color);padding:7px;flex:auto;min-height:auto;margin:0 16px 0 12px;border-radius:100px}
.footer-tabbar .single-action-tabbar text,.footer-tabbar .virtual-input .but{display:none}
.footer-tabbar .virtual-input{flex:auto;height:auto;min-height:auto;margin:0 12px;overflow:hidden}
.footer-tabbar count{color:var(--muted-2-color);border-radius:20px;margin-top:-22px;font-size:13px;line-height:1em;transform:scale(.8)}
.footer-tabbar count:not(:empty){margin-left:-15%}
.float-right{position:fixed;bottom:60px;right:20px;z-index:1030;text-align:center;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);transition:.3s}
.newlbox ul.listmain li .pic{position: relative;width:94%;margin:3% 3% 0;padding-top:56%;}
.newlbox ul.listmain li .pic img{position: absolute;top:0;left: 0;width:100%;height:100%;margin:0;object-fit: cover;box-shadow:0 0 12px rgba(0,0,0,.1);}

@media (max-width:868px){
    .erxwrap{width:96%;}
    header{height:95px;}
    header .erxwrap{display: block;overflow-x: auto;}
    header ul{width:100%;overflow: hidden;}
    header ul li{width:16.666667%;height:82px;margin:0;}
    header ul li i{top:16px !important;left:50% !important;margin-left:-14px;}
    header ul li p{margin-top:50px;font-size:14px;}
    .topgame .list{height:115px;margin:15px 0 0;overflow-x: auto;}
    header .logo, .setbox, .topgame > .info, .lrsub, .topbox .box2 em, .topbox .box2 span, .hotnew, .newlbox ul.listmain::before{display:none;}
    .topzt{height:auto;margin:15px 0;}
    .topzt a{margin:3px;font-size:12px;height: 24px;line-height: 24px;padding:0 1em;}
    .footer-tabbar{display:flex;}
    .topgame .list ul li img{width:80px;height:80px;}
    .topgame .list ul li p{margin-top:6px;font-size:12px;}
    .indexRec, .indexRecL, .indexRecL li img{float:none;width:100%;height:auto;margin:0;}
    .indexRecL{float:none;}
    .indexRecL li{width:96vw;height:240px;}
    .indexRecL .text{width:100%;padding-bottom:12px;}
    .indexRecL .dot{width:152px;}
    .indexRecL .dot i{width:38px;height:38px;line-height:32px;}
    .daygame{float:none;width:100%;height:auto;margin:15px 0 0;}
    .daygame .box{width:100%;height:auto;padding:0;border-radius: 0;}
    .daygame .box a{float:left;width:33.333333%;height:60px;position: relative;}
    .daygame .box a img{width:100%;height:100%;object-fit: cover;position: absolute;top:0;left:0;}
    .topnew{margin:15px 0 0;}
    .topnew_l, .topnew_c, .topnew_r{float:none;width:100%;margin:0;}
    .topnew_l .box{width:100%;margin:8px 0 0;}
    .topnew_c{margin:15px 0 0;}
    .topnew_c ul li{margin-bottom:8px;}
    .indextit{margin-left:0;}
    .indextit p{font-size:25px;}
    .indextit span{font-size:32px;}
    .indextit a{margin-right:0;}
    .index .new-home-list ul{margin:30px 0 0;}
    .index .new-home-list ul li{width:49%;margin-bottom:15px;}
    .gamenav, .hotbox{margin:0;}
    .gamenav ul{margin-top:18px;}
    .gamenav ul li{width:110px;font-size:14px;margin-left:0 !important;}
    .gamenav ul li span {margin:0 12px;}
    .navline{width:100%;}
    .new-home-show{padding:0 0 15px}
    .hotbox ul li{width:180px;height:120px;}
    .hotbox > em{width:70%;bottom:35px;}
    .lrsub2{margin-bottom:15px;}
    .topbox, .botbox, .rankinfo:nth-child(2){margin:15px 0 0;}
    .topbox .box1, .botbox .box_l, .botbox .box1, .botbox .box_r, .rankinfo, .next_pre a img, .next_pre a .info{float:none;width:100%;height:auto;}
    .topbox .box1 img{width:32%;height:auto;}
    .topbox .box1 .info{width:68%;height:140px;padding-left:15px;box-sizing:border-box;}
    .topbox .box1 .info p:nth-child(1){margin:0;white-space: nowrap;}
    .topbox .box1 .info p:nth-child(2){margin:8px 0 0;max-height: 48px;overflow: hidden;}
    .topbox .box2{width:49%;margin:0;height:auto;}
    .topbox .box2 img{width:100%;height:120px;}
    .topbox .box2:nth-child(3){margin-left:2%;}
    .topbox .box2 p{margin:1em 1em .5em;line-height:1.2;font-size:14px;}
    .botbox .box1 a{display: flex;}
    .botbox .box1 .info1{padding-right:15px;}
    .botbox .box1 .info1 p{white-space: nowrap;}
    .botbox .box1 .info1 i{margin-top:20px;}
    .botbox .box1 .info1 p{margin-top:8px;}
    .botbox .box1 .info2 p:nth-child(2){margin:12px 0;}
    .botbox .box_r p{margin:20px 0 0;}
    .botbox .box_r ul li a, .rankinfo > p, .rankinfo ul li{width:100%;}
    .indexrank{margin-top:20px;}
    .indexrank .bigbox{margin:0 0 20px;}
    .rankinfo .rankinfobg, .rankinfo:nth-child(2) .rankinfobg, .rankinfo:nth-child(3) .rankinfobg{width:100%;background-size: 100% auto;}
    .friendurl .box_l{margin-left:-30px;transform: scale(.8);transform-origin: 0 50%;}
    .friendurl .box_r{width:60%;margin:20px 0 0;}
    .friendurl .box_r a{margin:0 1em .2em;font-size:12px;}
    footer{height:auto;font-size:12px;padding:15px 2% 60px;box-sizing:border-box;}
    footer p{margin:0 0 6px;}
    .gtop h1{left:2%;font-size: 30px;}
    .gtop p{font-size:14px;}
    .newlbox ul.listmain, .newzt ul, .newgood ul, .rankMid > .erxwrap > div.ranknav{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .newlbox ul.listmain li{width:49%;height:auto;margin:0 0 15px;}
    .newlbox ul.listmain li img{width:100%;height:auto;margin:0;padding:15px;box-sizing:border-box;}
    .newlbox ul.listmain li p:nth-child(2){margin:.5em;font-size:16px;}
    .newlbox ul.listmain li p:nth-child(3){width:100%;height:auto;margin:0;padding:.5em;box-sizing:border-box;}
    .newlbox ul.listmain li p:nth-child(4){position: static;width:100%;margin:0;display: flex;justify-content: space-between;padding:6px;box-sizing:border-box;}
    .newlbox ul.listmain li p:nth-child(4) span{font-size:12px;}
    .newlbox ul.listmain li .pic img{padding:0;}
    .newzt ul li{width:49%;height:auto;margin:0 0 15px;}
    .newzt ul li img{width:100%;height:auto;}
    .newzt ul li p{width:100%;font-size:14px;box-sizing:border-box;}
    .newgood ul li, .newde4 .newgood ul li{width:31%;margin:0 0 15px;}
    .newgood ul li img{width:100%;height:auto;}
    .newgood ul li p{font-size:14px;}
    .newde1 h1{margin:5px 0 0;font-size:25px;}
    .newde1 p{margin-top:15px;}
    .newde2{margin-top:80px;}
    .fzurl p{font-size:12px;}
    .next_pre{height:auto;overflow:hidden;}
    .next_pre a{padding:1em;}
    .next_pre a img{margin:0;}
    .newgood ul::before{display: none;}
    .rankMid > .erxwrap > i{width:100%;transform: scale(.7);background-position-x:15%;}
    .rankMid > .erxwrap > p{width:100%;height:auto;line-height: 1.5;font-size:14px;white-space: wrap;padding:6px 0;}
    .rankMid > .erxwrap > div.ranknav{height:auto;margin:0;}
    .rankMid > .erxwrap > div.ranknav div{width:28.333333% !important;height:48px;line-height:48px;font-size:16px;margin-right:0;border-radius:15px;overflow: hidden;}
    .rankMid > .erxwrap > div.ranknav div.current{width:43.333333% !important;height:58px !important;line-height:58px !important;border-radius:15px !important;}
    .rankMid > .erxwrap > div.ranknav div::after{display: none;}
    .rankMid > .erxwrap > div.ranknav div i{display: none;}
    .rankMid > .erxwrap > div.ranknav div.current i{display:inline-block;margin-top:25px;}
    .rankMid > .erxwrap ul{padding:15px;}
    .rankMid > .erxwrap ul li a{width:100%;height:auto;overflow: hidden;box-sizing:border-box;padding:20px;}
    .rankMid > .erxwrap ul li a img{float:none;margin:0 auto;display: block;}
    .rankMid > .erxwrap ul li a .mid{width:100%;;margin:0 0 25px;}
    .rankMid > .erxwrap ul li a .down{float:none;width:100%;clear: both;}
}