/* pages/home/index.wxss */ .img-auth { width: 32rpx; height: 32rpx; margin-left: 24rpx; margin-right: 12rpx } .img-auth2-view { width: 100rpx; height: 32rpx; position: absolute; left: 140rpx; z-index: 999; top: 7px; } .img-auth2 { width: 100rpx; height: 32rpx; } .cu-custom .cu-bar { background-image: linear-gradient(124deg, rgba(0, 122, 255, 0.67) 0%, rgba(13, 100, 227, 0.95) 100%) !important; } .topArea { height: 410rpx; background-image: linear-gradient(124deg, rgba(0, 122, 255, 0.67) 0%, rgba(13, 100, 227, 0.95) 100%); position: relative; } .heradImg { position: absolute; top: 96rpx; padding: 32rpx; width: 100%; overflow: hidden; } .topText { position: absolute; top: 70rpx; left: 208rpx; width: 400rpx; } .textType1 { font-family: PingFangSC-Semibold; font-size: 40rpx; color: #FFFFFF; } .textType2 { font-family: PingFangSC-Regular; font-size: 26rpx; color: #FFFFFF; } .topIconRight { height: 40rpx; width: 106rpx; position: absolute; right: 34rpx; top: 63rpx; } .topIconRightIcon1 { height: 40rpx; width: 40rpx; float: left; } .RightIcon1Img { height: 40rpx; width: 40rpx; } .topIconRightIcon2 { height: 40rpx; width: 40rpx; float: right; } .topButtomVipBJ { width: 686rpx; height: 90rpx; position: absolute; bottom: 0rpx; left: 32rpx; } .vipBjImg { width: 686rpx; height: 90rpx; } .topButtomVipBJ2 { height: 32rpx; width: 100%; position: absolute; bottom: 0rpx; } .vipBjImg2 { height: 32rpx; width: 100%; } .vipBjSmallLeftTop { width: 130rpx; height: 37rpx; position: absolute; top: 22rpx; left: 24rpx; } .vipBjSmallTextMid { width: 300rpx; height: 37rpx; position: absolute; margin-top: -4rpx; top: 34rpx; left: 231rpx; } .textMid { font-family: PingFangSC-Medium; font-size: 24rpx; color: #E7E1BE; letter-spacing: 1rpx; line-height: 33rpx; } .vipRightImg { width: 128rpx; height: 44rpx; margin-top: -4rpx; position: absolute; right: 24rpx; top: 22rpx } .rightImg { width: 128rpx; height: 44rpx; } .vipImgText { width: 98rpx; height: 33rpx; font-size: 24rpx; color: #443015; position: absolute; right: 68rpx; top: -33rpx; } .dmArea { width: 686rpx; height: 220rpx; background-color: white; margin-top: 15rpx; margin-left: 32rpx; position: relative; padding: 15rpx 30rpx 15rpx 50rpx; } .daAreaTietleText { position: relative; font-family: PingFangSC-Medium; font-size: 30rpx; color: rgba(0, 0, 0, 0.85); letter-spacing: 0; } .dmAreaConten { width: 610rpx; height: 212rpx; padding-top: 35rpx; } .iconArea { width: 68rpx; height: 68rpx; } .sonConten1 { float: left; width: 90rpx; height: 114rpx; } .sonConten { float: left; margin-left: 35rpx; width: 90rpx; height: 114rpx; } .dmArea2 { width: 686rpx; height: 190rpx; background-color: white; margin-top: 15rpx; margin-left: 32rpx; position: relative; padding: 15rpx 30rpx 15rpx 50rpx; } .dmAreaConten2 { width: 610rpx; height: 100rpx; margin-top: 20rpx; } .dmArea2Text { font-family: PingFangSC-Regular; font-size: 26rpx; color: rgba(0, 0, 0, 0.65); letter-spacing: 1.3rpx; float: right; margin-right: 33rpx; } .moneyTextArea1 { width: 160rpx; height: 97rpx; float: left; } .moneyTextArea2 { width: 172rpx; height: 97rpx; float: left; margin-left: 53rpx; } .moneyTextArea3 { width: 172rpx; height: 97rpx; float: right; } .btnView { width: 100rpx; height: 38rpx; background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.50); border-radius: 18.75rpx; border-radius: 18.75rpx; text-align: center; margin-left: 18rpx; } .dmArea3 { width: 686rpx; height: 96rpx; background-color: white; margin-top: 15rpx; margin-left: 32rpx; position: relative; padding: 15rpx 30rpx 15rpx 50rpx; } .btnView2 { width: 160rpx; height: 50rpx; background: #FFFFFF; border: 1px solid #007AFF; border-radius: 25px; border-radius: 25px; color: #007AFF; padding: 5rpx 28rpx 5rpx 28rpx; margin-top: 15rpx; text-align: center; } .dmArea4 { width: 686rpx; height: 600rpx; background-color: white; margin-top: 15rpx; margin-left: 32rpx; position: relative; padding: 15rpx 30rpx 15rpx 50rpx; } .dmArea4sonConten1 { float: left; width: 120rpx; height: 154rpx; } .dmArea4sonConten2 { float: left; margin-left: 42rpx; width: 120rpx; height: 154rpx; } .dmArea4iconArea { width: 110rpx; height: 68rpx; text-align: center; } .dmArea4iconAreaIMG { width: 68rpx; height: 68rpx; } .boderLine{ border-bottom:1px solid r; }