:root{--accent-1:hsl(75,82%,64%);--accent-2:hsl(115,74%,58%);--accent-3:hsl(155,86%,62%);--accent-4:hsl(85,55%,50%);--bg-app:hsl(15,30%,90%);--bg-body:hsl(15,30%,87%);--btn-bg:hsl(195,84%,50%);--card-bg:hsl(15,14%,34%);--grad-from:hsl(60,92%,60%);--grad-to:hsl(155,66%,48%);--live:#00FF7C;--nav-active-from:hsl(40,92%,90%);--nav-active-text:#191b28;--nav-active-to:hsl(40,84%,74%);--nav-bg:hsl(15,74%,46%);--nav-text:#ffffff;--text-base:hsl(15,18%,42%);--text-bright:#FFFFFFE5;--text-faint:#FFFFFF99;--text-muted:#FFFFFF8C;--title-color:hsl(15,58%,36%);}
*{margin:0;padding:0;box-sizing:border-box}
a{text-decoration:none;color:var(--text-base)}
img{object-fit:cover}
body{max-width:500px;width:100%;margin:0 auto;color:var(--text-base);background-color:var(--bg-body);font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Microsoft YaHei,Arial,sans-serif;overflow-y:auto}
#app{font-size:.24rem;background-color:var(--bg-app);padding-top:.14rem}
.item-box{margin-bottom:.24rem}
.item-box1{margin-bottom:.24rem;padding:.16rem .16rem 0}
.title-wrap{display:flex;font-size:.28rem;margin-bottom:.16rem}
.t-icon{width:.36rem;height:.36rem}
.t-t{margin:0 .08rem;color:var(--title-color);font-weight:600}
.sub-t{color:var(--text-faint)}
.grid-col-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem}
.grid-col-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.1rem}
.grid-col-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:.24rem;row-gap:.16rem}
.text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nav-1004{position:sticky;top:0;z-index:11;background-color:#8b67c7;border-radius:0 0 .2rem .2rem;padding:.08rem;display:flex;margin-bottom:.12rem}
.nav-1004 .item{flex:1;text-align:center;padding:.04rem 0;border-radius:.14rem;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}
.nav-1004 .ic{width:.5rem;height:.5rem;display:block;margin:0 auto .04rem;background-repeat:no-repeat;background-size:contain;opacity:.72}
.nav-1004 .item.active{background:linear-gradient(90deg,#c673e5 0%,#5538b6 100%)}
.nav-1004 .item.active .ic{opacity:1}
.nav-1004 .tx{font-size:.2rem;line-height:1;display:block}
.jgg-item{display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--card-bg)}
.jgg-img{width:1.32rem;height:1.32rem;border-radius:.2rem;margin-bottom:.12rem}
.icon-carousel{overflow:hidden}
.carousel-pane{display:none;padding:0 .16rem}
.carousel-pane.active{display:block}
.gril-item{display:block;width:100%;border-radius:10px;background-color:var(--card-bg)}
.gril-img-wrap{position:relative}
.gril-img{width:100%;height:4.72rem;border-top-left-radius:10px;border-top-right-radius:10px;display:block}
.gril-top{position:absolute;top:0;padding:.08rem;width:100%;display:flex;justify-content:space-between}
.gf-tips{width:1.74rem;height:.6rem;background-color:rgba(0,0,0,.3);border-radius:.64rem;padding:.08rem;display:flex;align-items:center;color:#FFFFFFCC;font-weight:700}
.gf-tips img{margin-right:.08rem}
.like-tips{width:1.16rem;height:.6rem;background-color:rgba(0,0,0,.3);border-radius:.64rem;padding:.08rem;display:flex;align-items:center;justify-content:space-between;color:#FFFFFFCC}
.gril-bottom{position:absolute;bottom:-.3rem;padding:0 .16rem;width:100%;display:flex;justify-content:space-between}
.gril-l img{width:.6rem;height:.6rem}
.gril-text-wrap{margin-top:.3rem;padding:.16rem;overflow:hidden}
.gril-text{display:flex;margin-bottom:.12rem;justify-content:space-between;width:100%;overflow:hidden;white-space:nowrap;font-size:.24rem}
.gril-text:last-child{margin-bottom:0}
.gril-name{flex:0 0 auto;width:1.22rem;font-size:.28rem;font-weight:600;color:var(--text-bright)}
.gril-add{color:var(--accent-4);display:flex;align-items:center}
.gril-add img{width:.2rem;height:.25rem;margin-right:.06rem}
.color1{color:var(--accent-1);font-size:.26rem;font-weight:600;display:block}
.gti{flex:0 0 auto;width:2.7rem;color:var(--text-faint)}
.gtc{white-space:nowrap;margin-right:.08rem;color:var(--accent-2)}
.ad1-item{position:relative;display:block;background-color:var(--card-bg);border-radius:.2rem;padding-bottom:.12rem}
.ad1-item-img{width:100%;height:1.6rem;border-radius:.2rem;display:block}
.ad1-item .text{text-align:center;font-size:.26rem;color:var(--text-bright);padding:.06rem .08rem 0}
.sub-text{text-align:center;font-size:.22rem;color:var(--text-muted)}
.ab-icon{position:absolute;top:.1rem;left:.1rem;width:.4rem;height:.4rem;background-repeat:no-repeat;background-size:contain}
.tj-icon{background-image:url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%229%22%20fill%3D%22%23FF4D4F%22/%3E%3Ctext%20x%3D%2210%22%20y%3D%2214%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20fill%3D%22%23FFFFFF%22%20text-anchor%3D%22middle%22%20font-family%3D%22PingFang%20SC%2Csans-serif%22%3E%E8%8D%90%3C/text%3E%3C/svg%3E)}
.txtguanggao{margin:5px 0 5px;width:100%;overflow:hidden;display:block;box-shadow:0 1px 1px 0 rgba(0,0,0,.05)}
.txtguanggao a{width:19.7%;float:left;border-radius:3px;line-height:35px;height:35px;text-align:center;font-size:14px;color:#fff;display:inline-block;margin:1px;transition-duration:.3s}
.txtguanggao a:hover{background:#DC3545;color:#FFF}
@media screen and (max-width:750px){.txtguanggao a{width:19.3%;float:left;border-radius:3px;line-height:33px;height:33px;text-align:center;font-size:12px;color:#fff;display:inline-block;margin:1px}}
.overfloat{position:fixed;top:0;left:0;z-index:9;display:none;width:100%;height:100%;background-color:rgba(1,1,1,.5)}
.guize_html{position:fixed;top:21.5%;left:50%;margin-top:-10px;margin-left:-150px;width:300px;height:auto;border-radius:30px;background-color:var(--bg-body);color:#000;text-align:center;font-size:12px}
.guize_html_nei{width:300px;min-height:350px;max-height:500px;height:350px;display:block}
.btnXZ{display:block;margin:10px auto;width:125px;height:40px;border-radius:30px;background-color:var(--btn-bg);color:#fff;text-align:center;line-height:40px;cursor:pointer}
.GB{display:block;margin:10px auto;width:125px;height:40px;border-radius:30px;background-color:#7d7776;color:#fff;text-align:center;line-height:40px;cursor:pointer}
body{background-color:var(--bg-body)}
#app{background-color:var(--bg-app);padding-top:.08rem}
.nav-1004{background:var(--nav-bg)}
.nav-1004 .item{color:var(--nav-text)}
.nav-1004 .item.active{background:linear-gradient(90deg,var(--nav-active-from) 0%,var(--nav-active-to) 100%);color:var(--nav-active-text)}
.icon-carousel{background:var(--card-bg);border-radius:.2rem;margin:0 .16rem .24rem;padding:.16rem}
.jgg-item .text{color:var(--text-bright)}
.swiper-pagination-bullet-active{background:var(--accent-3)}