*{margin:0;padding:0}html{background:#000;height:100%}body{max-width:500PX;margin:0 auto;min-height:100%;background:url("../img/abcde/bg1.png") right 0 no-repeat,url("../img/abcde/bg2.png") 0 50% no-repeat;background-attachment:fixed,fixed;color:#edecff;font-size:0;font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--fc-100:rgba(255,255,255,1);--fc-90:rgba(255,255,255,.9);--fc-80:rgba(255,255,255,.8);--fc-60:rgba(255,255,255,.6);--fc-50:rgba(255,255,255,.5)}ul{list-style:none}a,a:hover,a:focus,a:active{color:inherit;text-decoration:none}div{box-sizing:border-box}.ml4{margin-left:0.08rem}.mr4{margin-right:0.08rem}.mt4{margin-top:0.08rem}.mb4{margin-bottom:0.08rem}.ml8{margin-left:0.16rem}.mr8{margin-right:0.16rem}.mt8{margin-top:0.16rem}.mb8{margin-bottom:0.16rem}.ml12{margin-left:0.24rem}.mr12{margin-right:0.24rem}.mt12{margin-top:0.24rem}.mb12{margin-bottom:0.24rem}.mla{margin-left:auto}.mlr{margin-right:auto}.flex-1{flex:1}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-middle{align-items:center}.flex-bottom{align-items:flex-end}.b{font-weight:700}.f12{font-size:0.24rem}.f13{font-size:0.26rem}.f14{font-size:0.28rem}.f15{font-size:0.3rem}.f16{font-size:0.32rem}.f17{font-size:0.34rem}.f18{font-size:0.36rem}.lh20{line-height:0.4rem}.p8{padding:0.16rem}.vm{vertical-align:middle}.cover{overflow:hidden}.cover img{width:100%;height:100%;border-radius:0.2rem}.column-two{display:grid;grid-template-columns:1fr 1fr;gap:0.16rem;margin-top:0.16rem}.light{color:#48ffb9}.txt-hidden{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body{padding-bottom:0.2rem}.title-s1{margin-top:0.32rem;display:flex;align-items:center}.title-s1 .zh{font-size:0.32rem;color:#48ffb9;font-weight:bold}.title-s1 .en{margin-left:0.08rem;font-size:0.24rem;color:var(--fc-60)}.title-s1 .more{display:flex;align-items:center;justify-content:center;margin-left:auto;min-width:1.52rem;height:0.5rem;background:linear-gradient(90deg, #22497A 0%, #4487E6 100%);font-size:0.24rem;border-radius:0.64rem}.title-s1 .more::after{content:"";display:block;width:0.12rem;height:0.2rem;margin-left:0.06rem;background:url("../img/abcde/icon-arrow-right.svg") center no-repeat}.row-scroll-wrap{overflow-x:auto;margin-top:0.16rem}.row-scroll-wrap .row-scroll{display:flex;flex-wrap:nowrap}.row-scroll-wrap .row-scroll>*{flex-shrink:0;margin-right:0.16rem}.header-f{position:relative;height:0.92rem}.header-f .main{display:flex;align-items:center;justify-content:space-between;position:fixed;left:50%;z-index:99;width:7.5rem;height:0.92rem;padding:0 0.1rem;margin-left:-3.75rem;transition:all .2s linear;overflow:hidden}.header-f .item{font-size:0.28rem;color:var(--fc-80);cursor:pointer}.header-f .active{font-size:0.32rem;background:linear-gradient(87.72deg, #A9FF40 24.82%, #29FF9F 67.14%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.header-f .bar{position:absolute;bottom:0.1rem;width:0.4rem;height:0.12rem;margin-left:-0.3rem;background:url("../img/abcde/icon-wave.svg") center/cover no-repeat;transition:all .3s;transform:translateX(-2rem)}#my-swiper{width:100%;height:4.06rem;margin:0 auto}#my-swiper .swiper-slide{width:7.5rem;padding:0 0.1rem;height:4.06rem}#my-swiper .swiper-slide img{width:7.3rem;height:4.06rem;border-radius:0.2rem;overflow:hidden}.layout-m{margin-top:0.16rem}.layout-m .swiper-slide{padding:0 0.16rem}.list-wrap{display:grid;grid-gap:0.16rem 0.095rem;grid-template-columns:repeat(5, 1fr);margin-bottom:0.16rem}.item-nav{display:block;cursor:pointer;width:1.36rem;text-align:center}.item-nav .cover{width:1.36rem;height:1.36rem}.item-nav img{width:100%;height:100%;border-radius:0.2rem}.item-nav .name{height:0.36rem;margin:0.08rem 0;font-size:0.24rem;color:var(--fc-80);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txt-list-grid{display:grid;grid-gap:0.1rem;grid-template-columns:repeat(4, 1fr);margin-bottom:0.16rem}.txt-list-grid .item-txt{display:flex;align-items:center;justify-content:center;width:1.72rem;height:0.64rem;gap:0.04rem;border-radius:0.1rem;background:#222;font-size:0.24rem;color:var(--fc-90);cursor:pointer}.txt-list-grid .tag-h{font-weight:bold;color:#ff4366}.txt-list-grid .tag-h::before{content:"";display:block;width:0.24rem;height:0.24rem;background:url("../img/abcde/tag-h.svg") center/cover no-repeat}.txt-list-grid .tag-n{font-weight:bold;color:#01dd77}.txt-list-grid .tag-n::before{content:"";display:block;width:0.24rem;height:0.24rem;background:url("../img/abcde/tag-n.svg") center/cover no-repeat}.panel-grid-list{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:0.2rem;padding-top:0.2rem}.panel-grid-list .item-panel{display:flex;align-items:center;background:#222;border-radius:0.2rem}.panel-grid-list .flex-1{position:relative}.panel-grid-list .flex-1::after{content:"";position:absolute;right:0;top:0;width:0.5rem;height:0.36rem;background:url("../img/abcde/icon-more.svg") center/cover no-repeat}.panel-grid-list .cover{width:1.2rem;height:1.2rem;border-radius:0.2rem;margin-right:0.16rem}.panel-grid-list .name{font-size:0.28rem;color:var(--fc-100)}.panel-grid-list .sub{margin-top:0.12rem;font-size:0.24rem;color:var(--fc-50)}.item-live{--width: 3.52rem;--height: 6.42rem;--img-height: 5.26rem;display:block;width:var(--width);height:var(--height);background:#222;border-radius:0.2rem;overflow:hidden}.item-live .cover{position:relative;width:var(--width);height:var(--img-height);border-radius:0.2rem}.item-live .cover::after{content:"";display:block;position:absolute;left:50%;top:50%;width:1.4rem;height:1.4rem;transform:translate(-50%, -50%);background:url("../img/abcde/icon-play.svg") center/cover no-repeat}.item-live .title{height:0.4rem;line-height:0.4rem;margin-top:0.16rem;padding:0 0.16rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--fc-90);font-size:0.28rem;font-weight:bold}.item-live .info{margin-top:0.08rem;padding:0 0.16rem;font-size:0.24rem;color:var(--fc-60)}.item-live .light{font-weight:bold;color:#48ffb9}.item-live .light:before{content:"";display:inline-block;width:0.08rem;height:0.08rem;border-radius:0.08rem;background:#48ffb9;box-shadow:0 0 0.08rem 0 #00ffb7;vertical-align:middle}.item-live .icon-good{width:0.24rem;height:0.26rem;background:url("../img/abcde/icon-good.svg") center no-repeat}.row-scroll-wrap .item-live{--width: 3.34rem;--height: 6.14rem;--img-height: 5rem}.item-mall{--width: 3.52rem;--height: 5.28rem;position:relative;display:block;width:var(--width);height:var(--height);background:#222;border-radius:0.2rem;overflow:hidden;color:var(--fc-60)}.item-mall .cover{width:var(--width);height:var(--width);border-radius:0.2rem}.item-mall .title{font-size:0.36rem;font-weight:bold;color:var(--fc-90);margin:0.16rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-mall .price{margin-top:0.16rem;height:0.4rem}.item-mall .light{font-weight:bold;font-size:0.28rem}.item-mall .icon-star{width:1.26rem;height:0.22rem;background:url("../img/abcde/star.svg") center no-repeat}.item-mall .flex-middle{padding:0 0.16rem;font-size:0.24rem}.item-mall .tag-m,.item-mall .tag-c{position:absolute;left:0;top:0;width:0.9rem;height:0.9rem;background:url("../img/abcde/tag-m.svg") center/cover no-repeat}.item-mall .tag-c{background-image:url("../img/abcde/tag-c.svg")}.row-scroll-wrap .item-mall{--width: 3.34rem;--height: 5.1rem}.item-dating{position:relative;display:block;width:3.52rem;height:5.98rem;border-radius:0.2rem;overflow:hidden;background:#222;font-size:0.24rem}.item-dating::before{content:"";display:block;position:absolute;right:0.2rem;top:3.94rem;width:0.72rem;height:0.72rem;background:url("../img/abcde/icon-like.svg") center/cover no-repeat}.item-dating .cover{width:3.52rem;height:4.34rem;border-radius:0.2rem}.item-dating .tips{position:absolute;top:0.12rem;right:0.3rem;min-width:1.6rem;height:0.44rem;display:flex;align-items:center;justify-content:center;padding:0 0.16rem;background:rgba(0,0,0,.6);border-radius:0.44rem;font-size:0.2rem}.item-dating .icon-love{width:0.16rem;height:0.14rem;margin-right:0.04rem;background:url("../img/abcde/icon-love.svg") center/cover no-repeat}.item-dating .main{padding:0 0.16rem}.item-dating .title{font-size:0.28rem;font-weight:bold;margin-top:0.16rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-dating .info{display:flex;align-items:center;height:0.36rem}.item-dating .light{flex-shrink:0;margin-right:0.08rem}.item-sugar{display:block;padding:0.24rem;border-radius:0.2rem;margin-bottom:0.16rem;background:#222}.item-sugar .header{display:flex;align-items:center}.item-sugar .avatar{width:1.2rem;height:1.2rem;border-radius:1.2rem}.item-sugar .name{font-size:0.4rem;height:0.56rem;line-height:0.56rem;font-weight:bold}.item-sugar .address{display:flex;align-items:center;justify-content:center;height:0.44rem;padding:0 0.2rem;margin-top:0.04rem;border:1px solid rgba(255,255,255,.1);border-radius:0.14rem;font-size:0.2rem;color:#25de8a}.item-sugar .icon-address{width:0.24rem;height:0.24rem;background:url("../img/abcde/icon-adress.svg") center no-repeat}.item-sugar .btn-tel{display:flex;align-items:center;justify-content:center;margin-left:auto;width:2.4rem;height:0.72rem;border-radius:0.6rem;background:linear-gradient(313.11deg, rgb(255, 45, 77) 18.01%, rgb(255, 45, 216) 81.27%);color:var(--fc-100);font-size:0.28rem;font-weight:bold;cursor:pointer}.item-sugar .desc{margin-top:0.24rem;font-size:0.24rem;line-height:0.4rem;color:var(--fc-80)}.item-sugar .view-list{margin-top:0.24rem;display:flex;align-items:center;justify-content:space-between}.item-sugar .view-list .cover{width:2.1rem;height:2.68rem}.p-control{width:100%;display:flex;align-items:center;justify-content:center;margin-top:0.24rem}.p-control .page-content{list-style:none;display:flex;align-items:center;justify-content:center;gap:0.2rem;margin-left:0.2rem;margin-right:0.2rem}.p-control .page-item{width:0.8rem;height:0.8rem;border:1px solid rgba(255,255,255,.2);border-radius:0.1rem;display:flex;align-items:center;justify-content:center;font-size:0.24rem;color:rgba(255,255,255,.7);cursor:pointer}.p-control .active{background:rgba(255,255,255,.2);border-color:rgba(0,0,0,0)}.p-control .prev{background:url("../img/abcde/icon-prev.svg") center/0.38rem 0.36rem no-repeat}.p-control .prev.disabled{opacity:.4;cursor:not-allowed}.p-control .next{background:url("../img/abcde/icon-next.svg") center/0.38rem 0.36rem no-repeat}.p-control .next.disabled{opacity:.5;cursor:not-allowed}.p-wrap .p-item{display:none}.p-wrap .p-item.active{display:block}.mask{display:none;position:fixed;inset:0;z-index:999}.mask .dialog-txt{position:absolute;width:6.16rem;height:8.64rem;left:50%;top:50%;margin-left:-3.08rem;margin-top:-4.32rem;background:url("../img/abcde/d.js") center/cover no-repeat;transform:scale(70%)}.mask .close-btn{position:absolute;top:1.08rem;right:0.12rem;width:0.6rem;height:0.6rem;background:url("../img/abcde/icon-close.svg") center/cover no-repeat;cursor:pointer}.mask .btn-1,.mask .btn-2{position:absolute;bottom:0.5rem;left:0.4rem;width:2.6rem;height:0.8rem;cursor:pointer}.mask .btn-2{left:3.16rem}