.vip-info{display:flex;padding:35px;align-items:center;gap:100px;border-radius:4px;border:1px solid var(--Line_01);background:#FAFCFF}.vip-info.vip-1{background:#F5FAFF}.vip-info.vip-2{background:#F6F7FF}.vip-info.vip-3{background:#FFFEFA}.vip-info.vip-4{background:#FFFCFB}.vip-info .me-icon{width:520px;flex:none}.vip-info .vip-box{flex:1}.vip-info .vip-box .main-h1{color:var(--BK_01);font-size:30px;font-weight:600;line-height:100%;padding-left:10px}.vip-info .vip-box .main-h1>i{color:var(--VI_03);font-size:36px}.vip-info .vip-box .main-h2{display:flex;align-items:center;gap:12px;margin-top:12px;padding-left:10px}.vip-info .vip-box .main-h2 .text{color:var(--BK_02);font-size:14px;font-weight:400;line-height:150%}.vip-info .vip-box .main-h2 .introduction{display:flex;align-items:center;gap:5px;color:var(--VI_01);font-size:14px;font-weight:400;line-height:100%;text-decoration:underline;cursor:pointer}.vip-info .vip-box .main-h2 .introduction:hover{color:var(--VI_01_pre)}.vip-info .vip-box .main-h2 .introduction:hover svg path{stroke:var(--VI_01_pre)}.vip-info .vip-box .main-vip{padding:25px;gap:25px;border-radius:8px;border:1px solid var(--Line_02);background-color:#FDFEFF;margin-top:25px;background-image:url("../img/ucenter/membership/v-bg0.png");background-size:192px 145px;background-position:left 373px top 0px;background-repeat:no-repeat}.vip-info .vip-box .main-vip.vip-1{background-color:#F9FCFF;background-image:url("../img/ucenter/membership/v-bg1.png")}.vip-info .vip-box .main-vip.vip-2{background-color:#F6F7FF;background-image:url("../img/ucenter/membership/v-bg2.png")}.vip-info .vip-box .main-vip.vip-3{background-color:#FFFEFA;background-image:url("../img/ucenter/membership/v-bg3.png")}.vip-info .vip-box .main-vip.vip-4{background-color:#FFFCFB;background-image:url("../img/ucenter/membership/v-bg4.png")}.vip-info .vip-box .main-vip .v-slider-info{display:flex;justify-content:space-between;align-items:flex-end}.vip-info .vip-box .main-vip .v-slider-info .v-level{width:43.5px;height:33.5px;background-size:100% 100%}.vip-info .vip-box .main-vip .v-slider-info .v-level.vip-0{background-image:url("../img/ucenter/membership/V0.png")}.vip-info .vip-box .main-vip .v-slider-info .v-level.vip-1{background-image:url("../img/ucenter/membership/V1.png")}.vip-info .vip-box .main-vip .v-slider-info .v-level.vip-2{background-image:url("../img/ucenter/membership/V2.png")}.vip-info .vip-box .main-vip .v-slider-info .v-level.vip-3{background-image:url("../img/ucenter/membership/V3.png")}.vip-info .vip-box .main-vip .v-slider-info .v-level.vip-4{background-image:url("../img/ucenter/membership/V4.png")}.vip-info .vip-box .main-vip .v-slider-info .to-unlock{display:flex;align-items:center;gap:8px}.vip-info .vip-box .main-vip .v-slider-info .to-unlock .unlock{width:18px;height:18px}.vip-info .vip-box .main-vip .v-slider-info .to-unlock .text{color:var(--BK_02);font-size:15px;font-weight:400;line-height:100%}.vip-info .vip-box .main-vip .v-slider-info .to-unlock .right-icon{width:14px;height:14px}.vip-info .vip-box .main-vip .v-slider-info .to-unlock:hover .text{color:var(--VI_01)}.vip-info .vip-box .main-vip .v-slider-info .to-unlock:hover svg path,.vip-info .vip-box .main-vip .v-slider-info .to-unlock:hover svg rect{stroke:var(--VI_01)}.vip-info .vip-box .main-vip .vip-slider{height:7px;width:100%;border-radius:10px;background-color:#EAEDF3;margin-top:10px}.vip-info .vip-box .main-vip .vip-slider .slider-item{width:0;background-color:#B5C8ED;border-radius:10px;height:7px;transition:all .2s}.vip-info .vip-box .main-vip .vip-slider .slider-item.vip-1{background-color:var(--VI_01)}.vip-info .vip-box .main-vip .vip-slider .slider-item.vip-2{background-color:#6854FF}.vip-info .vip-box .main-vip .vip-slider .slider-item.vip-3{background-color:#FFB636}.vip-info .vip-box .main-vip .vip-slider .slider-item.vip-4{background-color:var(--VI_03)}.vip-info .vip-box .main-vip .slider-item{display:flex;justify-content:space-between;align-items:center;align-self:stretch;margin-top:10px}.vip-info .vip-box .main-vip .slider-item .txt{color:var(--BK_01);font-size:16px;font-weight:600;line-height:100%}.vip-info .vip-box .main-vip .slider-item .txt.vip-4{color:var(--VI_03)}.vip-info .vip-box .main-vip .flow-info{display:flex;align-items:center;gap:30px;align-self:stretch;margin-top:25px}.vip-info .vip-box .main-vip .flow-info .proxy-info{display:flex;align-items:center;gap:20px;flex:1 0 0}.vip-info .vip-box .main-vip .flow-info .proxy-info .line{width:1px;height:20px;background:#CBD5EB}.vip-info .vip-box .main-vip .flow-info .proxy-info .item{display:flex;align-items:center;gap:8px}.vip-info .vip-box .main-vip .flow-info .proxy-info .item .name{color:var(--BK_01);font-size:15px;font-weight:400;line-height:100%}.vip-info .vip-box .main-vip .flow-info .proxy-info .item .value{color:var(--BK_01);font-size:20px;font-weight:600;line-height:100%;white-space:nowrap}.vip-info .vip-box .main-vip .flow-info .primary-btn-small.vip-1{background-color:var(--VI_01)}.vip-info .vip-box .main-vip .flow-info .primary-btn-small.vip-2{background-color:#6854FF}.vip-info .vip-box .main-vip .flow-info .primary-btn-small.vip-3{background-color:#FFB636}.vip-info .vip-box .main-vip .flow-info .primary-btn-small.vip-4{background-color:var(--VI_03)}.gift-list{padding:25px;margin-top:20px;border-radius:4px;border:1px solid var(--Line_01);background:var(--White)}.gift-list .luna-tab{display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--Line_01)}.gift-list .luna-tab .tab-pane{padding-bottom:20px;color:var(--BK_01);font-size:16px;font-weight:600;line-height:100%;border-bottom:2px solid transparent;cursor:pointer}.gift-list .luna-tab .tab-pane.active{border-bottom:2px solid var(--VI_01);color:var(--VI_01)}.gift-list .el-table{margin-top:25px}.gift-list .el-table .noData{display:flex;flex-direction:column;gap:13px}.gift-list .el-table .noData img{width:113px}.member-intro{border-radius:4px;border:1px solid var(--Line_01);background:var(--White);margin-top:20px}.member-intro .rule-box{padding:25px 25px 40px 25px}.member-intro .rule-box .tit{color:var(--BK_01);font-size:16px;font-weight:600;line-height:100%;padding-bottom:20px;border-bottom:1px solid var(--Line_01)}.member-intro .rule-box .Introduction{display:flex;align-items:center;gap:100px;margin-top:25px}.member-intro .rule-box .Introduction .rule-ul{display:flex;flex-direction:column;align-items:flex-start;gap:25px;flex:1 0 0}.member-intro .rule-box .Introduction .rule-ul .dashed{width:100%;height:1px;background-image:url("../img/ucenter/membership/Line 1602.png");background-size:100% 100%}.member-intro .rule-box .Introduction .rule-ul .li{display:flex;align-items:flex-start;gap:15px}.member-intro .rule-box .Introduction .rule-ul .li .icon{width:25px;height:25px}.member-intro .rule-box .Introduction .rule-ul .li .font .pp1{color:var(--BK_01);font-size:16px;font-weight:500;line-height:100%}.member-intro .rule-box .Introduction .rule-ul .li .font .pp1>b{font-weight:400;font-size:15px}.member-intro .rule-box .Introduction .rule-ul .li .font .pp2{margin-top:10px;color:var(--BK_02);font-size:14px;font-weight:400;line-height:150%}.member-intro .rule-box .Introduction .rule-ul .li .font .pp2>i{color:var(--VI_03);font-weight:600}.member-intro .rule-box .Introduction .rule-ul .li .font .pp2>b{font-weight:500}.member-intro .rule-box .Introduction .rule-ul .li .font .pp2>span{font-weight:600}.member-intro .rule-box .Introduction .rule-img{background:#FBFCFD;padding:25px 25px 20px 25px}.member-intro .rule-box .Introduction .rule-img .img-tit{display:flex;align-items:center;gap:5px;color:var(--BK_02);font-size:14px;font-weight:400;line-height:100%}.member-intro .rule-box .Introduction .rule-img .img-tit>b{color:var(--BK_01);font-size:16px;font-weight:500;line-height:100%}.member-intro .rule-box .Introduction .rule-img .img-info{width:540px}.member-intro .tip-box{display:flex;padding:25px;flex-direction:column;align-items:flex-start;gap:10px;border-top:1px solid rgba(241,243,247,0.5);background:#FAFCFF;width:100%}.member-intro .tip-box .tip{color:var(--BK_02);font-size:14px;font-weight:400;line-height:150%;max-width:1200px;display:flex;gap:5px;padding-left:5px}.member-intro .tip-box .tip::before{content:"";display:block;width:5px;height:5px;border-radius:50%;background-color:var(--BK_01);margin-top:8px;flex:none}.el-pagination{margin-top:20px}@media screen and (min-width: 1440px) and (max-width: 1680px){.vip-info{gap:30px}.vip-info .me-icon{width:300px}}@media screen and (max-width: 1440px){.vip-info{padding:35px 25px;flex-direction:column;gap:25px}.vip-info .vip-box{width:100%}.vip-info .me-icon{display:none}.vip-info .vip-box .main-vip .flow-info .proxy-info .item{flex-direction:column;align-items:flex-start}.member-intro .rule-box .Introduction{flex-direction:column;gap:30px}.member-intro .rule-box .Introduction .rule-ul{width:100%}.member-intro .rule-box .Introduction .rule-img{width:100%}}@media screen and (max-width: 1000px){.uct-cont .uctc-mat .vip-info .main-h2{flex-direction:column;align-items:flex-start;gap:12px}.uct-cont .uctc-mat .vip-info .main-h2 .text{font-size:14px}.uct-cont .uctc-mat .vip-info .main-vip .flow-info{flex-direction:column}.uct-cont .uctc-mat .vip-info .main-vip .primary-btn-small{width:100%}.uct-cont .uctc-mat .vip-info .me-icon{width:300px}}@media screen and (max-width: 960px){.uct-cont .uctc-mat{padding:10px}.uct-cont .uctc-mat .vip-info{padding:25px 15px}.uct-cont .uctc-mat .vip-info .me-icon{width:100%}.uct-cont .uctc-mat .vip-info .main-h1{font-size:20px}.uct-cont .uctc-mat .vip-info .main-h1>i{font-size:26px}.uct-cont .uctc-mat .vip-info .main-h2{flex-direction:column;align-items:flex-start;gap:12px}.uct-cont .uctc-mat .vip-info .main-h2 .text{font-size:14px}.uct-cont .uctc-mat .vip-info .main-vip{padding:15px;border-radius:8px;width:100%;position:relative}.uct-cont .uctc-mat .vip-info .main-vip::before{content:"";display:block;height:82px;width:92px;background-size:100% 100%;background-repeat:no-repeat;position:absolute;right:-10px;top:-21px}.uct-cont .uctc-mat .vip-info .main-vip.vip-0::before{background-image:url("../img/ucenter/membership/wap-v0.png")}.uct-cont .uctc-mat .vip-info .main-vip.vip-1::before{background-image:url("../img/ucenter/membership/wap-v1.png")}.uct-cont .uctc-mat .vip-info .main-vip.vip-2::before{background-image:url("../img/ucenter/membership/wap-v2.png")}.uct-cont .uctc-mat .vip-info .main-vip.vip-3::before{background-image:url("../img/ucenter/membership/wap-v3.png")}.uct-cont .uctc-mat .vip-info .main-vip.vip-4::before{background-image:url("../img/ucenter/membership/wap-v4.png")}.uct-cont .uctc-mat .vip-info .main-vip .v-slider-info{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px}.uct-cont .uctc-mat .vip-info .main-vip .flow-info{flex-direction:column}.uct-cont .uctc-mat .vip-info .main-vip .flow-info .proxy-info{width:100%;flex-direction:column}.uct-cont .uctc-mat .vip-info .main-vip .flow-info .proxy-info .line{display:none}.uct-cont .uctc-mat .vip-info .main-vip .flow-info .proxy-info .item{width:100%;justify-content:space-between;flex-direction:row}.uct-cont .uctc-mat .vip-info .main-vip .flow-info .proxy-info .item .name{font-size:15px;font-weight:400}.uct-cont .uctc-mat .vip-info .main-vip .flow-info .proxy-info .item .value{font-size:14px;font-weight:600}.uct-cont .uctc-mat .vip-info .main-vip .primary-btn-small{width:100%}.uct-cont .uctc-mat .gift-list{padding:25px 15px}.member-intro .rule-box .Introduction .rule-img{padding:0}.member-intro .rule-box .Introduction .rule-img .img-info{width:100%;margin-top:20px}}