/* 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: 702rpx; 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: -10rpx; top: 32rpx; left: 231rpx; } .textMid { font-family: PingFangSC-Medium; font-size: 24rpx; color: #E7E1BE; letter-spacing: 1rpx; } .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: 56rpx; top: -34rpx; } .boderLine { width: 100%; height: 1rpx; border-bottom: 1rpx solid #f3f3f3; position: absolute; top: 72rpx; } .zt { width: 100%; height: 1158rpx; padding: 20rpx 24rpx 0rpx 24rpx; /*上右下左*/ } .dmArea1 { width: 100%; height: 269rpx; padding-bottom: 40rpx; background-color: white; border-radius: 10rpx; border-radius: 10rpx; position: relative; } .dmArea1-top { width: 100%; height: 42rpx; padding: 15rpx 24rpx 40rpx 30rpx; } .dmArea1-top-left { width: 120rpx; height: 42rpx; float: left; } .dmArea1-top-left-text { font-family: PingFangSC-Medium; font-size: 30rpx; color: rgba(0, 0, 0, 0.85); letter-spacing: 0; } .dmArea1-top-right { width: 184rpx; height: 37rpx; float: right; } .dmArea1-top-right-text { font-family: PingFangSC-Regular; font-size: 26rpx; color: rgba(0, 0, 0, 0.65); letter-spacing: 1.3rpx; text-align: right; } .dmArea1-top-right-inoc { width: 11rpx; height: 19rpx; float: right; } .dmArea1-top-right-inoc-class { width: 11rpx; height: 19rpx; } .dmArea1-bottom { height: 172rpx; width: 100%; padding: 57rpx 37rpx 0rpx 32rpx; display: flex; justify-content: space-between } .dmArea1-bottom-zt { width: 78rpx; } .dmArea1-bottom-zt-topIcon { width: 68rpx; height: 68rpx; margin-left: 5rpx; } .dmArea1-bottom-zt-topIcon-icon { width: 68rpx; height: 68rpx; } .dmArea1-bottom-zt-text { height: 37rpx; width: 78rpx; margin-top: 20rpx; } .dmArea1-bottom-zt-text-text { font-family: PingFangSC-Regular; font-size: 26rpx; color: rgba(0, 0, 0, 0.65); letter-spacing: 0; } .dmArea2 { width: 100%; height: 224rpx; background-color: white; margin-top: 20rpx; border-radius: 10rpx; border-radius: 10rpx; position: relative; } .dmArea2-top { width: 100%; height: 42rpx; padding: 15rpx 24rpx 40rpx 30rpx; } .dmArea2-top-left { width: 120rpx; height: 42rpx; float: left; } .dmArea2-top-left-text { font-family: PingFangSC-Medium; font-size: 30rpx; color: rgba(0, 0, 0, 0.85); letter-spacing: 0; } .dmArea2-top-right { width: 130rpx; height: 37rpx; float: right; } .dmArea2-top-right-inoc { width: 11rpx; height: 19rpx; float: right; } .dmArea2-top-right-inoc-class { width: 11rpx; height: 19rpx; } .dmArea2-top-right-text { font-family: PingFangSC-Regular; font-size: 26rpx; color: rgba(0, 0, 0, 0.65); letter-spacing: 1.3rpx; text-align: right; } .dmArea2-bottom { width: 100%; padding: 56rpx 50rpx 30rpx 50rpx; justify-content: space-between } .dmArea2-bottom-content { width: 100%; display: flex; } .dmArea2-bottom-contentIconTxt { width: 33%; } .dmArea2-bottom-contentIcon { font-family: PingFangSC-Medium; font-size: 36rpx; color: rgba(0, 0, 0, 0.85); letter-spacing: 0; text-align: center; } .dmArea2-bottom-contentTxt { font-family: PingFangSC-Regular; font-size: 26rpx; color: rgba(0, 0, 0, 0.65); letter-spacing: 0; text-align: center; margin-top: 7rpx; } .dmArea2-bottom-contentIcon2F { width: 100%; padding-top: 6rpx; display: flex; justify-content: center } .dmArea2-bottom-contentIcon2 { text-align: center; font-family: PingFangSC-Regular; font-size: 16rpx; color: rgba(0, 0, 0, 0.85); letter-spacing: 0.8px; width: 90rpx; height: 38rpx; background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.50); border-radius: 18.75rpx; border-radius: 18.75rpx; line-height: 38rpx; } .dmArea2-bottom-contentTxt2 { text-align: center; font-family: PingFangSC-Regular; font-size: 26rpx; color: #666666; margin-top: 24rpx; letter-spacing: 0; } .dmArea3 { width: 100%; height: 96rpx; margin-top: 20rpx; padding: 23rpx 32rpx 23rpx 33.5rpx; background-color: white; border-radius: 10rpx; border-radius: 10rpx; position: relative; } .dmArea3-left { width: 380rpx; height: 100%; float: left; padding-top: 7rpx; } .dmArea3-right { float: right; width: 120rpx; height: 50rpx; background: #FFFFFF; border: 1px solid #007AFF; border-radius: 25px; border-radius: 25px; font-family: PingFangSC-Regular; font-size: 20rpx; color: #007AFF; letter-spacing: 1px; text-align: center; line-height: 50rpx; } .dmArea3-left-inco { width: 23rpx; height: 23rpx; } .dmArea3-left-text { font-family: PingFangSC-Regular; font-size: 26rpx; color: rgba(0, 0, 0, 0.85); letter-spacing: 1.3px; margin-left: 10rpx; } .dmArea2-bottom { height: 172rpx; width: 100%; padding: 57rpx 37rpx 0rpx 32rpx; } .dmArea4 { width: 100%; background-color: white; margin-top: 20rpx; margin-bottom: 20rpx; border-radius: 10rpx; border-radius: 10rpx; position: relative; } .dmArea4ImgView { height: 68rpx; width: 100%; text-align: center; } .dmArea4Img { height: 68rpx; width: 68rpx; } .dmArea4text { width: 100%; text-align: center; margin-top: 10rpx; border: white; } .fxztb { font-size: 28rpx; padding: 0; background-color: #fff; color:#4a4141 } .fxztb::after{ border: none; } .dmArea4Content{ margin-top: 15rpx; }