/*会员标签页*/
.tab-2 li{width:50%}
.tab-3 li{width:33.33%}
.tab-4 li{width:25%}
.tab-5 li{width:20%}

[v-cloak]{display:none;}

.col-2 li{width:50%}
.col-3 li{width:calc(33.3% - 21px)}
.col-4 li{width:calc(25% - 48px)}


.gap-jiemu{gap:20px 32px;}
.gap32{gap:32px;}
.gap64{gap:64px;}

.qu-h{height:125px;}

.p1{padding:1px}
.p2{padding:2px}
.bgc-ffd{background-color:#FFD759;}

.user-card{background:url("../../img/vip/img_userinfo_background.png") no-repeat;padding:16px;background-size: 100% 200px;height:200px;}
.user-card-inner{background:#ffffff4d;border-radius:20px 20px 0 0;height:163px;margin:0 auto;width:750px;}
.renew-btn{display:inline-block;border:1px solid rgba(0,0,0,0.1);background: rgba(255, 255, 255, 0.5);padding:6px 16px;border-radius:100px;}
.renew-btn:hover{background: linear-gradient(0deg, rgba(255, 215, 89, 0.2), rgba(255, 215, 89, 0.2)), rgba(255, 255, 255, 0.5);border: 1px solid #000000;}
.user-card-line{width:1px;height:12px;display:block;background:rgba(0,0,0,0.08)}
.content-list{border-radius:10px 10px 0 0;margin:-40px auto 0 auto;padding:20px 0px 70px 0px; background:#fff;max-width:1200px;min-height:calc(100vh - 120px)}
.tab-underline{max-width:720px;margin:0 auto;}
.tab-underline li {display:flex;align-items: center;cursor:pointer}
.tab-underline li:not(:last-child)::after{content:"";width:1px;height:12px;background:#EBEBEB;}
.tab-underline li span{display:flex;flex-direction: column;align-items: center;cursor:pointer;flex:1}
.tab-underline li:hover,.tab-underline li.active{font-weight:700}
.tab-underline li.active span::after{width:15px;height:4px;background:#FDD965;content:""}

.more-link .more-link-icon{display:inline-block;width:15px;height:20px;overflow:hidden;}
.more-link:hover img{filter: drop-shadow(15px 0 0 #FFD759);transform: translateX(-15px);width:15px;height:15px;}



.tab-round{max-width:720px;margin:0 auto;}
.tab-round li{cursor:pointer;}
.tab-round li:hover{background: rgba(255, 215, 89, 0.3);}
.tab-round li.active{background-color:#FFD759;font-weight:700}

.live-item-list{overflow-x: auto;  overflow-y: hidden; scroll-behavior: smooth;scrollbar-width: none;-ms-overflow-style: none; }
.live-item-card{width: 310px;height: 100px;border-radius: 8px;opacity: 1;background: #FFFFFF;box-sizing: border-box;border: 1px solid #F1F1F1;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);flex-shrink: 0; padding:12px  }


.jiemu-item-card{background: #FFFFFF;box-sizing: border-box;border: 1px solid #F7F7F7;border-radius: 4px;}

.dot-red{width:8px;height:8px;background:#CC3729;border-radius:4px;display:inline-block;}
.dot-green{width:8px;height:8px;background:#32B16C;border-radius:4px;display:inline-block;}
.dot-yellow{width:8px;height:8px;background:#FFD759;border-radius:4px;display:inline-block;}

.vip-pagination .van-pagination__item{color:#323233;}
.vip-pagination .van-pagination__item:active{background:#FFD759!important;color:#fff;}
.vip-pagination .van-pagination__item:hover{color:#FFD759;}
.vip-pagination .van-pagination__item--active{background:#FFD759;color:#fff!important;}

.vip-switch{background:#FFD759;color:#333;padding:2px;border-radius:4px;}
.vip-switch a{color:#333;padding:4px;border-radius:4px;display:inline-block;font-size:12px;}

.vip-switch a:hover{background: rgba(255, 255, 255, 0.5);}
.vip-switch a.active{background:#fff;}

.zvip-pu-thumb-card{width:120px;height:170px;display:block;position:relative;}
.zvip-pu-mask{background: rgba(182, 154, 119, 0.4);width:100%;height:100%;left:0;top:0;position:absolute;}
.zvip-pu-mask-num{background: rgba(0, 0, 0, 0.4);padding: 1px 2px;border-radius: 2px;display:inline-block;color: rgba(255, 255, 255, 0.8);right:10px;bottom:10px;position:absolute;}
.nandu-star{ display: inline-block; vertical-align: middle; width: 14px; height: 14px; background: url("../../img/nandu.png") no-repeat; margin-right: 3px;}
.nandu-star-active{background-position:0 -19px;}


.list-shadow li:hover{box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);}
.list-img-shadow img:hover{box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);}