123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 |
- .g-modal.vip-renew-modal {
- .vip-renew-wrapper {
- .tabs {
- width: 160px;
- }
- .tab-1-layout {
- display: flex;
- .pay-modal-wrapper {
- display: flex;
- }
- .select-layout {
- width: 375px;
- padding-top: 14px;
- padding-bottom: 30px;
- .g-special-radio-wrapper {
- margin-bottom: 15px;
- .g-special-radio {
- font-size: 12px;
- padding: 10px;
- white-space: pre;
- }
- }
- }
- .info-layout {
- flex: 1;
- .desc {
- line-height: 27px;
- margin-bottom: 12px;
- }
- }
- .pay-layout {
- width: 200px;
- padding-left: 10px;
- .tabs {
- width: 160px;
- margin-bottom: 15px;
- .assets {
- width: 80px;
- }
- }
- .qrcode {
- padding-left: 10px;
- margin-bottom: 15px;
- .assets {
- width: 140px;
- }
- }
- .t {
- margin-left: -30px;
- text-align: center;
- font-size: 12px;
- color: #8897A8;
- }
- }
- }
- .tab-2-layout {
- padding-top: 20px;
- .list {
- padding-bottom: 30px;
- .item {
- width: 33.33%;
- display: inline-block;
- text-align: center;
- position: relative;
- .over {
- position: absolute;
- right: 55px;
- top: 60px;
- width: 44px;
- height: 20px;
- text-align: center;
- background: rgba(102, 201, 76, 1);
- border-radius: 10px;
- color: #fff;
- display: inline-block;
- font-size: 10px;
- }
- .icon {
- margin-bottom: 10px;
- }
- .t {
- margin-bottom: 10px;
- .assets {
- margin-right: 5px;
- width: 40px;
- height: 20px;
- }
- }
- }
- }
- .invite-block {
- padding-top: 20px;
- border-top: 1px solid #eee;
- }
- }
- }
- }
|