.white-box .tit {
    padding: .1rem;
    text-align: center;
    background: linear-gradient(#1d26eb,#1dc0f1);
    color: #fff;
    font-size: .3rem;
    font-weight: 50;
    letter-spacing: 2px;
}

.center {
    text-align: center;
}




.txt1 {
    border: 1px solid #efefef;
    padding: 00px;
}

.txt1 p {
    font-weight: 100;
    font-size: .18rem;
    padding: .1rem .1rem;
    border-bottom: 5px solid #efefef;
    color: #000;
}
.sjg ul{
    padding: 1% 1% 2% 1%;
    border: .06rem #4dfff6d1;
    border-style: ridge; 
}
.sjg ul li {
    border-bottom: 1px solid #ff973f94;
    padding: .1rem .2rem;
    font-size: .25rem;
    text-align: center;
    letter-spacing: .02rem;
}
.sjg a span,.sjg a img{
    vertical-align: middle;
}
.sjg .gsb{
    background: #0dbeee;
    border-radius: .14rem;
    padding: 2px 6px;
    color: #fff;
    font-size: .2rem;
    vertical-align: middle;
}
.sjg .ti{
    font-family: '';
    font-weight:100;
    color: #f00;
    letter-spacing: .02rem;
}
.sjg .kwd{
    color: #979797;
    font-size: .2rem;
    float: right;
    margin-top: 4px; 
}
.sjg .tit{
    font-weight: 50;
    letter-spacing: 3px;
    font-size: .8rem;
    background: linear-gradient(#eaff3f,#f18300);
    border: 3px #ff00f2;
    color: #ffffff;
    text-shadow: 1px 1px 2px #000000;
    border-style: dashed;
}
.sjg .des{
    color:#8a8a8a;
}
.sjg .qi{
    background: linear-gradient(to right,#d100ff,#00ecf9);
    padding: 3px;
    color: #ffffff;
    font-family: '';
    font-weight: 100;
}
.sjg .blink_tuijian{
    animation: blink_tj .2s linear infinite;
    font-family: '黑体';
    font-weight: 800;
}
@keyframes blink_tj{
    0%{ color:#f00;text-shadow:1px 1px #ff0;}  
    49%{ color:#f00;text-shadow:1px 1px #ff0;}
    51%{ color:#0f8; }
    100%{ color:#0f8}  
}
#sjg .tit{
    font-weight: 600;
    letter-spacing: 3px;
    font-size: .31rem;
    background: linear-gradient(#3ff6ff,#00f11e);
    border: 3px #ff00af;
    color: #ffffff;
    text-shadow: 1px 1px 2px #000000;
    border-style: dashed;
}
#sjg p span{
    font-family: '宋体';
}
#sjg div p {
    background: #ffff00ed;
    padding: .1rem;
    font-weight: 900;
    letter-spacing: .02rem;
    color: #000;
    margin: .1rem 0;
}
#sjg .name:after,#sjg .name:before{
    content: '$';
    font-family: '';
    color:#f00;
}
#sjg .qi:after{
    content: '→';
    font-family: '黑体';
    color:#f00;
}
#sjg .num{
    color: #f00;
    font-family: '';
    border: #f50505 double;
}
.white-box-gs {
    border: solid 0px #00545f;
	//box-shadow:0 0 5px 2px #00545f;
}
/*导航条*/
.dh-list{margin:1px auto 0px;padding:0px;//max-width:980px;//min-width:800px;width:100%;height:40px;font-weight:bold;overflow: hidden;line-height:40px;font-size: 16px;color:#ffeb3b;text-align:center;text-shadow: 2px 2px 2px #000;border-radius: 0px;}
.dh-list a{float: left; width: 20%; color:#fff;list-style:none;text-align: center;text-decoration: none;}
.dh-list a:hover{background:linear-gradient(#0080c0, #66d9ff, #0080c0);color:#ffff00;}
.fb2-sb{background:linear-gradient(#0b353b, #1c8d9c, #0a3036);}
.fb2-sa{background:linear-gradient(#125e66, #27bbcc, #0e464d);}
.fb2-dh{background:linear-gradient(#125e66, #27bbcc, #0e464d);}
.fb2-gg-sa{background:linear-gradient(to left, #125e66, #27bbcc, #0e464d); color:#fff;}
.fb2-gg-sb{background:linear-gradient(to left, #125e66, #27bbcc, #0e464d); color:#fff;}

.anchor-row {
        padding: 5px;
        box-sizing: border-box;
        overflow: hidden;
    }

.van-row {
        display: flex;
        flex-wrap: wrap;
    }

.van-col--12 {
        flex: 0 0 50%;
        max-width: 50%;
    }

.van-col {
        display: block;
        box-sizing: border-box;
        min-height: 1px;
    }

.anchor-item {
        border-radius: 8px;
        text-align: center;
        font-size: 22px;
        font-weight: 700;
        transition: all .3s;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.van-col--12 {
        flex: 0 0 50%;
        max-width: 50%;
    }

.anchor-item .active {
        color: #fff;
        background: #02a7f0;
    }

.anchor-list a {
        text-decoration: none;
    }

.anchor-list .anchor-item {
        background: linear-gradient(180deg, #009900, #009900);
        color: var(--active-text-color, #fff);
        box-shadow: 0 0 12px #ffffff80 inset;
        border-radius: 6px;
        border: 1px solid #31baec;
        border-bottom-color: #8bb91f;
        overflow: hidden;
        cursor: pointer;
    }

.anchor-item .conetnt {
        max-width: 100%;
        flex: 1;
    }

.anchor-item .title {
        display: flex;
        align-items: center;
        white-space: nowrap;
        justify-content: center;
    }

.anchor-item .point {
        width: 24px;
        height: auto;
    }

.anchor-item .arrow {
        flex: none;
        width: 14px;
        margin-right: 10px;
    }   
    
    





.premium-activity-wrap {
      max-width: 760px;
      margin: 8px auto;
      padding: 12px;
      font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
      background:
        radial-gradient(circle at top left, rgba(255, 215, 120, .22), transparent 32%),
        radial-gradient(circle at bottom right, rgba(0, 180, 160, .18), transparent 35%),
        linear-gradient(135deg, #10131c 0%, #1b2030 50%, #0b0e15 100%);
      border-radius: 18px;
      box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
      box-sizing: border-box;
      color: #fff;
      overflow: hidden;
      position: relative;
    }

.premium-activity-wrap * {
      box-sizing: border-box;
    }

.premium-activity-wrap::before {
      content: "";
      position: absolute;
      inset: 1px;
      border-radius: 17px;
      border: 1px solid rgba(255, 226, 150, .35);
      pointer-events: none;
    }

.premium-header {
      text-align: center;
      padding: 18px 10px 14px;
      position: relative;
    }

.premium-badge {
      display: inline-block;
      padding: 4px 14px;
      border: 1px solid rgba(255, 215, 120, .65);
      border-radius: 999px;
      color: #ffe6a3;
      font-size: 12px;
      letter-spacing: 2px;
      background: rgba(255, 255, 255, .06);
      backdrop-filter: blur(6px);
      margin-bottom: 8px;
    }

.premium-title {
      margin: 0;
      font-size: 26px;
      line-height: 1.35;
      font-weight: 900;
      letter-spacing: 1px;
      background: linear-gradient(180deg, #fff8d6, #f4bf55);
      -webkit-background-clip: text;
      color: transparent;
      text-shadow: 0 8px 28px rgba(255, 195, 76, .28);
    }

.premium-subtitle {
      margin-top: 6px;
      font-size: 13px;
      color: rgba(255, 255, 255, .72);
    }

.premium-card {
      margin: 10px 0;
      padding: 12px;
      border-radius: 16px;
      background:
        linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
      border: 1px solid rgba(255, 255, 255, .13);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        0 10px 28px rgba(0,0,0,.28);
      position: relative;
      overflow: hidden;
    }

.premium-card::after {
      content: "";
      position: absolute;
      top: 0;
      left: -40%;
      width: 40%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
      transform: skewX(-18deg);
    }

.premium-row-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      margin-bottom: 10px;
    }

.premium-period {
      font-size: 18px;
      font-weight: 900;
      color: #fff;
    }

.premium-period span {
      color: #ffd26f;
    }

.premium-status {
      padding: 4px 10px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 700;
      color: #1a1203;
      background: linear-gradient(135deg, #fff2b4, #d99b38);
      box-shadow: 0 4px 14px rgba(255, 205, 96, .26);
      white-space: nowrap;
    }

.premium-items {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      margin: 12px 0;
    }

.premium-item {
      min-width: 88px;
      padding: 10px 18px;
      border-radius: 14px;
      text-align: center;
      font-size: 26px;
      font-weight: 900;
      color: #fff3b0;
      background:
        linear-gradient(145deg, rgba(255, 214, 117, .26), rgba(255, 255, 255, .08)),
        linear-gradient(135deg, #87283f, #24182a);
      border: 1px solid rgba(255, 224, 146, .58);
      box-shadow:
        0 8px 18px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.22);
    }

.premium-vs {
      width: 44px;
      height: 44px;
      line-height: 44px;
      border-radius: 50%;
      text-align: center;
      font-size: 13px;
      font-weight: 900;
      color: #151515;
      background: radial-gradient(circle, #fff8d8, #e8b85f);
      box-shadow: 0 0 18px rgba(255, 211, 111, .48);
    }

.premium-desc {
      padding-top: 9px;
      border-top: 1px dashed rgba(255,255,255,.18);
      font-size: 13px;
      line-height: 1.6;
      text-align: center;
      color: rgba(255, 255, 255, .76);
    }

.premium-desc strong {
      color: #ffd978;
    }

.premium-ad-card {
      margin-top: 12px;
      padding: 16px 12px;
      border-radius: 18px;
      text-align: center;
      background:
        radial-gradient(circle at top, rgba(255, 215, 120, .25), transparent 38%),
        linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.04));
      border: 1px solid rgba(255, 215, 120, .42);
      box-shadow: 0 12px 30px rgba(0,0,0,.35);
    }

.premium-ad-title {
      font-size: 20px;
      font-weight: 900;
      color: #ffe7a0;
      margin-bottom: 8px;
    }

.premium-ad-text {
      font-size: 14px;
      line-height: 1.7;
      color: rgba(255,255,255,.78);
      margin-bottom: 12px;
    }

.premium-action-box {
      position: relative;
      margin: 18px auto 4px;
      padding: 4px;
      max-width: 280px;
      border-radius: 999px;
      overflow: hidden;
      background: linear-gradient(
        120deg,
        #ff004c,
        #ffcc00,
        #00ffcc,
        #0066ff,
        #cc00ff,
        #ff004c
      );
      background-size: 300% 300%;
      animation: premiumRainbowMove 3s linear infinite;
      box-shadow:
        0 0 18px rgba(255, 80, 180, .55),
        0 0 34px rgba(0, 220, 255, .35),
        0 10px 30px rgba(0, 0, 0, .42);
    }

.premium-action-box::before {
      content: "";
      position: absolute;
      inset: -40%;
      background: conic-gradient(
        from 0deg,
        #ff004c,
        #ffcc00,
        #00ffcc,
        #0066ff,
        #cc00ff,
        #ff004c
      );
      animation: premiumRotate 3.5s linear infinite;
      z-index: 0;
    }

.premium-action-box::after {
      content: "";
      position: absolute;
      inset: 3px;
      border-radius: 999px;
      background: rgba(10, 12, 20, .88);
      z-index: 1;
    }

.premium-btn {
      position: relative;
      z-index: 2;
      display: block;
      min-width: 220px;
      padding: 13px 24px;
      border-radius: 999px;
      text-decoration: none;
      color: #fff;
      font-size: 16px;
      font-weight: 900;
      letter-spacing: 1px;
      text-align: center;
      background:
        linear-gradient(135deg, rgba(255,255,255,.24), rgba(255,255,255,.06)),
        linear-gradient(135deg, #ff2f7d, #ffd166, #12f7d6, #5b7cff);
      background-size: 220% 220%;
      animation: premiumBtnGlow 2.8s ease-in-out infinite;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.55),
        0 0 18px rgba(255,255,255,.28);
    }

.premium-btn:hover {
      transform: translateY(-2px) scale(1.04);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.68),
        0 0 24px rgba(255, 90, 190, .7),
        0 0 42px rgba(0, 220, 255, .45);
    }

@keyframes premiumRainbowMove {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

@keyframes premiumRotate {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }

@keyframes premiumBtnGlow {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }