.maintoP{ margin-top: 100rpx; position: relative; } .big_con{ padding: 0 32rpx; padding-bottom: 300rpx; } .aaa{ background: #FAFAFA !important; } page { background: #FAFAFA; } .main{ padding: 0 24rpx; margin-top: 50rpx; background: #fff; border-radius: 24rpx; box-shadow: 0 18rpx 18rpx 18rpx #EAEDF0; } .title{ height: 150rpx; display: flex; align-items: center; font-size: 32rpx; border-bottom: 2rpx solid #F6F8FD; } .flex{ display: flex; align-items: center; justify-content: space-between; } .flex2{ display: flex; } .main_con .item .left .img{ width: 80rpx; height: 80rpx; border-radius: 100rpx; } .main_con .item{ height: 180rpx; border-bottom: 2rpx solid #F6F8FD; border-radius: 24rpx; } .main_con .item .img{ width: 48rpx; height: 48rpx; } .main_con .textcon{ margin-left: 20rpx; } .main_con .textcon .text1{ font-size: 30rpx; } .main_con .textcon .text2{ font-size: 24rpx; color: #999; } .letImg{ width: 24rpx; height: 24rpx; } .bottom_con{ position: fixed; bottom:0rpx; z-index: 9999; } .bottom_con{ width: 100%; background-color:#F7F8FA; padding: 0 24rpx; border-radius: 16rpx 16rpx 0 0; padding-bottom: 40rpx; } .title_con{ padding: 30rpx 0; text-align: center; color: #7A7A81; } .money_con{ background-color: #fff; padding: 70rpx 30rpx; border-radius: 16rpx 16rpx 0 0; } .money_con .money{ display: flex; justify-content: center; align-items: center; } .money_con .money .tex1{ font-size: 64rpx; margin-right: 10rpx; } .money_con .img{ width: 48rpx; height: 48rpx; position: absolute; left: 12rpx; top: 24rpx; } .money_con .img2{ width: 28rpx; height: 28rpx; position: absolute; left: 32rpx; top: 32rpx; } .money_con .money .tex2{ font-size: 42rpx; } .money_con .money .text{ } .info_con{ margin-top: 40rpx; } .info_con .item{ display: flex; padding-bottom: 24rpx; border-bottom: 2rpx solid #DDDDDD; background-color: #6747D1; } .info_con .item:last-child{ border-bottom: none; } .info_con .item .text1{ color: #9B9C9E; margin-right: 50rpx; } .info_con .item .text2{ word-break: break-word; } .bottom_con .btn{ line-height: 96rpx; background-color: #5B53FF; text-align: center; color: #fff; border-radius: 32rpx; margin-top: 50rpx; } .money_con2{ height: 400rpx; } .btn2{ line-height: 96rpx; background-color: #E9ECF5; text-align: center; color: #fff; border-radius: 32rpx; margin-top: 50rpx; } .btncolor{ background-color: #5B53FF; } .btncolor2{ background-color: #E9ECF5; } .bot_con .item{ width: 575rpx; height: 164rpx; background-image: linear-gradient(to right, #FF9913, #FFB60C); padding: 44rpx 0; padding-left: 25rpx; padding-right: 32rpx; border-radius: 24rpx; margin-bottom: 28rpx; position: relative; box-shadow: 0 8rpx 8rpx 8rpx #EFF1F3; } .flexx{ display: flex; justify-content: space-between; } .bot_con .item .left .img1{ width: 84rpx; height: 84rpx; margin-right: 20rpx; } .bot_con .item .left .textcon .text1{ font-size: 36rpx; color: #fff; } .bot_con .item .left .textcon{ width: auto; flex: 1; } .bot_con .item .left .textcon .text2{ font-size: 28rpx; color: rgba(255,255,255,.5); word-break: break-all; } .bot_con .item .rig{ text-align: right; color: #fff; font-size: 34rpx; } .bot_con .item .rig .text1{ font-size: 36rpx; } .bot_con .item .rig .text2{ font-size: 28rpx; color: #B0BBD5; } .opc{ opacity: .4; } .rimg{ width: 28rpx; height: 28rpx; } .letConimg{ display: block; width: 84rpx; height: 84rpx; margin-bottom: 68rpx; } .pur{ background-image: linear-gradient(to right, #6846D2, #887BFE) !important; } .red{ background-image: linear-gradient(to right, #B4142C, #F04850) !important; } .green{ background-image: linear-gradient(to right, #13BB9C, #23D7AF) !important; } .gou{ width: 80rpx; height: 74rpx; background-size: cover; position: absolute; bottom: 0; right: 0; } .gou .img{ position: absolute; left: 75%; top: 65%; transform: translate(-50%,-50%); width: 28rpx; height: 28rpx; } .bl{ display: block !important; } .dis{ display: none !important; } .ethimg1{ width: 80rpx; height: 80rpx; margin-right: 30rpx; } .ethimg2{ width: 32rpx; height: 32rpx; position: absolute; top: 20rpx; left: 20rpx; } .info_con .item{ border-radius: 24rpx; padding: 24rpx; margin-bottom: 50rpx; } .text111{ color: #fff !important; } .textcon .text2{ color: #fff; }