.maintoP { margin-top: 80rpx; position: relative; } .big_con { padding: 0 32rpx; padding-bottom: 180rpx; } .head { background: #FAFAFA !important; position: sticky; /* #ifdef H5 */ top: 80rpx; /* #endif */ /* #ifndef H5 */ top: 0; /* #endif */ z-index: 999; } 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; }