.xc-userqy-frame{ width: 750rpx; height: 100%; } .xc-userqy-frame .user-frame{ width: 750rpx; height: 393rpx; } .xc-userqy-frame .user-frame .arc{ width: 750rpx; height: 444rpx; left: -20%; top: 0; z-index: -1; content: ''; border-radius: 0 0 20% 20%; background: #ff7295; } .xc-userqy-frame .user-frame .user-img{ top:50rpx; left:19rpx; height: 136rpx; width:136rpx; } .xc-userqy-frame .user-frame .user-name{ color: #fff; top:80rpx; left: 172rpx; } .xc-userqy-frame .user-frame .xc-grow-frame{ top: 143rpx; left: 180rpx; } .xc-grow-val{ color: #fff; width:78rpx; background:#ffbdce; padding-left:15rpx; padding-right:15rpx; border-radius:20rpx; height:40rpx; line-height:40rpx; } .progress-bar-not{ border-radius: 25rpx; margin-top: 14rpx; margin-left: 15rpx; width: 274rpx; background: #fff; height: 15rpx; } .progress-bar-yes{ border-radius: 25rpx; height: 15rpx; background:#ffd801; } .xc-userqy-frame .user-frame .progress-bar-val{ color: #fff; margin-left: 10rpx; } .xc-userqy-frame .user-frame .swiper-frame{ top: 248rpx; width: 100%; height: 332rpx; border-bottom: 10rpx solid #f2f2f2; } .xc-userqy-frame .privilege-frame { width: 100%; height: auto; } .xc-privilege-img-frame{ width: 100%; height:70rpx; margin-top:200rpx } .xc-privilege-img{ width: 63rpx; height: 45rpx; position:relative; top:22rpx; } .xc-user-privileg{ width:100rpx; height: 34rpx; padding-top:5rpx; margin-left: -20rpx } .xc-user-privileg-right{ width:100rpx; height: 34rpx; margin-left:00rpx; padding-top:5rpx; } .user-word{ color: #ffaa02; margin-left:8rpx; font-size:28rpx; } .xc-userqy-frame .project-frame{ height: auto; margin-top:60rpx; } .xc-userqy-frame .project-frame .item{ width: 25%; display: inline-block; margin-bottom: 60rpx; } .xc-project-img{ width: 50rpx; height: 50rpx; } .xc-project-word{ margin-top: 20rpx; color: #666 } .user-salon { width: 166rpx; height:auto; margin-top:60rpx; } .xc-users-frame{ width: 50rpx; border-bottom: 3rpx solid #feaf09; margin-top:8rpx; margin-left:40rpx; } .xc-users-frame-right{ width: 50rpx; border-bottom: 3rpx solid #feaf09; margin-top:8rpx; margin-left: 15rpx; } .xc-users-frame-two{ width:75rpx; border-bottom: 3rpx solid #feaf09; margin-top:8rpx; margin-left:15rpx; } .li{ width: 100%; height: 252rpx; } .li .vip-img{ width:490rpx; height:280rpx; box-shadow: 0rpx 0rpx 10rpx #888888; } .li .vip-huangguan{ top:50rpx; left: 35rpx; width:65rpx; height: 55rpx; } .li .emerald{ top:55rpx; left: 110rpx; } .li .discounts{ top:115rpx; left: 36rpx; width: 440rpx; } .li .money{ left: 41rpx; bottom: 28rpx } .li1{ width: 446rpx; margin: 0 auto; border-radius: 10rpx; height: 252rpx; transform: scale(0.9); } .selected{ transform: scale(1); box-shadow: 0rpx 0rpx 30rpx #888888; } .mar-bottem{ margin-bottom: 40rpx} .four-level-word.new {font-size: 24rpx; } .li .money.curword{left:0;} .li .money.curword .text{ background:rgba(255,255,254,0.3); border-radius:0 30rpx 30rpx 0; width: 235rpx; height: 60rpx; } .li .money.curword .text2{ top: 12rpx; left:30rpx } .hvip{display: inline-block; font-size: 20rpx; height: 40rpx;line-height: 40rpx; color:#e7bf77; background: #383838; padding: 0 15rpx; border-radius:20rpx; vertical-align: middle } .vip-mem{width: 26rpx; height: 23rpx; vertical-align:top; margin-top: 8rpx; margin-right: 5rpx}