*{margin:0;padding:0;border:0;box-sizing:border-box}
body{font-size:14px;color:#333;background:#fff}
a,a:hover{text-decoration:none;color:#333;font-size:14px}
.clear{clear:both}
.pagewidth{max-width:460px}
.bg{position:fixed;z-index:-1;width:100%;margin:0 auto;top:0;left:0;right:0;height:100%}
.bg img{width:100%;object-fit:cover;height:100%}
.wrap{width:100%;margin:0 auto}
.wrap .header{width:100%;display:flex;justify-content:space-between;align-items:center;padding-top:15px;box-sizing:content-box}
.wrap .header .downico{margin-right:auto}
.wrap .header .downico img{width:48px;padding-left:15px}
.wrap .header .logo img{height:50px}
.wrap .header .kefuico{margin-left:auto}
.wrap .header .kefuico img{width:48px;padding-right:15px}
.wrap .banner{text-align:center;width:70%;margin:50px auto 0;display:block}
.item{transform: scale(0.85);display:flex;justify-content:space-between;align-items:center;border-radius:30px;padding:10px 15px;margin-left:0;margin-right:0;margin-bottom:0;transition:all .3s ease;z-index:10;position:relative}
.item.active{background:rgba(255,255,255,.25);border-color:#4cd964;box-shadow:0 0 15px rgba(76,217,100,.5)}
.brand{display:flex;align-items:center;font-weight:700}
.brand img{height:40px;margin-right:10px}
.action{border:none;border-radius:20px;padding:8px 20px;font-weight:700;cursor:pointer;transition:all .3s ease}
.jinsha{border:2px solid #007bff;background:linear-gradient(to right,#fff,rgba(0,123,255,.1))}
.jinsha .brand{color:#007bff}
.jinsha .action{background:linear-gradient(to right,#007bff,#0069d9);color:#fff}
.jinsha:hover{box-shadow:0 0 15px rgba(0,123,255,.8);transform:translateY(-2px)}
.jinsha .action:hover{box-shadow:0 0 10px rgba(0,123,255,.8);transform:scale(1.05)}
.crown{border:2px solid #d4af37;background:linear-gradient(to right,#fff,rgba(212,175,55,.1))}
.crown .brand{color:#8b4513}
.crown .action{background:linear-gradient(to right,#d4af37,#b8860b);color:#fff}
.crown:hover{box-shadow:0 0 15px rgba(212,175,55,.8);transform:translateY(-2px)}
.crown .action:hover{box-shadow:0 0 10px rgba(212,175,55,.8);transform:scale(1.05)}
.macau{border:2px solid #007bff;background:linear-gradient(to right,#fff,rgba(0,123,255,.1))}
.macau .brand{color:#007bff}
.macau .action{background:linear-gradient(to right,#007bff,#0069d9);color:#fff}
.macau:hover{box-shadow:0 0 15px rgba(0,123,255,.8);transform:translateY(-2px)}
.macau .action:hover{box-shadow:0 0 10px rgba(0,123,255,.8);transform:scale(1.05)}
.uvip{border:2px solid #28a745;background:linear-gradient(to right,#fff,rgba(40,167,69,.1))}
.uvip .brand{color:#28a745}
.uvip .action{background:linear-gradient(to right,#28a745,#218838);color:#fff}
.uvip:hover{box-shadow:0 0 15px rgba(40,167,69,.8);transform:translateY(-2px)}
.uvip .action:hover{box-shadow:0 0 10px rgba(40,167,69,.8);transform:scale(1.05)}
.footer{width:100%;margin:15px auto 0;text-align:center;}
.footer .tips{color:#00a6ff}
.footer .tips::after,.footer .tips::before{content:"";display:inline-block;width:18px;height:16px;background-size:contain;background-repeat:no-repeat;vertical-align:middle;margin:0 auto;background-image:url(ico.png);display:none;}
.footer .tips::before{margin-right:5px}
.footer .tips::after{margin-left:5px}
.footer .copyright{padding-top:10px;color:#959595}
.xianluBox{position:absolute;width:95%;background:linear-gradient(to bottom,#4190ff,#b2d3ff);border-radius:20px;padding:15px;box-shadow:0 0 20px rgba(255,100,200,.7),inset 0 0 15px rgba(255,255,255,.6);bottom:80px;left:0;right:0;margin:0 auto}
.xianluBox.hidden{display:none}
.xianluBox .xltitle{text-align:center;font-size:16px;color:#fff;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}
.xianluBox .line-list{display:flex;flex-direction:column;gap:10px}
.xianluBox .line-item{display:flex;align-items:center;background:linear-gradient(to right,#0f2e5a,#1a3d6b);border-radius:10px;padding:5px;box-shadow:0 2px 5px rgba(0,0,0,.2)}
.xianluBox .line-num{background-color:#4da6ff;color:#fff;padding:8px 15px;border-radius:8px;font-size:14px;margin-right:20px}
.xianluBox .line-name{flex:1;color:#fff;font-size:14px;text-align:center}
.xianluBox .line-btn{background:linear-gradient(to bottom,#66b3ff,#4190ff);color:#fff;border:none;padding:10px 25px;border-radius:8px;font-size:13px;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2),inset 0 0 10px rgba(255,255,255,.7);transition:all .3s ease}
.xianluBox .line-btn:hover{background:linear-gradient(to bottom,#4190ff,#2a7dff);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.3),inset 0 0 12px rgba(255,255,255,.9)}
.arrow{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #b2d3ff}
.item:hover{transform: scale(0.9);}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
@media screen and (max-width:799px){
	.wrap .banner{width:60%}
	.footer{font-size:12px}
}
@media screen and (max-width:600px){
	.wrap .banner{width:55%}
	.footer{font-size:12px}
}