.payVipList[data-v-8d36a378] { background: #E5E5E5 !important; min-height: 100%; padding-top: 10px; } .payVipList .pay-view[data-v-8d36a378] { width: 702px; margin: 0 auto; background: #fff; } .payVipList .pay-view .pay-title[data-v-8d36a378] { width: 100%; background: #b2b2b2; color: #ffffff; line-height: 20px; padding: 13px 0; font-size: 18px; text-align: center; } .payVipList .pay-view .pay-main[data-v-8d36a378] { height: 534px; } .payVipList .pay-view .pay-main > div[data-v-8d36a378] { height: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .payVipList .pay-view .pay-main .pay-main-left .tips-item[data-v-8d36a378] { position: relative; width: 320px; padding: 25px 10px; border: 1px solid #B2B2B2; border-left-width: 8px; border-radius: 4px; margin: 7px auto; } .payVipList .pay-view .pay-main .pay-main-left .tips-item p[data-v-8d36a378]:first-child { font-size: 18px; line-height: 30px; color: #000000; } .payVipList .pay-view .pay-main .pay-main-left .tips-item p:first-child .name[data-v-8d36a378] { color: #212121; } .payVipList .pay-view .pay-main .pay-main-left .tips-item p:first-child .desc[data-v-8d36a378] { font-size: 12px; margin-left: 5px; } .payVipList .pay-view .pay-main .pay-main-left .tips-item p[data-v-8d36a378]:nth-of-type(2) { padding-top: 5px; font-size: 14px; color: #999999; } .payVipList .pay-view .pay-main .pay-main-left .tips-item p:nth-of-type(2) .money_color[data-v-8d36a378] { color: #ED3323; } .payVipList .pay-view .pay-main .pay-main-left .tips-item.active[data-v-8d36a378] { border-color: #ff9900; } .payVipList .pay-view .pay-main .pay-main-left .tips-item.active i[data-v-8d36a378] { color: #ff9900; } .payVipList .pay-view .pay-main .pay-main-left .tips-item.active .subscript[data-v-8d36a378] { background: -webkit-linear-gradient(248deg, #ff8a07, #FF9900); background: linear-gradient(202deg, #ff8a07, #FF9900); } .payVipList .pay-view .pay-main .pay-main-left .tips-item .subscript[data-v-8d36a378] { position: absolute; right: 5px; top: 5px; padding: 3px 8px; height: 18px; line-height: 1; background: -webkit-linear-gradient(248deg, #bcbcbc, #B2B2B2); background: linear-gradient(202deg, #bcbcbc, #B2B2B2); box-shadow: 0px 2px 2px 0px rgba(6, 5, 6, 0.38); border-radius: 9px 0 9px 0; font-size: 12px; color: #fff; white-space: nowrap; } .payVipList .pay-view .pay-main .pay-main-left .tips-item > i[data-v-8d36a378] { position: absolute; right: 12px; bottom: 12px; color: #ff9900; font-size: 26px; } .payVipList .pay-view .pay-main .pay-main-right[data-v-8d36a378] { border-left: 1px solid #dddddd; padding-left: 15px; height: 534px; overflow: hidden; } .payVipList .pay-view .pay-main .pay-main-right .pay-list[data-v-8d36a378] { width: 100%; margin-top: 5px; } .payVipList .pay-view .pay-main .pay-main-right .pay-list li[data-v-8d36a378] { position: relative; width: 100%; padding: 10px 15px; background: #fff; } .payVipList .pay-view .pay-main .pay-main-right .pay-list li > img[data-v-8d36a378] { -webkit-box-flex: 0; -webkit-flex: 0 0 53px; -ms-flex: 0 0 53px; flex: 0 0 53px; width: 53px; height: 53px; } .payVipList .pay-view .pay-main .pay-main-right .pay-list li div[data-v-8d36a378] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; margin-left: 8px; } .payVipList .pay-view .pay-main .pay-main-right .pay-list li div .top .nickName[data-v-8d36a378] { color: #000; margin-right: 8px; font-size: 15px; line-height: 20px; } .payVipList .pay-view .pay-main .pay-main-right .pay-list li div .top .label[data-v-8d36a378] { color: #ffffff; font-size: 11px; text-align: center; line-height: 20px; height: 20px; padding: 0 8px; background: #b48157; border-radius: 10px; margin-right: 4px; } .payVipList .pay-view .pay-main .pay-main-right .pay-list li div .bottom[data-v-8d36a378] { margin-top: 3px; } .payVipList .pay-view .pay-main .pay-main-right .pay-list li div .bottom img[data-v-8d36a378] { width: 19px; height: 19px; margin-right: 5px; } .payVipList .pay-view .pay-main .pay-main-right .pay-list li div .bottom .star[data-v-8d36a378] { width: 12px; height: 12px; margin-right: 3px; } .payVipList .pay-view .pay-main .pay-main-right .pay-list li div .bottom span[data-v-8d36a378] { font-size: 16px; font-weight: 400; color: #ff9227; } .payVipList .pay-view .pay-main .pay-main-right .pay-list li a[data-v-8d36a378] { position: absolute; right: 15px; top: 50%; margin-top: -14px; width: 60px; height: 28px; background: -webkit-linear-gradient(left, #dabd88 0%, #ffe8be 100%); background: linear-gradient(90deg, #dabd88 0%, #ffe8be 100%); border-radius: 14px; font-size: 12px; font-weight: 500; color: #53380b; text-align: center; line-height: 27px; }