.userInfo[data-v-4fdd6df2] { width: 100%; background-color: #E5E5E5; min-height: 660px; } .userInfo .userInfo-content[data-v-4fdd6df2] { padding: 25px 18px 0; } .userInfo .userInfo-content .m-top[data-v-4fdd6df2] { margin: 17px 0 8px; } .userInfo .userInfo-content .vip-title span[data-v-4fdd6df2] { display: inline-block; font-size: 16px; font-weight: 600; color: #232328; } .userInfo .userInfo-content .vip-title span.span-right[data-v-4fdd6df2] { color: #717173; font-size: 14px; font-weight: 400; cursor: pointer; } .userInfo .userInfo-content .vip-title span.span-right .iconjinru[data-v-4fdd6df2] { font-size: 12px; } .userInfo .userInfo-content .vip-level[data-v-4fdd6df2] { background: #BFBFBF; height: 92px; margin-top: 8px; padding-left: 28px; } .userInfo .userInfo-content .vip-level .level-left[data-v-4fdd6df2] { position: relative; width: 60px; margin-right: 28px; } .userInfo .userInfo-content .vip-level .level-left img[data-v-4fdd6df2] { width: 100%; height: 100%; } .userInfo .userInfo-content .vip-level .level-left .vip-text[data-v-4fdd6df2] { position: absolute; left: 0; bottom: 11px; width: 100%; height: 14px; font-size: 12px; line-height: 1; text-align: center; color: #ffffff; } .userInfo .userInfo-content .vip-level .level-right[data-v-4fdd6df2] { width: 452px; height: 70px; } .userInfo .userInfo-content .vip-level .level-right .right-top[data-v-4fdd6df2] { color: #56565D; margin-top: 8px; font-size: 14px; } .userInfo .userInfo-content .vip-level .level-right .right-top span[data-v-4fdd6df2] { color: #56565d; } .userInfo .userInfo-content .vip-level .level-right .right-center .icon-left[data-v-4fdd6df2], .userInfo .userInfo-content .vip-level .level-right .right-center .icon-right[data-v-4fdd6df2] { position: relative; height: 25px; background-image: url(../../static/img/vip-small-bg.png); background-repeat: no-repeat; background-position: top center; background-size: 100% 100%; padding-left: 30px; padding-right: 8px; padding-top: 3px; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .userInfo .userInfo-content .vip-level .level-right .right-center .icon-left .vip-text[data-v-4fdd6df2], .userInfo .userInfo-content .vip-level .level-right .right-center .icon-right .vip-text[data-v-4fdd6df2] { height: 14px; font-size: 12px; line-height: 1; text-align: left; color: #705216; } .userInfo .userInfo-content .vip-level .level-right .right-center .level-bar[data-v-4fdd6df2] { width: 330px; height: 4px; background: #535356; position: relative; border-radius: 2px; } .userInfo .userInfo-content .vip-level .level-right .right-center .level-bar .barbg[data-v-4fdd6df2] { position: absolute; width: 3%; background-size: 100% 100%; height: 4px; z-index: 99; top: 0; background: -webkit-linear-gradient(bottom, #f8da96, #ec9f27); background: linear-gradient(0deg, #f8da96, #ec9f27); border-radius: 2px; } .userInfo .userInfo-content .vip-level .level-right .right-bottom[data-v-4fdd6df2] { font-size: 12px; color: rgba(86, 86, 93, 0.6); } .userInfo .userInfo-content .welfare[data-v-4fdd6df2] { height: 130px; background-color: #BFBFBF; padding-left: 26px; } .userInfo .userInfo-content .welfare .getView[data-v-4fdd6df2] { width: 112px; height: 108px; background: #aeaeae; border: 1px solid #848484; border-radius: 4px; margin-right: 26px; overflow: hidden; } .userInfo .userInfo-content .welfare .getView .getView-t[data-v-4fdd6df2] { width: 110px; height: 48px; background: #3a3a3a; } .userInfo .userInfo-content .welfare .getView .getView-t img[data-v-4fdd6df2] { width: 38px; height: 32px; } .userInfo .userInfo-content .welfare .getView .getView-b[data-v-4fdd6df2] { height: 58px; cursor: pointer; } .userInfo .userInfo-content .welfare .getView .getView-b p[data-v-4fdd6df2]:first-child { font-weight: bold; color: #232328; font-size: 18px; } .userInfo .userInfo-content .welfare .getView .getView-b p + p[data-v-4fdd6df2] { font-size: 12px; color: #54545C; } .userInfo .userInfo-content .welfare .getView .getView-b p + p.canGet[data-v-4fdd6df2] { color: #3E3EA4; } .userInfo .userInfo-content .base-userInfo[data-v-4fdd6df2] { height: 182px; background: #BFBFBF; padding: 28px 45px 0 25px; } .userInfo .userInfo-content .base-userInfo .m-b[data-v-4fdd6df2] { margin-bottom: 32px; font-size: 14px; } .userInfo .userInfo-content .base-userInfo .m-b .span-gray[data-v-4fdd6df2] { color: #56565C; } .userInfo .userInfo-content .base-userInfo .m-b .span-white[data-v-4fdd6df2] { color: #232328; margin-left: 5px; }