/* 模板二：同城速约风格 */
html.q508-tpl2 body,html.q508-tpl2 #app{background:#000}
html.q508-tpl2 .van-nav-bar{background:#000!important}
html.q508-tpl2 .van-nav-bar__title{color:#fff!important}
html.q508-tpl2 .van-nav-bar .van-icon{color:#fff!important}
html.q508-tpl2 .login .van-nav-bar,html.q508-tpl2 .register .van-nav-bar{background:transparent!important}
html.q508-tpl2 .login .van-hairline--bottom::after,html.q508-tpl2 .register .van-hairline--bottom::after{border:0}

.q508-tab2.van-tabbar{background:#000!important}
.q508-tab2 .van-tabbar-item{background:#000!important;font-size:3.2vw}
.q508-tab2 .van-tabbar-item--active{background:#000!important}
.q508-tab2 .van-tabbar-item__icon{font-size:6.4vw;margin-bottom:1vw}

.q508t2-foot-pad{height:calc(18vw + env(safe-area-inset-bottom))}

.q508t2-page{background:#16151b;color:#fff;min-height:100vh}
.q508t2-title{height:46px;line-height:46px;background:#000;text-align:center;color:#f2c8a9;font-size:21px;font-weight:600;letter-spacing:8px;text-shadow:0 0 10px #313131,0 0 20px #535353,0 0 30px #d0b8b8,0 0 40px #ff0909;font-family:Tahoma,Helvetica,Arial,"宋体",sans-serif}
.q508t2-content{padding:5px}
.q508t2-swipe{border-radius:6px;overflow:hidden}
.q508t2-swipe-img{display:block;width:100%;height:40vw;object-fit:cover;border-radius:6px}
.q508t2-swipe-ph{height:40vw;border-radius:6px;background:linear-gradient(120deg,#212121,#3a3434)}
.q508t2-box{border-radius:6px;border:1px solid #b7b2ad;margin:12px 0;background:linear-gradient(120deg,#212121,#817070);padding:15px 5px 10px;overflow:hidden;font-size:14px;letter-spacing:1px;line-height:22px;color:#fff}
.q508t2-intro-row{display:flex;align-items:center}
.q508t2-intro-l{flex:1;border-right:3px solid #e6b98a;color:#f3c7a2;padding-top:8px;text-align:center}
.q508t2-intro-l p{margin:0}
.q508t2-intro-l .t1{font-size:15px}
.q508t2-intro-l .t2{font-size:12px}
.q508t2-intro-r{flex:2;font-size:12px;padding:0 0 3px 7px;line-height:22px}
.q508t2-intro-r b{font-size:16px;color:#f8c693}
.q508t2-intro-b{margin-top:7px;color:#e6b98a;font-size:12px;text-align:center}
.q508t2-tabs{display:flex;background:#000;padding:4px 10px 4px 3px;border-radius:4px}
.q508t2-tab{flex:1;margin-left:7px;height:30px;line-height:28px;text-align:center;font-size:14px;color:#fff;border:1px solid #b7b2ad;border-radius:6px;background:linear-gradient(90deg,#5b606c,#624747);box-sizing:border-box}
.q508t2-tab.on{color:#8a5623;background:linear-gradient(#fde3ca,#e7b486)}
.q508t2-xf{position:relative;display:flex;font-size:13px;padding-left:15px;cursor:pointer}
.q508t2-xf-l{flex:2;min-width:0}
.q508t2-xf-l>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q508t2-xf-id{color:#f3a254}
.q508t2-xf-r{flex:1;text-align:right;padding-right:18px;padding-top:10px}
.q508t2-xf-r img{width:90px;height:118px;object-fit:cover;border-radius:30%}
.q508t2-xf-sign{position:absolute;right:-45px;top:23px;background:#ff6056;font-size:13px;padding:3px 50px;font-style:normal;transform:rotate(45deg);color:#fff;line-height:18px}
.q508t2-roll{height:200px;padding:10px 5px;overflow:hidden;position:relative}
.q508t2-roll-in{padding-left:20px;font-size:12px;text-align:left;animation:q508t2rowup 60s linear infinite}
.q508t2-roll-in p{margin:0 0 8px;line-height:20px}
@keyframes q508t2rowup{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}

.q508t2-yp,.q508t2-main{background:#000;min-height:100vh;color:#fff}
.q508t2-nav{height:46px;line-height:46px;background:#000;color:#fff;text-align:center;font-size:18px}
.q508t2-yp-cells{background:linear-gradient(120deg,#212121,#313131)}
.q508t2-yp-cell{display:flex;align-items:center;height:48px;padding:0 0 0 16px;font-size:14px;border-bottom:1px solid #16151b;cursor:pointer}
.q508t2-yp-ic{font-size:22px;color:#e6b98a;margin-right:10px}
.q508t2-yp-n{flex:0 0 auto}
.q508t2-yp-v{flex:1;text-align:right;color:#969799;font-size:12px;padding-right:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q508t2-yp-av{width:36px;height:36px;object-fit:cover;border-radius:2px;margin-right:10px}
.q508t2-yp-arr{color:#969799;margin-right:14px}
.q508t2-gbox{margin:15px 0 30px;padding-bottom:15px;background:linear-gradient(120deg,#212121,#313131)}
.q508t2-ribbon{display:inline-block;position:relative;margin:6px 0 4px 18px;padding:2px 14px 2px 10px;background:linear-gradient(#f6d3ad,#d9a774);color:#5a3412;font-size:12px;font-weight:700;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%)}
.q508t2-ribbon:before{content:"";position:absolute;left:-18px;top:6px;border:9px solid #b98a5a;border-left-color:transparent}
.q508t2-ggrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:10px 10px 0}
.q508t2-g{display:flex;flex-direction:column;align-items:center;cursor:pointer}
.q508t2-g img,.q508t2-g-im{display:block;width:65px;height:65px;border-radius:50%;object-fit:cover;background:#333}
span.q508t2-yp-av{display:inline-block;background:#333}
html.q508-tpl2 .q508-pay-tabs{display:none!important}
.q508t2-g div{margin-top:8px;font-size:14px;color:#fff}

.q508t2-me{display:flex;align-items:center;padding:10px;border-radius:5px;background:linear-gradient(120deg,#212121,#313131)}
.q508t2-me-av{width:65px;height:65px;border-radius:50%;object-fit:cover;margin:25px 15px;background:#333;display:block;flex-shrink:0}
.q508t2-me-r{flex:1;min-width:0}
.q508t2-me-name{font-size:18px;color:#f1c722;height:45px;line-height:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q508t2-me-money{font-size:14px;color:#fff;height:30px;line-height:30px}
.q508t2-me-sub{font-size:12px;color:#bbb;line-height:22px}
.q508t2-me-list{margin-top:15px;background:linear-gradient(120deg,#212121,#313131)}
.q508t2-me-cell{display:flex;align-items:center;height:48px;padding:0 14px;font-size:14px;border-bottom:1px solid #16151b;cursor:pointer}
.q508t2-me-ic{font-size:22px;color:#e6b98a}
.q508t2-me-n{flex:1;margin-left:10px}
.q508t2-me-arr{color:#969799}
.q508t2-dot{width:8px;height:8px;border-radius:50%;background:#ee0a24;margin-right:8px}
.q508t2-dialog .van-dialog__confirm{color:#e6b98a}

html.q508-tpl2 .q508-vote-page{background:#000!important}
html.q508-tpl2 .q508-vote-page .van-nav-bar,html.q508-tpl2 .q508-vote-page .q508-vote-nav{background:#000!important}
html.q508-tpl2 .q508-vote-hex-stage{background:#d9c3b0 url(/img/t2_votebg.png) center/cover no-repeat!important;border-radius:0}
html.q508-tpl2 .q508-vote-hex-stage::before{display:none}
html.q508-tpl2 .q508-vote-hex-stage::after{display:none}
html.q508-tpl2 .q508-vote-hex-stage .q508-vote-hub{left:0;right:0;top:0;transform:none;width:auto!important;height:auto!important;border:0;border-radius:0;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);flex-direction:row;justify-content:center;gap:2.4vw;padding:2.4vw 3vw!important}
html.q508-tpl2 .q508-vote-hex-stage .q508-vote-hub-picker{margin:0}
html.q508-tpl2 .q508-vote-hex-stage .q508-vote-hub-name{color:#222;font-size:3.8vw;max-width:34vw}
html.q508-tpl2 .q508-vote-hex-stage .q508-vote-hub-picker .van-icon{color:#222}
html.q508-tpl2 .q508-vote-hex-stage .q508-vote-hub-timer{color:#ee0a24!important;font-size:5.6vw!important;border:0;background:none;box-shadow:none;padding:0!important}
html.q508-tpl2 .q508-vote-hex-stage .q508-vote-hub-sub{color:#222;font-size:3.6vw;margin:0}
html.q508-tpl2 .q508-vote-hex-stage .q508-vote-hex-row{top:15vw!important;bottom:auto!important;padding:0 1.2vw;justify-content:space-around}
html.q508-tpl2 .q508-vote-hex-stage .q508-vote-hex-row:first-of-type{left:0;right:50%}
html.q508-tpl2 .q508-vote-hex-stage .q508-vote-hex-row:last-of-type{left:50%;right:0}
html.q508-tpl2 .q508-vote-hex-stage .q508-vote-hex-wrap{padding:0;border:0;background:none;box-shadow:none;transform:none}
html.q508-tpl2 .q508-vote-hex-stage .q508-vote-hex-row .q508-vote-hex{width:22vw;height:11.5vw;clip-path:none;border:0;border-radius:.8vw;background:rgba(242,236,232,.93);box-shadow:0 .5vw 1.5vw rgba(0,0,0,.25);opacity:1;filter:none;gap:0;transform:none}
html.q508-tpl2 .q508-vote-hex-stage .q508-vote-hex-icon{display:none}
html.q508-tpl2 .q508-vote-hex-stage .q508-vote-hex-text{color:#222;font-size:3.6vw;font-weight:500;text-shadow:none}
html.q508-tpl2 .q508-vote-hex-stage .q508-vote-hex.active,html.q508-tpl2 .q508-vote-hex-stage .q508-vote-hex-wrap.active .q508-vote-hex{background:linear-gradient(#fde3ca,#e7b486)!important;box-shadow:0 0 0 .5vw #fff,0 .5vw 2vw rgba(231,180,134,.8);filter:none}
html.q508-tpl2 .q508-vote-hex-stage .q508-vote-hex.active .q508-vote-hex-text,html.q508-tpl2 .q508-vote-hex-stage .q508-vote-hex-wrap.active .q508-vote-hex-text{color:#8a5623;font-weight:700}
html.q508-tpl2 .q508-vote-hex-stage:has(.q508-vote-hex.active) .q508-vote-hex:not(.active){opacity:.85}