/* 背景图片 */ .ciycle { width: 100%; height: 200px; background-image: url('@/static/index/fun_banner4.png'); background-size: 100%; background-repeat: no-repeat; } #IntegralStatisticsTop { display: flex; height: 220px; border-radius: 10px; margin: 0px 5px 14px 5px; padding-top: 14px; flex-wrap: wrap; position: relative; top: 14px; } #IntegralStatisticsBottom { position: relative; top: 20px; } .innerTopLeft { width: 300px; height: fit-content; font-size: 16px; display: flex; justify-content: space-around; padding-left: 10px; } .innerTopRight { height: fit-content; font-size: 13px; display: flex; justify-content: right; padding-right: 10px; } .innerTop { width: 100%; height: fit-content; display: flex; justify-content: flex-start; } .innerBottomOfTop { display: flex; justify-content: flex-end; align-items: center; padding-right: 5px; } .innerBottom { width: 100%; height: 160px; margin: 14px 5px 14px 5px; background-color: #FFFFFF; border-radius: 10px; padding: 10px; } .innerTimer{ font-size: 13px; margin-top: 5px; color: #999; margin-right: 10px; } .totalIntegral { padding-left: 20px; } .innerBottomOfBottom { height: 80px; width: 100%; display: flex; justify-content: space-around; margin-top: 15px; } .IntegralClassify { width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .IntegralClassify view:nth-child(1) { font-size: 20px; } .IntegralClassifyInnerBottom { margin-top: 10px; } .IntegralImport { height: 30px; display: flex; justify-content: space-between; align-items: center; margin-top: 10px; font-size: 20px; } .totalIntegralNumber { padding-right: 20px; font-size: 24px; font-weight: 600; } .isbOptions { display: flex; justify-content: space-around; font-size: 18px; } .optionsDetail { display: flex; flex-wrap: wrap; flex-direction: column; overflow: auto; padding: 0px 10px 0px 10px; background-color: #FFFFFF; border-radius: 10px; margin: 15px; } .optionsDetailImport { padding-left: 10px; margin-top: 20px; } .dateHeader { font-weight: 550; } .dataDetail { display: flex; justify-content: space-around; margin-top: 15px; align-items: center; } .example-body { background-color: #fff; padding: 10px; } >>>.uni-date-editor--x { display: none; } .activeTab { color: #0aa86a; background-color: #FFFFFF; padding: 6px; border-radius: 30px; width: 60px; text-align: center; } .defaultTab { color: #FFFFFF; padding: 6px; width: 60px; text-align: center; } .bottomActiveTab { color: #019c88; } .bottomDefaultTab { color: #000000; } .innerTopRightImport { width: calc(100% - 200px); display: flex; justify-content: right; align-items: center; color: #FFFFFF; } .storedIntegralTop { width: 100%; display: flex; justify-content: space-between; align-items: center; font-weight: 550; } .storedIntegralTopOfRight { width: 100%; display: flex; justify-content: space-between; margin-right: 20px; align-items: center; } .storedIntegralTopOfRight view:nth-child(1) { font-size: 20px; margin-left: 5px; } .storedIntegralTopOfRight view:nth-child(2) { font-size: 20px; color: #f97c62; } .storedIntegralMiddle { width: 100%; display: flex; justify-content: space-between; margin-top: 20rpx; align-items: center; } .storedIntegralMiddle view:nth-child(1) { margin-left: 3px; color: #999; font-size: 30rpx; } .storedIntegralMiddleofRight { margin-right: 19px; color: #333; font-size: 30rpx; } .storedIntegralBottom { margin-top: 18rpx; padding-bottom: 20px; margin-left: 3px; border-bottom: 1px solid #f4f4f4; color:#999; font-size: 26rpx; } .withdrawalMoneyBtn { width: 92%; height: 45px; border-radius: 20px; font-size: 20px; color: #FFFFFF; background: linear-gradient(90deg, #019C88, #28BA92, #35C495); display: flex; justify-content: center; align-items: center; margin-top: 12px; /* background-image: linear-gradient(to bottom, #126c4f, #01a55b); */ } .optionsInfo { padding: 6px 15px; }