.userStoredBack { width: 100%; } .userStored { padding: 0 30rpx; box-sizing: border-box; } .userStoredCont { background: linear-gradient(to bottom, #e3d6c4, #bca585); border-radius: 20rpx; position: relative; margin-top: -220rpx; height: 1020rpx; padding: 20rpx 0; box-sizing: border-box; } .userStoredCont-back, .userStoredCont-text { position: absolute; } .userStoredCont-back { width: 70%; right: 0; top: 0; } .userStoredCont-text { width: 420rpx; height: 192rpx; left: 20rpx; top: 40rpx; z-index: 1; } .userStoredCont-list { background-color: #fefbf4; border-radius: 20rpx; position: absolute; top: 260rpx; left: 30rpx; right: 30rpx; width: calc(100% - 60rpx); padding: 30rpx 30rpx 0; box-sizing: border-box; } .userStoredCont-label { margin-bottom: 30rpx; padding-bottom: 40rpx; height: 300rpx; border-bottom: #e8bd94 solid 2rpx; } .userStoredCont-label:last-child { border: none; } .userStoredCont-title { display: flex; } .userStoredCont-title text { font-size: 48rpx; color: #806136; } .userStoredCont-title-tips { background-color: #fb5734; color: #ffffff; border-radius: 80rpx; font-size: 28rpx; height: 42rpx; line-height: 42rpx; margin: 17rpx 0 0 20rpx; padding: 0 15rpx; } .userStoredCont-brief { margin: 30rpx 0; color: #ca9c5a; } .userStoredCont-brief text { font-size: 22rpx; } .userStoredCont-rights { display: flex; } .userStoredCont-rights-left { background: linear-gradient(to top, #f6e4ca, #e4c6a3); width: calc(100% - 230rpx); margin-right: 30rpx; height: 140rpx; border-radius: 10rpx; position: relative; } .userStoredCont-price { color: #806136; } .userStoredCont-tips { width: 100%; height: 44rpx; top: 10rpx; right: 0; position: absolute; text-align: center; color: #ffffff; } .userStoredCont-tips image, .userStoredCont-tips text { position: absolute; height: 100%; top: 0; } .userStoredCont-tips image { width: 70%; right: -10rpx; } .userStoredCont-tips text { width: 58%; z-index: 2; font-size: 25rpx; right: 0rpx; line-height: 44rpx; text-align: center; box-sizing: border-box; } .userStoredCont-price { position: absolute; bottom: 15rpx; left: 20rpx; z-index: 3; } .userStoredCont-price { font-size: 24rpx; } .userStoredCont-price text { font-size: 46rpx; padding-right: 10rpx; } .userStoredCont-fireworks { position: absolute; width: 84rpx; height: 84rpx; left: 10rpx; bottom: 15rpx; z-index: 1; } .userStoredCont-rights-btn { background-color: #222222; color: #ffffff; width: 200rpx; text-align: center; height: 70rpx; line-height: 70rpx; margin-top: 35rpx; } /* 漂浮弹出层 */ .indexFloat { position: fixed; height: 70%; width: 130rpx; right: 20rpx; bottom: 40rpx; z-index: 99; } .indexFloat-movable { position: absolute; bottom: 0; left: 0; width: 100%; height: 150rpx; z-index: 99; } .indexFloat-img image { width: 130rpx; height: 130rpx; margin-bottom: 20rpx; }