/* lqq 25/04/23 */
html * { outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; }
body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer { margin: 0; padding: 0; }
body { font: 62.5%/1.5 -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; min-width: 320px; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
img { vertical-align: middle; border: 0; -webkit-tap-highlight-color: transparent; }
em, i { font-style: normal; }
img { max-width: 100%; border: 0; -webkit-user-select: none; }
input:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul, li { list-style: none; }
textarea { resize: none; }s
a { text-decoration: none !important; color: #333; }
a:-webkit-any-link {text-decoration: none;}
.cf:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.cf { min-height: 1%; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none; }
.show { display: block; }
.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.break { word-break: break-all; word-wrap: break-word; }
html { font-size: 100px; font-size: 13.33333vw; }
@media screen and (max-width: 320px) { html { font-size: 42.66667px; font-size: 13.33333vw; } }
@media screen and (min-width: 321px) and (max-width: 360px) { html { font-size: 48px; font-size: 13.33333vw; } }
@media screen and (min-width: 361px) and (max-width: 375px) { html { font-size: 50px; font-size: 13.33333vw; } }
@media screen and (min-width: 376px) and (max-width: 393px) { html { font-size: 52.4px; font-size: 13.33333vw; } }
@media screen and (min-width: 394px) and (max-width: 412px) { html { font-size: 54.93333px; font-size: 13.33333vw; } }
@media screen and (min-width: 413px) and (max-width: 414px) { html { font-size: 55.2px; font-size: 13.33333vw; } }
@media screen and (min-width: 415px) and (max-width: 480px) { html { font-size: 64px; font-size: 13.33333vw; } }
@media screen and (min-width: 481px) and (max-width: 540px) { html { font-size: 72px; font-size: 13.33333vw; } }
@media screen and (min-width: 541px) and (max-width: 640px) { html { font-size: 85.33333px; font-size: 13.33333vw; } }
@media screen and (min-width: 641px) and (max-width: 720px) { html { font-size: 96px; font-size: 13.33333vw; } }
@media screen and (min-width: 721px) and (max-width: 750px) { html { font-size: 100px; font-size: 13.33333vw; } }
@media screen and (min-width: 751px) { html { font-size: 100px; } }
@media screen and (min-width: 751px) { html { font-size: 100px; }
  body { width: 750px; margin: 0 auto; color: #575757; }
  [data-dpr='1'] body { width: 750px; margin: 0 auto; } }
* { box-sizing: border-box; }
body { font-size: .22rem;background: #f5f5f5;color: #575757; }

.wrap {width: 7.5rem;}

.banner {width: 100%;}
.banner img {width: 100%;display: block;}

.main {margin-top: -5.2rem;position: relative;}

.top-hint {overflow: hidden;margin: 0 auto;position: relative;width: 6.9rem;border-radius: .2rem;}
.top-hint .cont {position: relative;z-index: 2;width: 100%;padding: .18rem .28rem .28rem;font-size: .24rem;line-height: .37rem;color: #575757;}
.top-hint::after {opacity: .9;border-radius: .2rem;content: "";border: .02rem solid #fff;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(180deg, #FDFADD, #F2F8FF);}
.top-hint::before {content: "";z-index : 1;position: absolute;top: -1.53rem;left: -2.09rem;background: url("../images/hint-rd-bg.png") center no-repeat;background-size: 100% 100%;width: 5.28rem;height: 3.22rem;}
.top-hint .cont em {position: relative;font-weight: bold;}
.top-hint .cont em::before {content: "";z-index: -1;width: 100%;position: absolute;left: 0;bottom: -.01rem;height: .1rem;background: linear-gradient(90deg, #B9FB1C, #FFFFFF);border-radius: .1rem;}

.search-part {display: flex;padding: .04rem;align-items: center;width: 6.9rem;margin: .38rem auto 0;height: .64rem;border: .02rem solid #3E403F;border-radius: .2rem;background: linear-gradient(90deg, #F8FFE9, #fff, #E9FFED);}
.search-part input {padding: 0 .22rem;flex: 1;border: none;outline: none;background: transparent;height: 100%;font-size: .26rem;color: #3E403F;caret-color: #B9FB1C;}
.search-part .btn-delete {margin-right: .16rem;display: block;background: url("../images/icon-delete.png") center no-repeat;background-size: 100% 100%;width: .24rem;height: .24rem;}
.search-part .btn-search {display: flex;align-items: center;justify-content: center;color: #fff;background: #3E403F;width: 1.16rem;height: .52rem;border-radius: .16rem;font-size: .22rem;}
.search-part .btn-search .icon-search {display: block;margin-right: .08rem;background: url("../images/icon-search.png") center no-repeat;background-size: 100% 100%;width: .24rem;height: .24rem;}

.serve-part {margin-top: .35rem;}
.serve-part .nav {position: relative;display: flex;align-items: center;justify-content: center;padding-top: .16rem;}
.serve-part .nav::before {content: "";position: absolute;top: 0;left: 0;background: url("../images/nav-bg.png") center no-repeat;background-size: 100% 100%;width: 7.5rem;height: 1.05rem;}
.serve-part .nav li {position: relative;z-index: 1;cursor: pointer;height: .89rem;width: 2.1rem;line-height: .89rem;font-size: .3rem;color: #797979;width: 2.1rem;text-align: center;}
.serve-part .nav li:nth-child(3) {width: 2.7rem;}
.serve-part .nav li:nth-child(1).on {background: url('../images/nav-all-on.png') center no-repeat;background-size: 2.3rem .89rem;}
.serve-part .nav li.on span {display: none;}
.serve-part .nav li span {position: relative;}
.serve-part .nav li span a {position: absolute;top: .06rem;right: -.37rem;display: block;background: url("../images/icon-hint.png") center no-repeat;background-size: 100% 100%;width: .29rem;height: .31rem;}
.serve-part .nav li:nth-child(2).on {background: url('../images/nav-recent-on.png') center no-repeat;background-size: 2.3rem .89rem;}
.serve-part .nav li:nth-child(3).on {background: url('../images/nav-reserve-on.png') center no-repeat;background-size: 2.72rem .89rem;}
.serve-part .nav li:nth-child(2).on span {display: block;}
.serve-part .nav li:nth-child(2).on span i {display: none;}
.serve-part .nav li:nth-child(2).on span a {right: .11rem;top: .29rem;background: url("../images/icon-hint-on.png") center no-repeat;background-size: 100% 100%;width: .29rem;height: .31rem;}

.tabwap .tabcont .hint {color: #ACACAC;font-size: .22rem;line-height: .33rem;width: 6.93rem;margin: .09rem auto 0;}
.tabwap .tabcont .list {margin-top: .05rem;}
.tabwap .tabcont .list .item {width: 6.93rem;margin: .2rem auto 0;}
.tabwap .tabcont .list .item .show {position: relative;border-radius: .3rem .3rem 0 0;}
.tabwap .tabcont .list .item .show img {width: 6.93rem;border-radius: .3rem .3rem 0 0;}
.tabwap .tabcont .list .item .show .mask {position: absolute;bottom: 0;left: 0;width: 100%;height: 1.4rem;background: linear-gradient(180deg, rgba(19, 23, 21, 0), rgba(19, 23, 21, 0.7));}
.tabwap .tabcont .list .item .show .tag.hot {position: absolute;left: .16rem;top: .15rem;background: url("../images/tag-hot.png") center no-repeat;background-size: 100% 100%;width: .65rem;height: .34rem;}
.tabwap .tabcont .list .item .show .tag.new {position: absolute;left: .16rem;top: .15rem;background: url("../images/tag-new.png") center no-repeat;background-size: 100% 100%;width: .65rem;height: .34rem;}
.tabwap .tabcont .list .item .show .people {margin-bottom: .24rem;flex-shrink: 0;display: inline-flex;background: rgba(0, 0, 0, .4);height: .42rem;padding: 0 .12rem;display: flex;align-items: center;justify-content: center;border-radius: .38rem;font-size: .18rem;color: #fff;}
.tabwap .tabcont .list .item .show .people .icon-hot {display: inline-block;margin-right: .06rem;background: url("../images/icon-hot.png") center no-repeat;background-size: 100% 100%;width: .24rem;height: .24rem;}
.tabwap .tabcont .list .item .show .bot-info {width: 100%;display: flex;align-items: flex-end;justify-content: space-between;padding-right: .16rem;position: absolute;left: 0;bottom: -.11rem;}
.tabwap .tabcont .list .item .show .people .icon-group {display: inline-block;margin-right: .06rem;background: url("../images/icon-group.png") center no-repeat;background-size: 100% 100%;width: .34rem;height: .22rem;}
.tabwap .tabcont .list .item .show .time {margin-right: .1rem;border-radius: 0 .2rem .1rem 0;padding: .13rem .21rem .17rem .32rem;box-sizing: border-box;line-height: .35rem;font-size: .2rem;color: #090909;background: linear-gradient(90deg, #B9FB1C, #EBFF8D);min-height: .66rem;display: inline-flex;align-items: flex-end;}
.tabwap .tabcont .list .item .show .time i {flex-shrink: 0;margin-bottom: .04rem;}
/* .tabwap .tabcont .list .item .show .time.last {background: url("../images/last-bg.png") center no-repeat;background-size: 100% 100%;width: 3.3rem;}
.tabwap .tabcont .list .item .show .time.end {background: url("../images/end-bg.png") center no-repeat;background-size: 100% 100%;width: 1.42rem;} */
.tabwap .tabcont .list .item .show .icon-time {display: inline-block;margin-right: .04rem;background: url("../images/icon-time.png") center no-repeat;width: .28rem;height: .28rem;background-size: 100% 100%;}
.tabwap .tabcont .list .item .show .time.last .icon-time {background: url("../images/icon-time2.png") center no-repeat;background-size: 100% 100%;}
.tabwap .tabcont .list .item .s-info {display: flex;align-items: center;justify-content: space-between;padding: .46rem .33rem;border-radius: 0 0 .3rem .3rem;background: #fff;}
.tabwap .tabcont .list .item .s-info .left {display: flex;align-items: center;}
.tabwap .tabcont .list .item .s-info .left img {width: 1.04rem;height: 1.04rem;border-radius: .24rem;}
.tabwap .tabcont .list .item .s-info .left .info-label {margin-left: .18rem;}
.tabwap .tabcont .list .item .s-info .left .info-label .top {display: flex;align-items: center;}
.tabwap .tabcont .list .item .s-info .left .info-label .top .s-name {max-width: 2.25rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #131715;font-size: .32rem;margin-right: .04rem;}
.tabwap .tabcont .list .item .s-info .left .info-label .top .exper {display: inline-flex;align-items: center;justify-content: center;line-height: .32rem;border-radius: .08rem;height: .32rem;font-size: .2rem;color: #fff;padding: 0 .08rem;background: linear-gradient(90deg, #38D270, #2AC56C);}
.tabwap .tabcont .list .item .s-info .left .info-label .tag-list {margin-top: .22rem;display: flex;align-items: center;}
.tabwap .tabcont .list .item .s-info .left .info-label .tag-list li {margin-right: .08rem;padding: 0 .08rem;border-radius: .08rem;border: .01rem solid rgba(207, 209, 208, .6);color: #A7A8A7;}
.tabwap .tabcont .list .item .s-info .left .info-label .tag-list li.light {border: .01rem solid rgba(35, 194, 104, .6);color: #0AAC3C;}
.tabwap .tabcont .list .item .s-info .btn-join {background: #E7FECF;height: .6rem;line-height: .6rem;padding: 0 .28rem;color: #58B533;border-radius: .2rem;font-size: .26rem;}
.tabwap .tabcont .list .item .s-info .btn-join.orange {background: #FEEFCF;color: #FFA224;}
.tabwap .tabcont .list .item .s-info .btn-join.disabled {background: rgba(207, 209, 208, .6);color: #A7A8A7;}
.tabwap .tabcont .empty {margin-top: .8rem;margin-bottom: .14rem;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.tabwap .tabcont .empty .icon-empty {background: url("../images/empty.png") center no-repeat;background-size: 100% 100%;width: 4.08rem;height: 3.52rem;}
.tabwap .tabcont .empty .label {margin-top: .3rem;text-align: center;color: #A7A8A7;font-size: .28rem;line-height: .4rem;}

.tools {margin-top: .65rem !important;display: block;margin-bottom: .65rem;}

.fixed-bar {position: fixed;right: .14rem;bottom: 10%;}
.fixed-bar a {width: .96rem;height: 1.02rem;display: block;margin-top: .2rem;}
.fixed-bar .btn-reserve {background: url("../images/btn-reserve.png") center no-repeat;background-size: 100% 100%;}
.fixed-bar .btn-share {background: url("../images/btn-share.png") center no-repeat;background-size: 100% 100%;}
.fixed-bar .btn-top {background: url("../images/btn-top.png") center no-repeat;background-size: 100% 100%;}
.fixed-bar .btn-info {background: url("../images/btn-info.png") center no-repeat;background-size: 100% 100%;}

.pop-info {display: flex;align-items: center;justify-content: center;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);z-index: 100;}
.pop-info .pop-container {width: 5.76rem;position: relative;margin-top: -1rem;}
.pop-info .pop-container .title-show {background: url("../images/pop-info-top.png") center no-repeat;background-size: 100% 100%;width: 5.76rem;height: 2.4rem;}
.pop-info .pop-container .info-content {color: #3E403F;font-size: .28rem;line-height: .42rem;box-sizing: border-box;padding: .32rem .48rem .5rem;background: #fff;border-radius: 0 0 .2rem .2rem;}
.pop-info .pop-container .info-content span {font-weight: bold;position: relative;}
.pop-info .pop-container .info-content span::before {content: "";position: absolute;bottom: -.02rem;left: -.03rem;display: block;width: .73rem;height: .1rem;border-radius: .05rem;background: linear-gradient(90deg, #B9FB1C, #FFFFFF);}
.pop-info .pop-container .info-content span em {position: relative;z-index: 1;}
.pop-info .pop-close {background: url("../images/pop-close.png") center no-repeat;background-size: 100% 100%;width: .6rem;height: .6rem;position: absolute;left: 50%;margin-left: -.3rem;bottom: -1rem;}

.tabwap .tabcont .list .item .show .time strong {font-weight: bold;font-size: .28rem;color: #14B91F;}
.serve-part .nav li .tips {display: flex;display: flex;justify-content: center;height: .38rem;position: absolute;top: -.24rem;width: 240%;left: 50%;margin-left: -120%;z-index: 1;pointer-events: none;}
.serve-part .nav li .tips .label:after {content: "";z-index: 2;position: absolute;top: -.06rem;left: -.13rem;width: .39rem;height: .44rem;background: url("../images/icon-tips.png") center no-repeat;background-size: 100% 100%;}
.serve-part .nav li .tips .label {position: relative;z-index: 1;color: #FFA224;border: .01rem solid #FDE1BE;font-size: .18rem;border-radius: .2rem;display: inline-flex;padding: 0 .14rem 0 .29rem;align-items: center;justify-content: center;height: .38rem;background: #fff;}
.serve-part .nav li .tips::before {content: "";position: absolute;z-index: 2;bottom: -.09rem;left: 50%;margin-left: -.08rem;width: .16rem;height: .11rem;background: url("../images/icon-tips-arrow.png") center no-repeat;background-size: 100% 100%;}
.serve-part .nav li.on::before {content: "";position: absolute;background: url("../images/tit-line.png") center no-repeat;background-size: 100% 100%;width: 1.49rem;height: .56rem;top: 50%;left: 50%;margin-left: -.74rem;margin-top: -.28rem;}
.serve-part .nav li.on {background: none;}
.serve-part .nav li.on::after {content: "";width: 100%;height: 100%;z-index: 1;position: absolute;top: 0;left: 0;background: url('../images/nav-all-on.png?v=1751013580441') center no-repeat;background-size: 2.3rem .89rem;}
.serve-part .nav li:nth-child(2).on::after {background: url('../images/nav-recent-on.png?v=1751013580441') center no-repeat;background-size: 2.3rem .89rem;}
.serve-part .nav li:nth-child(3).on::after {background: url('../images/nav-reserve-on.png?v=1751013580441') center no-repeat;background-size: 2.72rem .89rem;}
.tabwap .tabcont .list .item .show .tag.all {position: absolute;left: .16rem;top: .15rem;background: url("../images/tag-all.png") center no-repeat;background-size: 100% 100%;width: 1.38rem;height: .34rem;}
.serve-part .nav li.on.no-line::before {content: "";display: none;}
