[page] .content-panel{background:#fff;margin-top:10px;position:relative}[page] .content-panel.transparent{background:none}[page] .content-panel.more{flex-grow:1}[page] .content-panel-title{min-height:64px;font-size:18px;padding:0 20px;position:relative}[page] .content-panel-title[space=bit]{min-height:50px;line-height:50px;font-size:14px}[page] .content-panel-title[space=petty]{min-height:54px;line-height:54px;font-size:16px}[page] .content-panel-title[space=small]{min-height:58px;line-height:58px;font-size:16px}[page] .content-panel-title[space=large]{min-height:54px;line-height:54px;font-size:22px;font-weight:500;padding:10px 30px 0}[page] .content-panel-title[space=big]{min-height:54px;line-height:54px;font-size:20px;padding:10px 30px 0}[page] .content-panel-title.thin{min-height:44px;line-height:44px}[page] .content-panel-title.center{justify-content:center}[page] .content-panel-title[valign=bottom]{align-items:flex-end}[page] .content-panel-title.nopadding{padding:0}[page] .content-panel-title.nopadding .tools{right:0}[page] .content-panel-title:empty{display:none}[page] .content-panel-title.title-split:after{content:"";height:1px;background:#e5e5e5;position:absolute;left:0;right:0;bottom:0}[page] .content-panel-title.big-split{padding-bottom:10px}[page] .content-panel-title.big-split:after{height:10px;background:#f5f5f5}[page] .content-panel-title.adorn[space=small]:before,[page] .content-panel-title[space=small] span:last-child:before{height:10px}[page] .content-panel-title>span:empty{display:none}[page] .content-panel-title>span:last-child:before{width:1px;background:currentcolor;margin:0 5px}[page] .content-panel-title>span:last-child:first-child:before{display:none}[page] .content-panel-title .tools{font-size:14px;font-weight:400;position:absolute;right:20px}[page] .content-panel-title-text{font-size:inherit;line-height:inherit}[page] .content-panel-title-text.thin{font-weight:400}[page] .content-panel-title-back{font-size:20px;position:absolute;left:20px}[page] .content-panel-body{flex-grow:1;padding:0 30px 30px}[page] .content-panel-body.title-split{padding-top:20px}[page] .content-panel-body[space=bit]{padding-left:20px;padding-right:20px}[page] .content-panel-body[space=petty],[page] .content-panel-body[space=small]{padding:0 20px 10px}[page] .content-panel-body[space=petty].title-split,[page] .content-panel-body[space=small].title-split{padding-top:5px}[page] .content-panel-body.nopadding,[page] .content-panel-body[space].nopadding{padding:0}[page] .content-panel-body:empty{display:none}[page] .content-panel-footer{border-top:1px solid #d8d8d8;padding:30px 0 40px}[page] .content-panel-footer:empty{display:none}[page] .content-panel-footer button[space=large]{min-width:140px}[page] .content-panel-footer button+button{margin-left:10px}[H5Mode] .content-panel{margin-top:8px}[H5Mode] .content-panel-title{padding:0 15px}[H5Mode] .content-panel-title>span{color:#999}[H5Mode] .content-panel-title[space]{padding:0 15px}[H5Mode] .content-panel-title[space].nopadding{padding:0}[H5Mode] .content-panel-title:not(.hold){display:none}[H5Mode] .content-panel-title.title-split:not(.nopadding):after{left:15px;right:15px}[H5Mode] .content-panel-title[space=small]{min-height:48px}[H5Mode] .content-panel-title-more{color:#999}[H5Mode] .content-panel-body{padding:0}[H5Mode] .content-panel-body.title-split{padding-top:15px}[H5Mode] .content-panel-body[space=bit]{padding:0}[H5Mode] .content-panel-body[space=petty],[H5Mode] .content-panel-body[space=small]{padding:0 15px 15px}[H5Mode] .content-panel-body[space=petty].title-split,[H5Mode] .content-panel-body[space=small].title-split{padding-top:15px}[page] .vip-rights{white-space:nowrap}[page] .vip-rights.column{flex-grow:1;padding-left:40px}[page] .vip-rights.column li{font-weight:500;white-space:nowrap;position:relative}[page] .vip-rights.column li:not(.hold){padding:0 20px}[page] .vip-rights.column li .img{width:50px;height:50px;background-image:url(/img/user/vip/power1.png);margin-bottom:12px}[page] .vip-rights.column li .img.sale{background-image:url(/img/user/vip/power2.png)}[page] .vip-rights.column li .img.video{background-image:url(/img/user/vip/power3.png)}[page] .vip-rights.column li .img.ad{background-image:url(/img/user/vip/power4.png)}[page] .vip-rights.column li>strong{font-size:18px;margin-bottom:3px}[page] .vip-rights.bar{flex-grow:1;justify-content:flex-end}[page] .vip-rights.bar li{flex-direction:row;font-size:16px;margin-left:30px}[page] .vip-rights.bar li .img{width:30px;height:30px;background:url(/img/user/vip/power1_w.png);margin:0 10px 0 0}[page] .vip-rights.bar li .img.sale{background:url(/img/user/vip/power2_w.png)}[page] .vip-rights.bar li .img.video{background:url(/img/user/vip/power3_w.png)}[page] .vip-rights.bar li .img.ad{background:url(/img/user/vip/power4_w.png)}[page] .vip-rights.bar li>strong{display:none}[page] .vip-rights.bar li div{font-size:18px}[page] .vip-rights.bar li+li:not(.hold):before{content:"";width:1px;height:20px;background:#fff5e5;margin-right:30px}[page] .vip-rights.card{flex-wrap:wrap;justify-content:space-between;box-shadow:0 2px 10px 0 rgba(0,0,0,.1);padding:20px 20px 0;margin-top:24px}[page] .vip-rights.card li{min-width:43.5%;justify-content:center;align-items:flex-start;color:#666;margin-bottom:20px;position:relative}[page] .vip-rights.card li:not(.hold){padding:0 0 0 40px}[page] .vip-rights.card li>strong{font-size:16px;color:#111}[page] .vip-rights.card li .img{width:40px;height:40px;background-image:url(/img/user/vip/power1_h5.png);background-size:cover;margin:0;position:absolute;left:-5px;top:calc(50% - 20px)}[page] .vip-rights.card li .img.sale{background-image:url(/img/user/vip/power2_h5.png)}[page] .vip-rights.card li .img.video{background-image:url(/img/user/vip/power3_h5.png)}[page] .vip-rights.card li .img.ad{background-image:url(/img/user/vip/power4_h5.png)}[page] .vip-rights.card li .img.more{background-image:url(/img/user/vip/power_h5.png)}[H5Mode] .vip-rights.card{padding:15px 15px 0;margin-top:12px}[H5Mode] .vip-rights.card li{font-size:12px;margin-bottom:15px}[H5Mode] .vip-rights.card li:not(.hold){padding:0 0 0 30px}[H5Mode] .vip-rights.card li>strong{font-size:14px}[H5Mode] .vip-rights.card li .img{width:30px;height:30px;top:calc(50% - 15px)}[page] .vip-index-head{display:flex;height:195px;color:#fff;background:url(/img/user/vip/bg.png) no-repeat 0 0/cover}[page] .vip-index-head-pic{width:70px;height:70px;box-shadow:0 1px 3px 0 rgba(32,25,21,.4);border-radius:50%}[page] .vip-index-head-name{font-weight:400!important;font-size:20px!important;margin:-5px 0 15px}[page] .vip-index-head-router{width:80px;min-width:80px!important;white-space:nowrap;background:transparent;margin-right:10px}[page] .vip-index-head-user{flex-grow:1;max-width:293px;margin-top:7px;cursor:pointer}[page] .vip-index-head-user .info{margin:-7px 0 0 10px}[page] .vip-index-head-user .info [class*=name]{margin:0 0 12px}[page] .vip-index-head-infos{flex-wrap:nowrap}[page] .vip-index-head-infos button{min-width:100px!important}[page] .vip-index-head-left{width:515px;flex-shrink:0;padding:45px 10px 30px 24px}[page] .vip-index-head-left .top{margin-bottom:17px}[page] .vip-index-head-left.inbar{width:auto;padding:0}[page] .vip-index-head-left.inbar .top{margin:0}[page] .vip-index-head-left.inbar .top .button{display:none}[page] .vip-index-head.fixedbar{height:70px;align-items:center;background:#ff9b00;padding:0 calc(50% - 600px)}[page] .vip-index-bottom{margin-top:8px!important}[page] .vip-index-rollerList{background:#fff1e7;margin:20px 0 10px}[page] .vip-index-rollerList.offset{margin-top:215px}[page] .vip-index-tabs{padding-top:5px;margin-top:-5px}[page] .vip-index-tabs.fixedbar{padding:5px calc(50% - 600px);margin-top:70px}[page] .vip-index-body.offset{margin-top:41px}[page] .vip-index-type{padding:0 0 20px}[page] .vip-index-type li{width:120px;height:128px;font-size:12px;text-align:center;color:#ccc;background:#f5f5f5;border-radius:2px;border:1px solid #e5e5e5;cursor:pointer;position:relative}[page] .vip-index-type li strong{display:block;font-size:20px;margin:16px 0 5px}[page] .vip-index-type li div{width:100%;font-size:12px;line-height:24px;text-align:center;color:#ff9b00;background:rgba(255,155,0,.1);position:absolute;left:0;bottom:0}[page] .vip-index-type li+li{margin-left:10px}[page] .vip-index-type li:not(.disabled){color:#111;background:none}[page] .vip-index-type li:not(.disabled).selected,[page] .vip-index-type li:not(.disabled):hover{color:#ff9b00;background:#fff5e5;border-color:#ff9b00}[page] .vip-index-type center{color:#666;line-height:18px;margin:20px 8px}[page] .vip-index-type center.bgc{width:calc(100% + 40px);font-size:12px;line-height:30px;margin:-10px 0 20px}[page] .vip-index-notice{font-size:20px;color:#111;padding:20px 0}[page] .vip-index-btns{display:none}[H5Mode] .vip-index>.frame{padding:15px}[H5Mode] .vip-index-head{display:block;height:auto;background:none}[H5Mode] .vip-index-head-pic{width:40px;height:40px}[H5Mode] .vip-index-head-name{color:#fff;font-size:15px!important;margin:-5px 0 0}[H5Mode] .vip-index-head-router{margin:-16px 0 0}[H5Mode] .vip-index-head-user{color:#ffe5d2;margin:15px 0 0 15px}[H5Mode] .vip-index-head-user .info{margin:-5px 0 0 10px}[H5Mode] .vip-index-head-user .info [class*=name]{margin:0}[H5Mode] .vip-index-head-user[size]{margin:10px 0 0 15px}[H5Mode] .vip-index-head-left{width:auto;height:150px;padding:22px 20px 0;background:url(/img/user/vip/bg_h5.png) no-repeat 0 0/contain}[H5Mode] .vip-index-rollerList{background:#f8f1ed;margin:15px 0 0}[H5Mode] .vip-index-tabs{margin:-5px 0 0;border-bottom:1px solid #d8d8d8}[H5Mode] .vip-index-tabs.fixedbar{padding:5px 15px 0;margin:0}[H5Mode] .vip-index-body{padding-bottom:60px}[H5Mode] .vip-index-list{padding:15px 0!important}[H5Mode] .vip-index-type ul{width:100%}[H5Mode] .vip-index-type ul li{width:calc(33.33333% - 3.33333px);border-radius:6px}[H5Mode] .vip-index-type ul li+li{margin-left:5px}[H5Mode] .vip-index-btns{display:block}