/* pages/home/xy/index.wxss */ .jrys{ position: absolute; width: 142rpx; height: 34rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; margin-top:136rpx; margin-left: 304rpx; background-image: url(https://wish-assets.windymuse.com.cn/xy/jrys.png); } .gold{ position: absolute; width: 750rpx; height: 744rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; margin-top:240.67rpx; background-image: url(https://wish-assets.windymuse.com.cn/xy/gold.png); } .gold1{ position: absolute; width: 540rpx; height: 500rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-image: url(https://wish-assets.windymuse.com.cn/xy/gold1.png); } .gold111{ position: absolute; left: 140rpx; top: 358rpx; width: 480rpx; height: 480rpx; background-image: url(https://wish-assets.windymuse.com.cn/xy/gold1.png); } .gold2{ position: absolute; width: 540rpx; height: 500rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-image: url(https://wish-assets.windymuse.com.cn/xy/gold22.png); } .gold3{ position: absolute; top: 190rpx; left: 190rpx; width: 370rpx; height: 330rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; background-image: url(https://wish-assets.windymuse.com.cn/xy/gold3.png); } .book{ position: absolute; width: 750rpx; height: 364.67rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; margin-top: 797.33rpx; background-image: url(https://wish-assets.windymuse.com.cn/xy/book.png); } .gold2{ position: absolute; width: 550rpx; height: 550rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; left: 8rpx; right: 0; top: -12rpx; bottom: 0; margin: auto; background-image: url(https://wish-assets.windymuse.com.cn/xy/gold22.png); } .star{ position: absolute; width: 631.22rpx; height: 258rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; left: 0; right: 0; margin: 802.67rpx auto; background-image: url(https://wish-assets.windymuse.com.cn/xy/star.png); } .xyszy{ position: absolute; width: 116rpx; height: 116rpx; line-height: 116rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; margin-top:1232rpx; margin-left:114rpx; background-image: url(https://wish-assets.windymuse.com.cn/xy/xyszy.png); text-align: center; font-size: 90rpx; color: #6C6C6C; } .xzy{ position: absolute; width: 116rpx; height: 116rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; margin-top:1232rpx; margin-left:316.67rpx; } .xyysy{ position: absolute; width: 116rpx; height: 116rpx; line-height: 116rpx; text-align: center; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; color: rgba(108, 108, 108, 1); font-size: 32rpx; margin-top:1232rpx; margin-left:520rpx; background-image: url(https://wish-assets.windymuse.com.cn/xy/xyszy.png); } .text1{ position: absolute; width: 116rpx; height: 50rpx; line-height: 50rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; margin-top:1348rpx; margin-left:114rpx; text-align: center; font-size: 24rpx; color:#6C6C6C; } .text2{ position: absolute; width: 116rpx; height: 50rpx; line-height: 50rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; margin-top:1348rpx; margin-left:316.67rpx; text-align: center; font-size: 24rpx; color:#6C6C6C; } .text3{ position: absolute; width: 116rpx; height: 50rpx; line-height: 50rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; margin-top:1348rpx; margin-left:520rpx; text-align: center; font-size: 24rpx; color:#6C6C6C; } .ttpopup{ position: absolute; top: 320rpx; left: 44rpx; width: 660rpx; height: 860rpx; padding: 90rpx 46rpx 0 46rpx; box-sizing: border-box; border-radius: 30rpx; background-color: rgba(255, 255, 255, 0.9); color: rgba(16, 16, 16, 1); font-size: 28rpx; text-align: center; box-shadow: 2rpx 4rpx 12rpx 0px rgba(0, 0, 0, 0.4); z-index: 999; } .ttpopup-img { width: 480rpx; height: 22rpx; margin: 70rpx auto; background-size: cover; background-image: url(https://wish-assets.windymuse.com.cn/xy/xy-toast.png); } .ztys{ width: 596rpx; /* height: 318rpx; */ color: #6C6C6C; display: flex; flex-direction: column; left: 0; right: 0; color: rgba(108, 108, 108, 1); font-size: 32rpx; text-align: left; font-family: SourceHanSansSC-regular; } .rjkzs{ margin-bottom: 24rpx; display: flex; align-items: center; color: #6C6C6C; font-size: 28rpx; padding-left: 68rpx; box-sizing: border-box; } .raqzs{ margin-bottom: 24rpx; display: flex; align-items: center; color: #6C6C6C; font-size: 28rpx; padding-left: 68rpx; box-sizing: border-box; } .rcyzs{ display: flex; align-items: center; color: #6C6C6C; font-size: 28rpx; padding-left: 68rpx; box-sizing: border-box; } .t-rate { margin-left: 62rpx; } .nlj{ position: absolute; width: 240rpx; height: 70rpx; line-height: 70rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; margin-left:71.33rpx; margin-top: 206.33rpx; background-image: url(https://wish-assets.windymuse.com.cn/xy/btn.png); color:#9A9A9A; text-align: center; font-size: 27rpx; } .showEnergy { transition: all 0.5s; opacity: 1; } .hide { opacity: 0; } .xyj{ position: absolute; width: 240rpx; height: 70rpx; line-height: 70rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; margin-left:452rpx; margin-top: 206.33rpx; background-image: url(https://wish-assets.windymuse.com.cn/xy/btn.png); color:#9A9A9A; text-align: center; font-size: 27rpx; } .isFirst { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; background-color: rgba(255, 255, 255, 0.7); } .isFirst-img { width: 328rpx; height: 774rpx; margin-top: 290rpx; display: flex; justify-content: center; } .isFirst-img image { height: 100%; } .isFirst-box { position: absolute; top: 600rpx; width: 514rpx; height: 300rpx; padding: 40rpx 0 40rpx 66rpx; box-sizing: border-box; border-radius: 30rpx; opacity: 0.9; background-color: rgba(255, 255, 255, 1); color: rgba(108, 108, 108, 1); font-size: 28rpx; box-shadow: 2rpx 4rpx 12rpx 0px rgba(0, 0, 0, 0.4); } .isFirst-box view { margin-bottom: 6rpx; }