/* pages/integral/integral.wxss */ .container1 { width: 100%; height: 150px; background-color: #d3cbcb98; display: flex; justify-content: center; align-items: flex-end; } /* 背景图片 */ .img01 { background-image: url(https://ts1.cn.mm.bing.net/th/id/R-C.7412649ca197124b5081c202af45a672?rik=bkHOQ4UQ4RVLfg&riu=http%3a%2f%2fimg1.mydrivers.com%2fimg%2f20190604%2f237e0d6424204034921b06fb4a3cd2c9.jpg&ehk=IVLlaJ6yR9ONk7CuAQ86cH3Sks07i4WOTk64ucLPL4w%3d&risl=&pid=ImgRaw&r=0); width: 650rpx; height: 120px; border-top-left-radius: 10px; border-top-right-radius: 10px; } /* 积分获取规则靠右排列 */ .text01 { display: flex; justify-content: flex-end; margin-top: 10px; margin-right: 10px; font-size: 12px; color: white; } /* 积分图标和文字 */ .text02 { display: flex; margin-left: 10px; } .jifen-img { width: 18px; height: 18px; } .jifen-text { font-size: 12px; color: white; margin-left: 5px; } /* 708 */ .nub { margin-left: 10px; color: white; font-size: 26px; } /* 入账中|收支明细 */ .text03 { margin-top: 10px; margin-bottom: 10px; font-size: 14px; display: flex; } .account { color: rgb(214, 100, 34) ; width: 50%; text-align: center; border-right: 1px solid rgb(214, 214, 214); } .account-detail { color: rgb(126, 126, 126); width: 50%; text-align: center; } /* 增加积分排列 */ .text04{ border-top: 1px solid rgb(214, 214, 214); display: flex; /* flex-direction: column; */ justify-content: space-between; width: 90%; } .text04-1 { margin-top: 10px; margin-bottom: 10px; margin-left: 60rpx; display: flex; flex-direction: column; } .order{ font-size: 13px; } .time01{ font-size: 10px; color: darkgrey; } .increase-points{ margin-top: 10px; font-size: 14px; color: rgb(214, 100, 34) ; margin-right: -340rpx; } .text-special{ border-bottom: 1px solid rgb(214, 214, 214); }