#content #member-center .main{background:transparent}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}#vip{font-size:14px}#vip .panel .panel-body{margin:0 36px 40px 36px;color:gray}#vip .card:not(:last-child){margin:0 0 15px 0}#vip .card .current-level{width:100%;color:gray;font-size:20px;font-weight:700;text-align:left;margin:12px 0 24px 0}#vip .card .current-info{margin:0 -20px}#vip .card .current-info .icon{display:flex;position:relative}#vip .card .current-info .icon span{position:absolute;z-index:1;color:#f5e099;font-size:32px;font-weight:300;left:47%;bottom:22%;transform:translateX(-25%)}#vip .card .current-info .level-info{flex:1;padding-left:20px;gap:10px;display:flex;flex-direction:column}#vip .card .current-info p{margin:0 0 5px 0;text-align:left;color:gray}#vip .card .current-info .bar-box p span{color:#ff637b}#vip .card .current-info .bonus-list{margin-top:5px;display:flex;flex-direction:column;gap:10px}#vip .card .current-info .bonus-detail{display:flex;align-items:center;font-size:14px;width:180px;justify-content:space-between}#vip .card .current-info .bonus-detail span{display:flex;align-items:center}#vip .card .current-info .bonus-detail span::before{content:'';width:23px;height:22px;margin-right:8px;display:inline-block}#vip .card .current-info .bonus-detail.gift span::before{background:url(/CdnRedirect/Web.Portal/DN016-01.Portal/Content/Views/Shared/images/Vip/gift.png) no-repeat center/contain}#vip .card .current-info .bonus-detail.month span::before,#vip .card .current-info .bonus-detail.week span::before{background:url(/CdnRedirect/Web.Portal/DN016-01.Portal/Content/Views/Shared/images/Vip/week.png) no-repeat center/contain}#vip .card .current-info .bonus-detail.birthday span::before{background:url(/CdnRedirect/Web.Portal/DN016-01.Portal/Content/Views/Shared/images/Vip/birthday.png) no-repeat center/contain}#vip .card>ol{font-size:0;display:flex;justify-content:end}#vip .card>ol>li{min-width:160px;height:90px;padding:5px 0 0 30px;font-size:14px;color:#4b505e}#vip .card>ol>li p{margin:0 0 10px 0;font-size:20px;font-weight:bold}#vip .card>ol>li.last p{max-width:4.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#vip .card>ol>li span{color:#aaa}#vip .card>ol>li ol li{display:inline-block;vertical-align:top;max-width:7em;margin-right:20px;color:#b6b9c1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#vip .card>ol>li.last{}#vip .card>ol>li.last div{display:inline-block;vertical-align:top;margin:0 5px}#vip .card .receive-box{display:flex;flex-direction:column;gap:45px}#vip .card .receive-box>div{width:100%;border-radius:40px 12px 12px 40px;border:1px solid #e3dfdd;background:#fff;box-shadow:2px 2px 4px 0 rgba(128,128,128,.1);height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 90px;position:relative}#vip .card .receive-box>div::before{content:'';width:100px;height:85px;display:block;position:absolute;left:-10px;top:-27px}#vip .card .receive-box>div.gift::before{background:url(/CdnRedirect/Web.Portal/DN016-01.Portal/Content/Views/Shared/images/Vip/get-gift.png) no-repeat center/contain}#vip .card .receive-box>div.monthly::before,#vip .card .receive-box>div.week::before{background:url(/CdnRedirect/Web.Portal/DN016-01.Portal/Content/Views/Shared/images/Vip/get-week.png) no-repeat center/contain}#vip .card .receive-box button{display:inline-block;text-align:center;width:168px;height:35px;color:#fff;font-weight:600;background:url(/CdnRedirect/Web.Portal/DN016-01.Portal/Content/Views/Shared/images/button.png) no-repeat center/contain}#vip .card .receive-box button:hover{background:url(/CdnRedirect/Web.Portal/DN016-01.Portal/Content/Views/Shared/images/button-a.png) no-repeat center/contain}#vip .card .receive-box button:disabled{background:url(/CdnRedirect/Web.Portal/DN016-01.Portal/Content/Views/Shared/images/button-disable.png) no-repeat center/contain}#vip .card h3{margin:0;color:#333;font-size:20px;font-weight:700}#vip .card table{margin-top:-40px!important;font-size:14px;width:calc(100% - 72px)}#vip .card table tr{background-color:#fff}#vip .card table tbody tr{border-bottom:1px solid #e3dfdd}#vip .card table tr:nth-child(even){background-color:#fff}#vip .card table tr th,#vip .card table tr td{padding:6px 18px;text-align:center;font-weight:normal}#vip .card table tr th{background-color:#f3f3f3;font-weight:600;color:gray}#vip .card p.warning{margin:10px 0 0 0;font-weight:400;font-style:normal;color:#c08764}#vip .card div.rule-content{padding:20px 0;word-break:break-all;overflow:auto}#vip .card div.rule-content img{width:100%;height:auto}#vip .card div.rule-content::-webkit-scrollbar{width:4px;height:4px}#vip .card div.rule-content::-webkit-scrollbar-thumb{border-radius:1rem;background-color:rgba(50,50,50,.3)}#vip .card div.rule-content::-webkit-scrollbar-track{border-radius:1rem;background-color:rgba(50,50,50,.1)}#carousel{margin:20px auto}#carousel>ul>li:not(.flipster__item--current){opacity:0!important}#carousel>ul>li .flipster__item__content{width:auto;height:320px;border-radius:0;background:none;position:relative}#carousel>ul>li .level-shadow{position:absolute;z-index:-1;bottom:0;left:0;width:460px}#carousel>ul>li span{position:absolute;z-index:1;color:#f5e099;font-size:45px;font-weight:300;left:47%;bottom:25%;transform:translateX(-25%)}#carousel>ul>li .flipster__item__content{font-size:0;color:#333}#carousel>ul>li .flipster__item__content .top .title{display:inline-block;vertical-align:top;width:50%;height:95px;padding-left:50px;font-size:30px;line-height:112px;font-weight:700}#carousel>ul>li .flipster__item__content .top .icon{display:inline-block;vertical-align:top;width:50%;height:95px;padding-top:30px;text-align:center;font-size:20px;color:#414e5c;background:url('/CdnRedirect/Web.Portal/_Common/Content/Views/Vip/images/medal_silver.png') no-repeat center center}#carousel>ul>li.active .flipster__item__content .top .icon{background:url('/CdnRedirect/Web.Portal/_Common/Content/Views/Vip/images/medal_gold.png') no-repeat center center}#carousel>ul>li .flipster__item__content .top .icon p{margin:0;font-size:14px;font-weight:700}#carousel>ul>li .flipster__item__content .top .icon span{display:block;font-size:30px;font-weight:bold;line-height:30px}#carousel>ul>li .flipster__item__content .bottom{font-size:0}#carousel>ul>li .flipster__item__content .bottom .left,#carousel>ul>li .flipster__item__content .bottom .right{display:inline-block;vertical-align:top;width:120px;font-size:14px;text-align:center}#carousel>ul>li .flipster__item__content .bottom .left p,#carousel>ul>li .flipster__item__content .bottom .right p{margin:3px 0 0 0}#carousel button{outline:none;width:36px;height:36px;background:url(/CdnRedirect/Web.Portal/DN016-01.Portal/Content/Views/Shared/images/arrow.png) no-repeat center/contain;opacity:1}#carousel button:hover{background:url(/CdnRedirect/Web.Portal/DN016-01.Portal/Content/Views/Shared/images/arrow-a.png) no-repeat center/contain}#carousel button.flipster__button--prev{transform:scaleX(-1)}#carousel button svg{display:none}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;overflow:hidden;background-color:#e5d7d9;border-radius:22px;box-shadow:0 2px 2px 0 #dcc8cb inset}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:right;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:30px 30px;background-size:30px 30px}.progress-bar.active,.progress.active .progress-bar{border-radius:50px}.progress-bar-success2{background:#caa89b;background:-moz-linear-gradient(top,rgba(202,168,155,1) 0%,rgba(134,103,96,1) 50%,rgba(91,67,63,1) 53%,rgba(162,124,112,1) 100%);background:-webkit-linear-gradient(top,rgba(202,168,155,1) 0%,rgba(134,103,96,1) 50%,rgba(91,67,63,1) 53%,rgba(162,124,112,1) 100%);background:linear-gradient(to bottom,rgba(202,168,155,1) 0%,rgba(134,103,96,1) 50%,rgba(91,67,63,1) 53%,rgba(162,124,112,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#caa89b',endColorstr='#a27c70',GradientType=0)}.progress-bar-success{background-color:#5b433f}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#866760}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#a27c70}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#caa89b}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-striped .progress-bar-purple{background:linear-gradient(90deg,#cfbdff -24.55%,#ac8dff 46.66%)}