* {margin:0;padding:0}
html {background:#f6f7f8;}
html {background: linear-gradient(to bottom, #edecff, #f6f7f8);
    background-attachment: fixed;}
body {max-width:500px;margin:0 auto;/*min-height:100%;*//*background:#00032c;*/background:#0d0239;color:#edecff;font-size:0}
ul {list-style:none}
hr {margin: .5rem 0.1rem 0 0.1rem;border: 0;border-top: 1px solid #4d0052;}
a,a:hover,a:focus,a:active {color:inherit;text-decoration:none;cursor: pointer;}
.icon-date {width:.4rem;height:.4rem;background:url("../images/icon-date.png") center/contain no-repeat}
.icon-game {width:.4rem;height:.4rem;background:url("../images/icon-game.png") center/contain no-repeat}
.icon-live {width:.4rem;height:.4rem;background:url("../images/icon-live.png") center/contain no-repeat}
.icon-rec {width:.4rem;height:.4rem;background:url("../images/icon-rec.png") center/contain no-repeat}
.icon-kefu {width:.4rem;height:.4rem;background:url("../images/icon-kefu.png") center/contain no-repeat}
.icon-vid {width:.4rem;height:.4rem;background:url("../images/icon-vid.png") center/contain no-repeat}
.ml5 {margin-left:.05rem}
.mr5 {margin-right:.05rem}
.mt5 {margin-top:.05rem}
.mb5 {margin-bottom:.05rem}
.ml10 {margin-left:.1rem}
.mr10 {margin-right:.1rem}
.mt10 {margin-top:.1rem}
.mb10 {margin-bottom:.1rem}
.ml15 {margin-left:.15rem}
.mr15 {margin-right:.15rem}
.mt15 {margin-top:.15rem}
.mb15 {margin-bottom:.15rem}
.ml20 {margin-left:.2rem;overflow: hidden;}
.mr20 {margin-right:.2rem}
.mt20 {margin-top:.2rem}
.mb20 {margin-bottom:.2rem}
.ml25 {margin-left:.25rem}
.mr25 {margin-right:.25rem}
.mt25 {margin-top:.25rem}
.mb25 {margin-bottom:.25rem}
.ml30 {margin-left:.3rem}
.mr30 {margin-right:.3rem}
.mt30 {margin-top:.3rem}
.mb30 {margin-bottom:.3rem}
.flex-1 {flex:1}
.cover {overflow:hidden}
.cover img {width:100%;height:100%}
.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}
.f20 {font-size:.2rem}
.f28 {font-size:.28rem}
.f32 {font-size:.32rem}
.fc-gray {color:#a8a9ad}
.fc-primary {color:#ff35b5}
.lh20 {line-height:.2rem}
.p20 {padding:0 .2rem}
.vm {vertical-align:middle}
.swiper-pagination-bullet-active {background:#ff35b5 !important}
.marquee-wrap {padding:.28rem}
.marquee-box {display: flex;align-items: center;height: .5rem;padding: .1rem;background: #2f3258;border-radius: .1rem;}
.marquee-box .icon-speaker {width: .54rem;height: .4rem;margin-left: .1rem;background: url(../images/speaker.png) center / 60% 60% no-repeat;}
.marquee-box .container-main {flex:1;margin:0 .15rem 0 .1rem;font-size:.2rem;overflow:hidden;color: #fff;}
.marquee-box p {display:inline-block;padding-left:100%;white-space:nowrap;font-size:.25rem;animation:vMarquee 20s linear infinite}
.marquee-box .btn-more {width: 1.1rem;height: .4rem;line-height: .4rem;border-radius: .12rem;text-align: center;font-size: .20rem;background: #ff35b5 linear-gradient(90deg, #df31c1, #ff60b6);cursor:pointer;}
@keyframes vMarquee {0% {transform:translate3d(0,0,0)}
100% {transform:translate3d(-100%,0,0)}
}
#my-swiper {height:3.45rem;}
#my-swiper a {display:block;height:3.45rem;width:100%;border-radius:.17rem;overflow:hidden;transition:height .3s}
#my-swiper a img {width:100%;height:3.45rem}
#my-swiper .swiper-slide {display:flex;align-items:center;justify-content:center;transform:translateX(0)}
#my-swiper .swiper-slide-active a {width:6.34rem}
#my-swiper .swiper-slide-prev {transform:translateX(0.2rem)}
#my-swiper .swiper-slide-prev a {height:2.28rem}
#my-swiper .swiper-slide-next {transform:translateX(-0.2rem)}
#my-swiper .swiper-slide-next a {height:2.28rem}
#my-swiper .swiper-pagination-bullet {width:.24rem;height:.07rem;border-radius:.03rem;background:#404456}
#my-swiper .swiper-pagination-bullet-active {background:#ff35b5}
.render-main {padding:0 0 }
.tab-ul,.tab-links {display:flex;align-items:center;justify-content:space-around;height:.65rem;margin-bottom:.2rem;/*margin-left:.2rem;margin-right:.2rem;*/background:#2f3258;font-size:.27rem;border-radius:.17rem;color: #fff;}
.tab-ul {margin: .2rem;}
.tab-ul li{cursor:pointer;padding: 0.03rem 0.16rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;max-width: 100%;box-sizing: border-box;}
.tab-ul .active,.tab-links .active {font-size: 16px;font-weight: 700;color:#ff35b5;background: #0d0239;border-radius: .08rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;max-width: 100%;box-sizing: border-box;}
.swiper-m .title {display:flex;align-items:flex-end;margin-bottom:.3rem;font-size:.34rem;font-weight:bold;color:#ff35b5}
.swiper-m .title .sub {font-size:.24rem;color:yellow;font-weight:normal;line-height: .45rem;}
.list-wrap {display:grid;grid-gap:.2rem .15rem;grid-template-columns:repeat(4,1fr);margin-top: 0.15rem;padding: 0.20rem 0.15rem 0.10rem 0.3rem;background-color: #2c2564;border: 1px #40277a solid;border-radius: 0.1rem;}
.item-s1 {display:block;cursor:pointer;width:1.44rem;text-align:center}
.item-s1 .cover {width:1.44rem;height:1.44rem}
.item-s1 img {width:100%;height:100%;border-radius: .24rem;}
.item-s1 .name {height:.2rem;line-height:1;margin:.1rem 0;font-size:.25rem;color:#fff;white-space:nowrap;font-weight: bold;}
.btn {display:flex;align-items:center;justify-content:center;height:.48rem;width:1.08rem;margin:0 auto;border-radius:.24rem;color:#fff;font-size:.26rem;background:#ff35b5 linear-gradient(90deg, #df31c1, #ff60b6);cursor:pointer;}
/*.btn:after {content:"下载"}*/
.list-line {margin-bottom: 0.5rem;}
.list-line dl {display:flex;align-items:stretch;   margin-bottom: .40rem;height: 1.2rem;}
.list-line dt {width:64px;height:64px;border-radius:.25rem;overflow:hidden}
.list-line dt img {width:100%;height:100%}
.list-line dt+dd {flex:1;margin-left:.2rem;min-height: 70px;}
.list-line .name {font-size:15px;color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;max-width: 100%;box-sizing: border-box;}
.list-line .word {margin-top: 0.1rem;font-size:12px;color:#999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;max-width: 100%;box-sizing: border-box;}
.word_bt{margin:.05rem 0 .05rem 0;font-size: 12px;color: #999;overflow: hidden;text-overflow: ellipsis;max-width: 100%;box-sizing: border-box;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.list-line .tips {margin-top:.1rem;font-size:.2rem;color:#a8a9ad}
.list-line dd {border-bottom:1px solid #3c4056;min-height: 70px;width: 70px;}
.tags0,.tags0_bt{background-color: red;color: #fff;border-radius: 3px;box-shadow: 0 0 0px 2px red;border: 0px solid #67c23a;font-family: 'Helvetica Neue', Helvetica, sans-serif;list-style: none;font-size: 12px;overflow: hidden;text-overflow: ellipsis;margin:0 2px;max-width: 80px;height: 16px;line-height: 16px;}
.tags00,.tags00_bt{background-color: #dd3095;color: #fff;border-radius: 3px;box-shadow: 0 0 0px 2px #dd3095;border: 0px solid #67c23a;font-family: 'Helvetica Neue', Helvetica, sans-serif;list-style: none;font-size: 12px;overflow: hidden;text-overflow: ellipsis;margin:0 2px;max-width: 80px;height: 16px;line-height: 16px;}
.tags1,.tags1_bt{background-color: #ffc107;color: black;border-radius: 3px;box-shadow: 0 0 0px 2px #ffc107;border: 0px solid #67c23a;font-family: 'Helvetica Neue', Helvetica, sans-serif;list-style: none;font-size: 12px;overflow: hidden;text-overflow: ellipsis;margin:0 2px;max-width: 80px;height: 16px;line-height: 16px;}
.tags2,.tags2_bt{background-color: Blue;color: #fff;border-radius: 3px;box-shadow: 0 0 0px 2px Blue;border: 0px solid #67c23a;font-family: 'Helvetica Neue', Helvetica, sans-serif;list-style: none;font-size: 12px;overflow: hidden;text-overflow: ellipsis;margin:0 2px;max-width: 80px;height: 16px;line-height: 16px;}
.tags3,.tags3_bt{background-color: green;color: #fff;border-radius: 3px;box-shadow: 0 0 0px 2px green;border: 0px solid #67c23a;font-family: 'Helvetica Neue', Helvetica, sans-serif;list-style: none;font-size: 12px;overflow: hidden;text-overflow: ellipsis;margin:0 2px;max-width: 80px;height: 16px;line-height: 16px;}
.tags4,.tags4_bt{background-color: red;color: #fff;border-radius: 3px;box-shadow: 0 0 0px 2px red;border: 0px solid #67c23a;font-family: 'Helvetica Neue', Helvetica, sans-serif;list-style: none;font-size: 12px;overflow: hidden;text-overflow: ellipsis;margin:0 2px;max-width: 80px;height: 16px;line-height: 16px;}
.list-line .btn {margin-top: .37rem;}
.icon-like {width:.24rem;height:.21rem;background:url("../images/icon-like.png") center/cover no-repeat}
.icon-address,.icon-address2 {width:.19rem;height:.23rem;background:url("../images/icon-address.png") center/cover no-repeat}
.icon-address2 {background-image:url("../images/icon-address2.png")}
.item-s3 {position:relative;display:flex;align-items:center;padding:.16rem;margin-bottom:.2rem;background:#1d2146;border-radius:.13rem;font-size:.24rem;font-weight:normal;color:#d5d5d5;}
.item-s3 .cover {width:1.9rem;height:1.9rem;border-radius:.24rem;overflow:hidden;margin-right:.15rem;/*background:linear-gradient(180deg, #f1f1f1, #adadad);box-shadow: 0 0 10px rgb(203 203 203); */display: flex;align-items: center;}
.item-s3 .name{color: #ffffff;font-size: .3rem;}
.item-s3 img {width:94%;height:94%;object-fit:cover;border-radius: .42rem;/*border: 1px solid #e5e5e5;*/margin: 0 auto;}
.item-s3 .info {position:absolute;top:-0.1rem;right:.1rem;display:flex;align-items:center;justify-content:center;padding:.05rem .1rem;background:linear-gradient(180deg,#dcbb8c,#f2dab8);color:#804800;font-size:.2rem;border-radius:.1rem .1rem .1rem 0}
.item-s3 p {line-height:.38rem}
.item-s3 .more {height:.44rem;line-height:.44rem;text-align:center;color:#fff;    background: #ff35b5 linear-gradient(90deg, #df31c1, #ff60b6);;font-size:.24rem;border-radius:.24rem;display: inline-block;
    width: 100%;}
.item-s3 .flex-1 {padding-top:.1rem}
.arrow-down {display:inline-block;width:0;height:0;margin-left:.05rem;margin-top:.02rem;vertical-align:middle;border:.1rem solid rgba(0,0,0,0);border-top:.12rem solid #ff35b5;border-bottom-style:none}
.tab-sub {display:flex;justify-content:flex-end}
.tab-sub.s2 {justify-content:flex-start}
.tab-sub .tab-sub-box {display:flex;align-items:center}
.tab-sub .tab-sub-box a {display:flex;align-items:center;justify-content:center}
.tab-sub a {display:block;width:1.34rem;height:.4rem;margin:0 .1rem;line-height:.4rem;text-align:center;border-radius:.2rem;background:#1c1e2b;font-size:.2rem;color:#464a67}
.tab-sub .active {background:#2b2f46;color:#ff35b5;font-size:.2rem;font-weight:bold}
.item-s4 {padding:.22rem;margin-bottom:.2rem;background:#1d2146;border-radius:.2rem}
.item-s4 .header {display:flex;align-items:center;justify-content:center;color:#dddee3}
.item-s4 .header .cover {width:1.34rem;height:1.34rem;border-radius:0.24rem}
.item-s4 .header .name {font-size:.3rem;color: #fff;white-space: nowrap;}
.item-s4 .header .btn-detail {width:1.28rem;height:.48rem;line-height:.48rem;text-align:center;font-size:.26rem;color:#fff;border-radius:.33rem;background:linear-gradient(90deg,#df31c1,#ff60b6);cursor:pointer;}
.item-s4 .text {margin-top:.1rem;align-items:flex-start}
.item-s4 .more-preview {display:grid;/*gap:.2rem;grid-template-columns:repeat(3,minmax(0,1fr));*/margin-top:.1rem;background-color: #0d0239;border-radius: 10px;}
.item-s4 .more-preview img {/*width:2rem;height:3.3rem;*/width:100%;border-radius:.13rem}
.grid-2 {display:grid;grid-gap:.2rem;grid-template-columns:repeat(2,1fr)}
.item-s5 {position:relative;width:3.44rem;border-radius:.17rem;overflow:hidden;background:#2b2f46}
.item-s5 .cover {width:100%;height:4.76rem}
.item-s5 .info {height:1rem;padding:.15rem .15rem .25rem;font-size:.22rem}
.item-s5 .name {margin-top:.1rem;font-size:.24rem}
.item-s5 .more {flex-shrink:0;width:.9rem;height:.9rem;padding:0 .2rem;word-break:break-all;box-sizing:border-box;background:linear-gradient(0,#df31c1,#ff60b6);border-radius:.13rem 0 .13rem .13rem}
.item-s5 .icon-vip {position:absolute;left:.15rem;top:.15rem;width:.88rem;height:.35rem;background:url("../images/vip.png") center/100% 100% no-repeat}
.item-s5 .flex-1 {width:2.22rem;word-break:break-all}
.icon-back {width:.3rem;height:.29rem;background:url("../images/back.png") center/0.16rem .29rem no-repeat}
.bar-back {display:flex;align-items:center;justify-content:space-between;margin-bottom:.2rem}
.bar-back::after {content:"";display:block;width:.3rem;height:.1rem}
.swiper-detail {margin-bottom:.2rem}
.swiper-detail .swiper-slide {overflow:hidden}
.swiper-detail .swiper-slide img {width:100%;height:7.88rem;border-radius:.17rem}
.panel-s1 {padding:.33rem;margin-bottom:.2rem;border-radius:.17rem;background:#2b2f46;font-size:.25rem;font-weight:normal}
.panel-s1 p {margin-bottom:.1rem}
.panel-s1 p:last-child {margin-bottom:0}
.panel-s1 .btn-like {width:1.92rem;height:.6rem;line-height:.6rem;text-align:center;font-size:.24rem;border-radius:.3rem;background:linear-gradient(90deg,#df31c1,#ff60b6);cursor:pointer}
.header-fixed {position:fixed;width:7.5rem;left:50%;top:0;z-index:99;margin-left:-3.74rem;padding:10px .2rem .2rem;display:none;grid-gap:.2rem .15rem;grid-template-columns:repeat(5,1fr);margin-bottom:.5rem;background:rgba(0,0,0,.5);box-sizing:border-box;backdrop-filter:blur(10px)}
.header-fixed.in {animation:fade-in .3s}
.header-fixed.out {animation:fade-out .3s}
.header-fixed:empty {padding:0 !important}
@keyframes fade-in {0% {opacity:0;transform:translate3d(0,-100%,0)}
100% {opacity:1;transform:translate3d(0,0,0)}
}
@keyframes fade-out {0% {opacity:1;transform:translate3d(0,0,0)}
100% {opacity:0;transform:translate3d(0,-100%,0)}
}
.pagination-box {padding:.2rem 0 .8rem;font-size:.24rem}
.justify-content-center {justify-content:center !important}
.flex-between {justify-content:space-between !important}
.flex-inline {display:inline-flex !important}
.f30-rem {font-size:.3rem}
.f32-rem {font-size:.32rem}
.mb10-rem {margin-bottom:.1rem !important}
.icon-arrow {display:flex;width:.6rem;height:.6rem;background:url("../images/icon-back.png") center/0.4rem .4rem no-repeat}
.s-flex-middle {display:flex;align-items:center}
.pagination {display:flex;padding-left:0;list-style:none;border-radius:4px}
.pagination .page-item {box-sizing:border-box}
.pagination .page-item:first-child .page-link {margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination .page-item.last .page-link {border-radius:0 4px 4px 0}
.pagination .active .page-link {z-index:3;color:#fff;background-color:#ff35b5;border-color:#ff35b5}
.pagination .page-link {position:relative;display:block;padding:8px 12px;margin-left:-1px;line-height:1.25;color:#a8a9ad;background-color:#1c1e2b;border:1px solid #a8a9ad}
.pagination .page-num-wrap {display:flex;margin-left:.1rem;align-items:center;color:#666}
.shop-wrap {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.shop-wrap>.item {width:3.5rem;padding:.22rem;margin-bottom:.2rem;background:#2b2f46;border-radius:.2rem;box-sizing:border-box}
.shop-wrap .img-box {width:3.06rem;height:3.06rem;border-radius:.2rem;overflow:hidden}
.shop-wrap .img-box img {width:100%;height:100%}
.shop-wrap .name {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.28rem;margin-top:.2rem}
.shop-wrap .tag,.shop-wrap .num {font-size:.3rem;color:#ff35b5}
.shop-wrap .tag {font-size:.2rem}
.shop-wrap .gray {font-size:.24rem;color:#8e9394}
.shop-wrap .star-box {color:#ff9646}
.top-dialog {display:flex;align-items:center;justify-content:center;position:fixed;left:0;top:0;width:100%;height:100%;z-index:2147483647 !important}
.top-dialog .d-mask {position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;background:rgba(0,0,0,.2)}
.top-dialog .d-main {display:flex;align-items:center;justify-content:center;position:relative;z-index:1;width:80%;max-width:400px;max-height:80%;background:none;text-align:center}
.top-dialog .d-close {position:absolute;right:5px;top:5px;z-index:99;width:24px;height:24px;background-color:rgba(0,0,0,.9);color:#fff;border-radius:50%;font-size:16px;cursor:pointer}
.top-dialog .d-close::before,.top-dialog .d-close::after {content:"";position:absolute;left:2px;top:11px;width:20px;height:1px;background-color:#fff;transform:rotate(45deg)}
.top-dialog .d-close::after {transform:rotate(-45deg)}
.s-concat-bg {width:5.5rem;height:8rem;background-size:100% 100%}
.footer{text-align: center;color: rgba(255,255,255,.5);text-shadow: 0 1px 3px rgba(0,0,0,.5);padding:.2rem 0 .2rem;font-size: .2rem;background-color: #08002a;}
/*kefu*/

.kefu .item-s3 .info{top: -0.73rem;border-radius: .1rem;}
.kefu .item-s3 .tishi{margin: 0 auto;font-size: 0.25rem;}
.kefu .item-s3 .cover{width: 0.9rem;height: 0.9rem;}
.kefu .item-s3 .btn{border-radius: .12rem;}
.kefu .item-s3 .flex-1{padding-top: 0;}
.kefu .item-s3 .name {color: #cbcbcb;font-size: .25rem;}
.kefu .item-s3 p {line-height: .4rem;color: #fff;font-size: 0.3rem;}
/*tishi*/
.ant-message {z-index:9999;position:fixed;top:0.6rem;left:50%;transform:translateX(-50%);width:auto;pointer-events:none;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:0.06rem;}
.ant-message-notice {padding:0.06rem;text-align:center;opacity:0;transition:opacity 0.3s ease-in-out,transform 0.3s ease-in-out;transform:translateY(-0.6249rem);}
.ant-message-notice-content {display:inline-block;padding:0.1rem 0.29rem;background:linear-gradient(135deg,#ff7d54,#cc00ff);color:white;font-size:0.26rem;border-radius:0.1rem;box-shadow:0 0.1249rem 0.2499rem rgb(179 25 0 / 30%),0 0.0624rem 0.1249rem rgb(122 0 0 / 47%);pointer-events:all;max-width:4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ant-message-notice.fadeIn {opacity:1;transform:translateY(0);}



/* custom-footer.css */
.bottom-nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #f8fafc; /* 背景颜色 */
    padding: 10px 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.nav-content {
    max-width: 1200px;
    margin: 0 auto;
}

.nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #6b7280;
    text-decoration: none;
}

.nav-icon {
    width: 24px;
    height: 24px;
    margin-bottom: 5px;
}

.nav-item:hover {
    color: #374151;
}