.album-3{background-color:#e74d4d}.album-8{background-color:#369aef}.album-7{background-color:#24cfa8}.album-4{background-color:#ffc355}.album-12{background-color:#f15a9c}.album-0,.album-99{background-color:#8276f0}.vip-container{padding-bottom:200px}.vip-container .vip-banner{width:100%;height:570px;background:url(../../img/vip/vip_bg.png) top center no-repeat;background-size:100% auto}.vip-container .vip-card-wrap{margin-top:-150px}.vip-container .vip-card-wrap .card-item{position:relative;width:calc((100% - 88px)/ 3);background-color:#fff;border-radius:8px;text-align:center;padding:40px 0 50px}.vip-container .vip-card-wrap .card-item:nth-child(2){margin:0 44px}.vip-container .vip-card-wrap .card-item.all-life{background-image:linear-gradient(136deg,#FFCC6D 0,#FFF67F 100%)}.vip-container .vip-card-wrap .card-item.all-life .coin,.vip-container .vip-card-wrap .card-item.all-life .month-price,.vip-container .vip-card-wrap .card-item.all-life .price,.vip-container .vip-card-wrap .card-item.all-life .time{color:#333}.vip-container .vip-card-wrap .card-item.all-life .btn{position:relative;z-index:2;background-color:#181616;color:#FFE7A6}.vip-container .vip-card-wrap .card-item.all-life .v-icon{position:absolute;z-index:0;right:0;bottom:0;width:120px;height:138px}.vip-container .vip-card-wrap .card-item .tag{position:absolute;top:0;left:0;width:100%}.vip-container .vip-card-wrap .card-item .tag .left{float:left;margin-left:20px}.vip-container .vip-card-wrap .card-item .tag .left .tag-icon{float:left;width:44px;height:46px;margin-right:10px;text-align:center;font-size:15px;color:#fff;padding-top:10px}.vip-container .vip-card-wrap .card-item .tag .left .tag-icon.super{background:url(../../img/vip/vip_left_01_bg.png) no-repeat;background-size:100%}.vip-container .vip-card-wrap .card-item .tag .left .tag-icon.hot{background:url(../../img/vip/vip_left_02_bg.png) no-repeat;background-size:100%}.vip-container .vip-card-wrap .card-item .tag .right{float:right}.vip-container .vip-card-wrap .card-item .tag .right .give{position:relative;right:-19px;top:-15px;z-index:20;width:160px;height:58px;background:url(../../img/vip/vip_right_tag_bg.png) no-repeat;background-size:100%;color:#fff;font-size:20px;text-align:center;padding-top:7px}.vip-container .vip-card-wrap .card-item .vip-name{font-size:30px;font-weight:700}.vip-container .vip-card-wrap .card-item .month-price{font-size:40px;color:#f60;font-weight:700;margin-top:15px}.vip-container .vip-card-wrap .card-item .month-price .symbol{font-size:20px;vertical-align:middle}.vip-container .vip-card-wrap .card-item .month-price .unit{position:relative;top:-3px;font-size:24px}.vip-container .vip-card-wrap .card-item .coin{font-size:18px;color:#666;margin-top:10px;text-decoration:line-through}.vip-container .vip-card-wrap .card-item .price{font-size:22px;color:#f60;margin-top:10px}.vip-container .vip-card-wrap .card-item .btn{width:222px;height:56px;line-height:56px;background:#f60;border-radius:135px;color:#fff;text-align:center;font-size:20px;margin:20px auto 10px;cursor:pointer}.vip-container .vip-card-wrap .card-item .time{color:#666;font-size:14px}.vip-container .vip-card-wrap .card-item .new-user-free{position:absolute;bottom:0;left:0;background-color:#f22;width:100%;height:42px;line-height:42px;border-radius:0 0 8px 8px;padding:0 15px}.vip-container .vip-card-wrap .card-item .new-user-free .desc{font-size:18px;color:#fff}.vip-container .vip-card-wrap .card-item .new-user-free .timer-wrap{color:#fff;font-size:14px;margin-left:8px}.vip-container .timer-bar{position:relative;width:100%;height:92px;background:url(../../img/vip/zs_vip_bar.png) center no-repeat;background-size:cover;margin-top:35px;padding-left:30px;overflow:hidden;text-align:left;cursor:pointer}.vip-container .timer-bar .time-wrap{position:absolute;right:310px;top:27px;z-index:2;font-size:15px;font-weight:500;color:#000;width:346px;height:39px;background:url(../../img/vip/zs_vip_bar_timer.png) center no-repeat;background-size:cover;padding:9px 0 0 24px}.vip-container .timer-bar .time-wrap .value{display:inline-block;width:22px;height:20px;line-height:20px;background:red;border-radius:4px;font-size:14px;color:#fff;text-align:center}.vip-container .timer-bar .time-wrap .value.long{width:36px}.vip-container .timer-bar .time-wrap .label{display:inline-block;margin:0 5px}.vip-container .privilege{width:100%;margin-top:100px}.vip-container .privilege .title{text-align:center;font-size:32px;position:relative;height:60px}.vip-container .privilege .title h3{z-index:99;font-weight:700;letter-spacing:2px;position:absolute;top:-12%;left:50%;margin-top:-17px;margin-left:-68px;font-size:32px}.vip-container .privilege .title .line{background-color:#ffdfa4;width:130px;height:15px;z-index:0;margin:0 auto}.vip-container .privilege .vip-img{width:1200px}.vip-container .vip-bar{margin-top:30px;width:1200px;cursor:pointer}#bk-vip-qrcode .dialog{width:480px}#bk-vip-qrcode .dialog .dialog-content{border-radius:20px;padding-bottom:45px}#bk-vip-qrcode .dialog .dialog-content .dialog-hd .close-icon{right:20px;top:14px;font-size:20px}#bk-vip-qrcode .dialog .dialog-content .dialog-bd{text-align:center;border-radius:4px;overflow:hidden;padding:0 80px}#bk-vip-qrcode .dialog .dialog-content .dialog-bd .vip-qrcode-wrap{text-align:center}#bk-vip-qrcode .dialog .dialog-content .dialog-bd .vip-qrcode-wrap .card-title{font-size:20px;font-weight:700;margin-top:10px}#bk-vip-qrcode .dialog .dialog-content .dialog-bd .vip-qrcode-wrap .qrcode-wrap{width:204px;height:204px;border-radius:10px;border:2px solid #eee;margin:20px auto;overflow:hidden}#bk-vip-qrcode .dialog .dialog-content .dialog-bd .vip-qrcode-wrap .qrcode-wrap img{width:100%;height:100%}#bk-vip-qrcode .dialog .dialog-content .dialog-bd .vip-qrcode-wrap .money-wrap{margin-bottom:10px}#bk-vip-qrcode .dialog .dialog-content .dialog-bd .vip-qrcode-wrap .money-wrap img{width:20px;display:inline-block;margin-right:3px}#bk-vip-qrcode .dialog .dialog-content .dialog-bd .vip-qrcode-wrap .money-wrap .text{display:inline;width:220px}#bk-vip-qrcode .dialog .dialog-content .dialog-bd .vip-qrcode-wrap .money-wrap .text span{font-size:20px;color:red;font-weight:700}#bk-vip-qrcode .dialog .dialog-content .dialog-bd .vip-success-wrap{display:block;text-align:center}#bk-vip-qrcode .dialog .dialog-content .dialog-bd .vip-success-wrap .top-wrap{margin:5px 0;display:inline-block}#bk-vip-qrcode .dialog .dialog-content .dialog-bd .vip-success-wrap .top-wrap .success-icon{width:70px}#bk-vip-qrcode .dialog .dialog-content .dialog-bd .vip-success-wrap .top-wrap .info{margin:3px 0 0 8px}#bk-vip-qrcode .dialog .dialog-content .dialog-bd .vip-success-wrap .top-wrap .info .text-success{font-size:26px;font-weight:700;color:#333;margin-bottom:5px;text-align:left}#bk-vip-qrcode .dialog .dialog-content .dialog-bd .vip-success-wrap .top-wrap .info .bk-endtime{font-size:16px;font-weight:400;color:#B0B0B0;line-height:20px}