@charset "utf-8";
/* CSS RESET */
body,div,p{margin:0;padding:0;}
ul,ol,li{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
h1{font-size:32px;font-weight:700;line-height:48px;}
h2{font-size:24px;font-weight:600;line-height:36px;}
h3{font-size:20px;font-weight:500;line-height:30px;}
h4{font-size:18px;font-weight:500;line-height:24px;}
h5{font-size:16px;font-weight:500;line-height:24px;}
h6{font-size:14px;font-weight:500;line-height:20px;}
img{border:0;vertical-align:middle;}
p{font-size:16px;font-weight:400;line-height:24px;}
a{color:#00AAFF;text-decoration:underline;outline:none;}
a:hover{color:#0088CC;text-decoration:underline;}
body{color:#333;font-size:16px;font-weight:400;font-family:"PingFang SC";background:linear-gradient(#FEFFFF 0%,#DDF1F9 20%,#A0D8EF 100%);background-color:#A0D8EF;background-repeat:no-repeat;background-size:100% 960px;}
/* WRAPPER */
.wrapper{max-width:960px;width:100%;background:#FFF;box-shadow:0 0 8px #999;margin:0 auto;}
i.red{color:#FF0000;font-style:normal;}
/* HEADER */
.header{border-top: 4px solid #00AAFF;}
.header-logo-search{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:#FFF;}
.header-logo{flex:1;}
.header-logo a{display:block;padding:16px 0;margin:1px;}
.header-logo img{height:auto;max-width:360px;}
.header-search{flex:2;display:flex;justify-content:flex-end;align-items:center;padding:8px 16px;}
.header-search-box{display:flex;width:100%;}
.header-search-input{flex:1;width:260px;max-width:260px;padding:8px;border:1px solid #CCC;border-radius:4px 0 0 4px;margin-right:-1px;}
.header-search-button{padding:8px 16px;border:1px solid #00AAFF;border-left:none;border-radius:0 4px 4px 0;background-color:#00AAFF;color:white;font-weight:bold;cursor:pointer;}
.header-search-button:hover{background-color:#0088CC;}
.header-home-svip{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;background-color:#F5F5F5;padding: 8px 8px;}
.header-home-index{display:inline-flex;align-items:center;text-decoration:none;padding:8px 16px;font-size:14px;font-weight:bold;text-align:center;background:linear-gradient(0deg,#f2f1ff,#f2f1ff);border:1px solid #00AAFF;border-radius:4px;color:#00AAFF;}
.header-home-index:hover{color:#FFF;background:#0088CC;text-decoration:none;}
.header-svip-login{display:inline-flex;align-items:center;text-decoration:none;padding:8px 16px;font-size:14px;font-weight:bold;text-align:center;background:linear-gradient(0deg,#f2f1ff,#f2f1ff);border:1px solid #00AAFF;border-radius:4px;color:#00AAFF;}
.header-svip-login:hover{color:#FFF;background:#0088CC;text-decoration:none;}
@media screen and (max-width:600px){
    .header-logo-search{flex-direction:column;}
    .header-logo{flex:1;width:100%;text-align:center;}
    .header-logo img{max-width:100%;height:48px;}
    .header-search{flex:1;width:100%;justify-content:center;text-align:center;}
}
/* MAIN */
.main{padding:32px}
.welcome{display:flex;flex-direction: column;gap: 8px;margin-bottom:16px;}
.welcome h1{font-size:32px;font-weight:500;line-height:36px;margin: 0;}
.welcome h1 span {
    display: inline-block;
    vertical-align: middle;
    line-height: 36px; /* 与 h1 的 line-height 一致 */
}
.welcome p{font-size:16px;line-height:32px;color:#999;margin: 0;}
.divider{border-bottom: 1px solid #ddd;margin-bottom: 16px;}

/* FOOTER */
.footer{color:#999;font-size:14px;}
.footer ul{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:16px;border-bottom:solid 1px #ddd;}
.footer ul li{line-height:16px;margin-bottom: 16px;}
.footer ul li:not(:last-child)::after{content:"·";margin:0 4px;}
.footer ul li a{padding:8px 8px;color:#999;}
.footer ul li a:hover{color:#999;}
.footer p{text-align:center;font-size: 14px;line-height: 28px;}
.footer p a{color:#999;}
.footer p a:hover{color:#999;}
/* CATEGORY-------------------------------------------------------- */
/* NAVIGATION */
.navigation{margin-bottom:16px;}
.navigation h2{line-height:34px;font-size:24px;color:#333;margin-bottom:16px;border-bottom:1px solid #ddd;padding-bottom:8px;}
.navigation ul {
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
}
/* 默认三等分 */
.navigation ul li {
    width: calc(100% / 3 - 2px); /* 精确三等分 */
    box-sizing: border-box;
    margin-bottom: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    padding-left: 24px; /* 预留 ::before 的空间 */
}

/* 四等分 w-25 */
.navigation ul.w-25 li {
    width: 25%; /* 四等分 */
    padding-right: 0;
}

/* 添加 # 前缀 */
.navigation ul li::before {
    content: "#";
    white-space: pre;
    display: inline-block;
    color: #999;
    margin-right: 4px;
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    overflow: hidden;
    text-align: right;
}

/* 移除最后一个元素的 padding-right */
.navigation ul li:nth-child(3n) {
    padding-right: 0;
}

/* 小屏幕适配 */
@media screen and (max-width: 600px) {
    .navigation ul li {
        width: 100%;
    }
  .navigation ul.w-25 li {
      width: 50%; /* 二等分 */
      padding-right: 0;
  }
}

/* .navigation ul li{display:inline-block;width:30%;margin-bottom:8px;padding-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.navigation ul li:nth-child(3n){padding-right:0;}
.navigation ul li::before{content:"#";white-space:pre;display:inline-block;color:#999;margin-right:4px;}
.navigation ul li a {font-size: 18px;}
@media screen and (max-width:600px){
    .navigation ul li {width: 100%;}
} */

/* PAGINATION -------------------------------------------------------- */
.pagination{text-align:center;font-size:12px;}
.pagination span{display:inline-block;background-color:#fff;color:#ccc;margin-bottom:8px;padding:8px 14px;border:1px solid #ddd;border-radius:2px;}
.pagination a{display:inline-block;color:#333;background-color:#fff;text-decoration:none;cursor:pointer;margin-bottom:8px;padding:8px 14px;border:1px solid #ddd;border-radius:2px;}
.pagination a:hover{background-color:#00AAFF;color:#FFF;}
.pagination a.pagination-current{background-color:#00AAFF;color:#FFF;}
/* RESULTS & RESULT -------------------------------------------------------- */
/* RESULTS */
.results{margin-bottom:32px;}
.results .item{border-bottom: 1px solid #eee;padding: 16px 0px;}
.results .item:first-child{padding-top: 0;}
.results .item .item-title h3{margin-bottom:8px;color:#666;}
.results .item .item-description p{font-size:14px;color:#999;}

/* RESULT-INFO */
.result-info{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e3e3e3;}
.result-info-title h1{margin-bottom:16px;}
.result-info-more{display:flex;flex-wrap:wrap;align-items: center;}
.result-info-more span{font-size:16px;line-height:16px;color:#00AAFF;border: 1px solid #00AAFF;border-radius: 2px;padding: 2px 4px;margin-right:8px;}
.result-info-more span a{text-decoration: none;}

/* RESULT-CONTENT */
.result-content{line-height:36px;font-size:18px;color:#4e5461;-webkit-font-smoothing:antialiased;word-wrap:break-word}
.result-content img{display:block;margin:32px 0;max-width:100%;border-width:0;border-radius:20px}
.result-content h2{margin-top:16px;margin-bottom:16px;}
.result-content h3{margin-top:16px;margin-bottom:16px;}
.result-content h2:first-child{margin-top:0}
.result-content h3:first-child{margin-top:0}
.result-content p{margin-top:0;margin-bottom:16px;}

@media screen and (max-width:1200px){/*……*/}
@media screen and (max-width:900px){/*……*/}
@media screen and (max-width:600px){/*……*/}

/* RESULT-DOWNLOAD */
.result-download{padding:24px;border-radius:8px;background-color:#f5f5f5;}
.result-download h3{margin-bottom:16px;}
.result-download hr{margin:16px 0;color:#e3e3e3;border:0;border-top:1px solid;}
.result-download-button{display:flex;justify-content:center;align-items:center;}
.result-download-button img{margin-right:8px;}
.result-download-button a{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-radius:4px;background:#00AAFF;color:#FFF;cursor:pointer;text-decoration:none;}
.result-download-button a:hover{color:#FFF;background:#0088CC;text-decoration:none;}
/* RESULT-EXTEND */
.result-extend{margin-bottom:16px;}
.result-extend-title h3{color:#333;margin-top:32px;margin-bottom:16px;}
.result-extend-content{margin-top:16px;}
.result-extend-content ul li{margin-left:0;padding:8px 0px 8px 16px;}
.result-extend-content ul li:before{content:"\002022";float:left;margin-left:-14px;}
/* MEMBER -------------------------------------------------------- */
/* Member */
.member-recharge{margin-bottom:16px;background-color:#fff;border-radius:3px;}
.member-recharge::before{content:"";display:block;}
.member-recharge::after{content:"";display:block;clear:both;}
.member-recharge h1.member-recharge-header{font-size:24px;line-height:2;margin-bottom:16px;padding-top:16px;border-bottom:1px solid #f5f5f5;}
.member-recharge h1.member-recharge-header small{font-size:14px;}
.member-recharge h2{margin-bottom:16px;margin-top:16px;color:#444;font-size:20px;}
.member-recharge h1.member-recharge-header span{font-size:20px;}
.member-recharge-alert{padding:16px;margin-bottom:16px;border:1px solid transparent;border-radius:3px;background-color:#d9edf7;border-color:#c6e4f3;color:#3a87ad;}
.member-recharge-money::before{content:"";display:block;}
.member-recharge-money::after{content:"";display:block;clear:both;}
.member-recharge-money-item{width:30%;padding-left:16px;padding-right:16px;float: left;}
.member-recharge-money-item:first-child {padding-left: 0px;}
.member-recharge-money > div{margin-bottom:10px;}
.member-recharge-money > div > label{width:100%;display:block;font-size:16px;line-height:2;padding:16px 0;color:#999;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;cursor:pointer;text-align:center;border:1px solid #ddd;font-weight:400;}
.member-recharge-money > div > label > i{font-weight:bold;color:#fc4c57;font-size:32px;font-style:inherit;}
.member-recharge-money > div > label.active{border-color:#0d95e8;color:#0d95e8;background:rgba(100,125,255,0.23);border:1px solid rgba(100,125,255,0.23);}
.member-recharge-money > div > label:hover{z-index:4;border-color:#27b0d6;color:#27b0d6;}

.member-recharge-button{display:flex;justify-content:center;align-items:center;}
.member-recharge-button button{display:block;width:50%;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px;margin-bottom:20px;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;color:#fff;background-color:#1688f1;border-color:#1688f1;}
.member-scanpay-qrcode{display:flex;}

.member-scanpay{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;margin-top:16px;margin-bottom:16px;}
.member-scanpay-qrcode img,
.member-scanpay-tips p{display:block;text-align:center;}
.member-scanpay-tips{width:200px;height:60px;background:#00c800 url(scan.png) 12px 12px no-repeat;background-size:36px 36px;margin-top:16px;}
.member-scanpay-tips p{margin:0;font-size:14px;line-height:22px;color:#fff;font-weight:700;padding-left:40px;padding-top:10px;}

.member-recharge-explain p{font-size: 14px;line-height: 28px;color: #999;}
@media screen and (max-width:600px){
  .member-recharge-money-item{width:100%;}
  .member-recharge-paytype label{ width:25%;}
}