@charset "UTF-8";
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 "Microsoft Yahei", -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, Tahoma, Simsun, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; min-width: 320px; background: #000; color: #fff; }
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; -moz-user-select: none; user-select: none; pointer-events: none; }
input:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul, li { list-style: none; }
textarea { resize: none; }
a { text-decoration: none; color: #fff; }
.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; }
  [data-dpr="1"] body { width: 750px; margin: 0 auto; } }
.mt10 { margin-top: 0.1rem !important; }
.mt20 { margin-top: 0.2rem !important; }
.mt30 { margin-top: 0.3rem !important; }
.mt40 { margin-top: 0.4rem !important; }
.mt50 { margin-top: 0.5rem !important; }
.mt66 {margin-top: .66rem !important;}
.tal { text-align: left !important; }
.tac { text-align: center !important; }
[data-dpr="1"] .after:after { transform: scaleX(1); }
[data-dpr="2"] .after:after { transform: scaleX(0.5); }
[data-dpr="3"] .after:after { transform: scaleX(0.333); }
body { font-size: 0.24rem; background-color: #000; }
.scrollStyle { overflow: hidden; overflow-y: auto; }
.scrollStyle::-webkit-scrollbar { width: 0.08rem; height: 0.1rem; border-radius: 0.08rem; position: relative; }
.scrollStyle::-webkit-scrollbar-thumb { width: 0.08rem; background: #333; border-radius: 0.08rem; }
.scrollStyle::-webkit-scrollbar-track { width: 0.08rem; }
.wrap {width: 7.5rem;height: 100%;margin: 0 auto;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.no-pointer-events {pointer-events: none;}
html, body {overflow: hidden;}

.header {position: relative;position: fixed;top: 0;left: 50%;margin-left: -3.75rem;width: 7.5rem;z-index: 2;box-sizing: border-box;}
.header .headArea {width: 100%;}
.header .header-cont {position: relative;width: 100%;height: 1.13rem;padding: 0 .15rem 0 .27rem;box-sizing: border-box;}
.header .left .logo {background: url("../images/icon-more.png") no-repeat center center;background-size: 100% 100%;width: 2.83rem;height: 1.13rem;}
.header .right .icon-more {position: relative;display: block;background: rgba(0,0,0,.2);width: .97rem;height: .97rem;border-radius: 50%;}
.header .right .icon-more:after {content: '';display: block;background: url("../images/icon-menu.png") no-repeat center center;background-size: 100% 100%;width: .52rem;height: .48rem;position: absolute;top: 50%;left: 50%;margin-top: -.24rem;margin-left: -.26rem;}
.header .logo-wrapper {position: absolute;top: 1.5rem;left: .18rem;width: 3.02rem;height: 1.38rem;display: flex;align-items: center;justify-content: center;}
.header .icon-more-wrapper {position: absolute;top: .34rem;right: .08rem;width: 1.13rem;height: 1.3rem;display: flex;align-items: center;justify-content: center;}
.header .left .btn-left {position: absolute;top: .5rem;left: .18rem;display: block;background: url("../images/btn-left.png") no-repeat center center;background-size: 100% 100%;width: .97rem;height: .97rem;}

.main-cont .swiper-container {width: 100%;height: 100vh;height: 100dvh;}
.main-cont .swiper-container .swiper-slide {overflow: hidden;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.main-cont .swiper-container .swiper-slide .show {width:7.5rem;object-fit: cover;height: 100vh;max-width: unset;display: block;}
.main-cont .swiper-container .swiper-pagination {padding: .03rem 0;width: 0.48rem;background-color: rgba(0,0,0,.2);border-radius: 0.24rem;}
.main-cont .swiper-container .swiper-pagination .swiper-pagination-bullet {opacity: 1;margin: .17rem auto;width: .25rem;height: .25rem;background: #fff;display: inline-block;}
.main-cont .swiper-container .swiper-pagination .swiper-pagination-bullet-active {background: #bbfc21;}

.bot-cont {position: absolute;bottom: 1.9rem;left: 50%;margin-left: -3.75rem;width: 7.5rem;z-index: 2;padding: 0 .5rem env(safe-area-inset-bottom, 0px);box-sizing: border-box;}
.bot-cont .tag img {height: .6rem}
.bot-cont .bot-cont-inner {position: relative;z-index: 1;}
.bot-cont .tit {color: #fff;font-size: 0.48rem;font-weight: bold;margin-top: .35rem;line-height: 1.2;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.bot-cont .info {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-size: 0.28rem;color: #d0d0d0;line-height: .4rem;margin-top: .24rem;}
.bot-cont-tools .tools {padding: 0 .26rem 0 .3rem;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;margin-top: .14rem;}
.bot-cont-tools .tools a {display: block;position: relative;}
.bot-cont-tools .tools .btn-like {width: .87rem;height: .95rem;}
.bot-cont-tools .tools .btn-like .icon {position: relative;z-index: 1;background: url("../images/icon-like.png") center no-repeat;background-size: 100% 100%;width: .87rem;height: .95rem;}
.bot-cont-tools .tools .btn-like .icon-on {z-index: 1;position: absolute;left: -.19rem;top: -.25rem;display: block;width: 1.25rem;height: 1.45rem;}
.bot-cont-tools .tools .btn-like .icon.on {background: url("../images/icon-like-on.png") center no-repeat;background-size: 100% 100%;}
.bot-cont-tools .tools .btn-like span {border-radius: 0.25rem;position: absolute;left: .29rem;top: .38rem;box-sizing: border-box;display: inline-flex;align-items: center;padding-left: .51rem;text-align: center;font-size: 0.36rem;color: #e6e6e6;width: 1.43rem;height: 0.5rem;border: 1px solid rgba(255,255,255,.7);}
.bot-cont-tools .tools .btn-comment .icon {background: url("../images/icon-comment.png") center no-repeat;background-size: 100% 100%;width: .86rem;height: 1.12rem;}
.bot-cont-tools .tools .btn-comment span {border-radius: 0.25rem;position: absolute;left: .45rem;top: .45rem;box-sizing: border-box;display: inline-flex;align-items: center;padding-left: .46rem;text-align: center;font-size: 0.36rem;color: #e6e6e6;width: 1.43rem;height: 0.5rem;border: 1px solid rgba(255,255,255,.7);border-left: none;}
.bot-cont-tools .tools .btn-share {background: url("../images/icon-share.png") center no-repeat;background-size: 100% 100%;width: .97rem;height: .82rem;}
.bot-cont-tools {position: absolute;bottom: env(safe-area-inset-bottom, 0px);left: 50%;margin-left: -3.75rem;width: 7.5rem;z-index: 1;padding: 0 .5rem .59rem;box-sizing: border-box;}
.bot-cont-tools:before {pointer-events: none;content: '';display: block;background: url("../images/bot-mask.png") no-repeat center center;background-size: 100% 100%;width: 100%;height: 9rem;position: absolute;bottom: 0;left: 0;}

.pop-all {width: 6.6rem;position: fixed;top: 50%;left: 50%;margin-left: -3.3rem;margin-top: -5.795rem;z-index: 10;}
.pop-all .pop-top {width: 100%;height: 1rem;border-radius: .36rem .36rem 0 0;background-color: #bbfc21;border-bottom: .01rem solid #000;}
.pop-all .pop-top .pop-tit {position: absolute;left: 50%;margin-left: -.86rem;top: .31rem;background: url("../images/pop-all.png") center no-repeat;background-size: 100% 100%;width: 1.72rem;height: .45rem;}
.pop-all .pop-top .close {display: block;width: .24rem;height: .24rem;position: absolute;right: .3rem;top: .3rem;background: url("../images/pop-close.png") center no-repeat;background-size: .48rem .48rem;}
.pop-all .notice-list {padding-right: .17rem;overflow-y: auto;max-height: 9.95rem;border-radius: 0 0 .36rem .36rem;}
.pop-all .notice-list li {margin-bottom: .13rem;box-sizing: border-box;padding: .15rem .17rem .16rem .14rem;width: 6.04rem;display: flex;align-items: center;border: solid 0.02rem #000000;border-radius: .24rem;background-color: #6b6b6b;}
.pop-all .notice-list li:last-child {margin-bottom: 0;}
.pop-all .notice-list li .left-show {flex-shrink: 0;}
.pop-all .notice-list li a {display: block;}
.pop-all .notice-list li img {width: 2.74rem;height: 2.02rem;display: block;border-radius: 0.14rem;object-fit: cover;flex-shrink: 0;}
.pop-all .notice-list li .info {min-height: 2.02rem;margin-left: .22rem;display: flex;flex-direction: column;justify-content: space-between;}
.pop-all .notice-list li .info .notice-tit {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;color: #fff;font-size: 0.26rem;font-weight: bold;line-height: 0.36rem;}
.pop-all .notice-list li .info .notice-info {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: .12rem;color: #cdcdcd;font-size: .2rem;line-height: 0.28rem;max-height: 0.94rem;}
.pop-all .notice-list li .info .notice-tools {font-size: 0.18rem;height: .2rem;margin-top: .09rem;display: flex;align-items: center;padding-top: .14rem;border-top: .01rem solid #a6a6a6;}
.pop-all .notice-list li .info .notice-tools a {line-height: .2rem;height: .2rem;margin-right: .32rem;display: flex;align-items: center;color: #c3c3c3;}
.pop-all .notice-list li .info .notice-tools .btn-like .icon {margin-right: .04rem;display: block;background: url("../images/pop-icon-like.png") center no-repeat;background-size: 100% 100%;width: .19rem;height: .2rem;}
.pop-all .notice-list li .info .notice-tools .btn-like.on .icon {background: url("../images/pop-icon-like-on.png") center no-repeat;background-size: 100% 100%;width: .19rem;height: .2rem;}
.pop-all .notice-list li .info .notice-tools .btn-like.on {color: #b9fb1d;}
.pop-all .notice-list li .info .notice-tools .btn-comment .icon {margin-right: .06rem;display: block;background: url("../images/pop-icon-comment.png") center no-repeat;background-size: 100% 100%;width: .22rem;height: .2rem;}
.pop-all .pop-cont {box-sizing: border-box;border-radius: 0 0 .36rem .36rem;padding: .26rem .1rem .34rem .27rem;background: #4a4a4a;}

.guide {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10001;}
.guide .guide-1 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding-bottom: .9rem;box-sizing: border-box;}
.guide .guide-1 .page-change {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.guide .guide-1 .page-change .prev {width: .86rem;height: 1.66rem;background: url("../images/guide-top-arrow.png") center no-repeat;background-size: 100% 100%;}
.guide .guide-1 .page-change .next {width: .86rem;height: 1.66rem;background: url("../images/guide-bot-arrow.png") center no-repeat;background-size: 100% 100%;}
.guide .guide-1 .page-change .hand {width: 1.13rem;height: 1.85rem;background: url("../images/guide-hand.png") center no-repeat;background-size: 100% 100%;-webkit-animation: handSlide 1.6s ease-in-out infinite;animation: handSlide 2.6s ease-in-out infinite;will-change: transform;}
.guide .guide-1 .guide-1-label {margin-top: .11rem;background: url("../images/guide-hint-1.png") center no-repeat;background-size: 100% 100%;width: 6.32rem;height: 1.73rem;}
@-webkit-keyframes handSlide { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 50% { -webkit-transform: translateY(.6rem); transform: translateY(.6rem); opacity: 1; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
@keyframes handSlide { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 50% { -webkit-transform: translateY(.6rem); transform: translateY(.6rem); opacity: 1; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
.guide .guide-2 {position: absolute;z-index: 100;top: 0;left: 0;width: 100%;height: 100%;}
.guide .guide-2 .guide-2-label {margin: 2rem auto 0;background: url("../images/guide-hint-2.png") center no-repeat;background-size: 100% 100%;width: 6.72rem;height: 2.86rem;}
.guide .guide-3 .guide-3-label {margin: 2rem auto 0;background: url("../images/guide-hint-3.png") center no-repeat;background-size: 100% 100%;width: 6.27rem;height: 2.18rem;}

.driver-popover {display: none !important;}

.pop-bot {position: fixed;top: 0;left: 50%;margin-left: -3.75rem;width: 7.5rem;height: 100%;z-index: 10;}
.pop-bot .mask {background: rgba(0,0,0,.7);position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.pop-bot .pop-bot-cont {-webkit-animation: slide-in-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-in-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;padding: .89rem 0 .35rem;position: absolute;bottom: 0;left: 0;width: 100%;border-radius: .42rem .42rem 0 0;background: url("../images/pop-bg.png") top center #fff no-repeat;background: 100% auto;}
.pop-bot .pop-bot-cont .pop-bot-close {position: absolute;top: .33rem;right: .33rem;background: url("../images/pop-bot-close.png") center no-repeat;background-size: 100% 100%;width: .24rem;height: .24rem;}
.pop-bot .pop-bot-cont .intro {padding: 0 .39rem;font-size: 0.28rem;color: #464646;line-height: 0.4rem;}
.pop-bot .pop-bot-cont .btn-subscribe {margin: .23rem auto 0;color: #000000;font-weight: bold;font-size: 0.32rem;width: 2.97rem;height: 0.99rem;background-color: #b9fb1d;border-radius: 0.49rem;display: flex;align-items: center;justify-content: center;}
.pop-bot .pop-bot-cont .btn-subscribe.on {background-color: #ffbc66;}
.pop-bot .pop-bot-cont .btn-more {padding: 0 .25rem 0 .24rem;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;margin: .38rem auto 0;border-radius: 0.14rem;border: solid 0.02rem #afed1c;width: 6.72rem;height: 0.71rem;background-color: #f5ffe6;}
.pop-bot .pop-bot-cont .btn-more .left {display: flex;align-items: center;}
.pop-bot .pop-bot-cont .btn-more .left .icon-hot {background: url("../images/icon-hot.png") center no-repeat;background-size: 100% 100%;width: .29rem;height: .34rem;}
.pop-bot .pop-bot-cont .btn-more .left p {line-height: 1;margin-left: .14rem;color: #6f6f6f;font-size: 0.28rem;}
.pop-bot .pop-bot-cont .btn-more .icon-arrow {background: url("../images/icon-arrow.png") center no-repeat;background-size: 100% 100%;width: .15rem;height: .26rem;}
.pop-bot .pop-bot-cont .platform {box-sizing: border-box;padding: 0 .42rem 0 .34rem;display: flex;align-items: center;justify-content: space-between;margin: .25rem auto 0;background: url("../images/pop-info-bg.png") center no-repeat;background-size: 100% 100%;width: 6.74rem;height: 2.59rem;}
.pop-bot .pop-bot-cont .platform .baobao {flex-shrink: 0;background: url("../images/icon-baobao.png") center no-repeat;background-size: 100% 100%;width: 1.79rem;height: 2.11rem;}
.pop-bot .pop-bot-cont .platform .right {width: 3.85rem;}
.pop-bot .pop-bot-cont .platform .right .platform-list {display: flex;align-items: center;}
.pop-bot .pop-bot-cont .platform .right .platform-list a:last-child {margin-right: 0;}
.pop-bot .pop-bot-cont .platform .right .platform-list a {display: block;border-radius: 50%;position: relative;box-sizing: border-box;margin-right: .39rem;width: 1.03rem;height: 1.03rem;background-color: #ffffff;border: solid 0.02rem #000000;}
.pop-bot .pop-bot-cont .platform .right .platform-list .btn-wechat:after {content: '';position: absolute;left: 50%;top: 50%;margin-top: -.25rem;margin-left: -.31rem;background: url("../images/wechat.png") center no-repeat;background-size: 100% 100%;width: .63rem;height: .51rem;}
.pop-bot .pop-bot-cont .platform .right .platform-list .btn-red:after {content: '';position: absolute;left: 50%;top: 50%;margin-top: -.14rem;margin-left: -.4rem;background: url("../images/red.png") center no-repeat;background-size: 100% 100%;width: .79rem;height: .28rem;}
.pop-bot .pop-bot-cont .platform .right .platform-list .btn-douyin:after {content: '';position: absolute;left: 50%;top: 50%;margin-top: -.29rem;margin-left: -.24rem;background: url("../images/douyin.png") center no-repeat;background-size: 100% 100%;width: .48rem;height: .58rem;}
.pop-bot .pop-bot-cont .platform .right .platform-info {margin-top: .14rem;color: #979797;line-height: 0.4rem;}

@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.header .header-cont .logo-wrapper {top: .3rem;}
.header .header-cont .btn-left {display: none;}