.container{ width: 100%; justify-content: flex-start; color:#fff; background-color: #FC7406; } .panel0{ width:500rpx; height:110rpx; margin-top: 30rpx; border-radius: 20rpx; } .panel01{ font-size:36rpx; background-color:#FC7406; width:250rpx; } .panel01Left{ color:#fff; background-color: #793703; height:110rpx; border-top-left-radius: 20rpx; border-bottom-left-radius: 20rpx; } .panel02Left{ color:#fff; background-color: #B27F00; height:110rpx; border-top-left-radius: 20rpx; border-bottom-left-radius: 20rpx; color:#FFB808; } .panel01Right{ color:#fff; background-color: #AB4E05; height:110rpx; border-top-right-radius: 20rpx; border-bottom-right-radius: 20rpx; color:#FC7406; } .panel02Right{ color:#fff; background-color: #6E4E00; height:110rpx; border-top-right-radius: 20rpx; border-bottom-right-radius: 20rpx; } .avatar{ width:160rpx; height:160rpx; margin-top: 60rpx; border-radius: 50%; } .promotion_user_home_title01{ width:200rpx; height:67rpx; margin-top: 30rpx; } .text1{ font-size:96rpx; font-family: 'Roboto-Black'; color:#2E2E2E; } .text2{ font-size:96rpx; font-family: 'Roboto-Black'; } .text9{ font-size:36rpx; margin-top: 20rpx; color:#2E2E2E; } .text10{ font-size:64rpx; font-family: 'Roboto-Black'; color:#2E2E2E; text-align: center; } .panelAD{ width:710rpx; height:230rpx; margin-top: 60rpx; white-space: nowrap; } .adImage{ width:710rpx; height:230rpx; display: inline-block; } .panelTitle{ width:650rpx; justify-content: flex-start; margin-top: 50rpx; } .panel1{ width:710rpx; background-color: #F2F2F2; border-radius: 20rpx; color:#4D4D4D; margin: 30rpx 0 0 0; justify-content: flex-start; box-shadow: 0 20rpx 0 0 rgba(0,0,0,0.1); } .panel12{ margin-top: 40rpx; flex-wrap: wrap; } .panel111{ width:355rpx; height:208rpx; } .panel112{ width:236rpx; height:203rpx; position: relative; } .text3{ font-size:64rpx; font-family: 'Roboto-Black'; color:#4d4d4d; } .text4{ font-size:24rpx; margin-top: 10rpx; } .text8{ font-size:24rpx; margin-top: 22rpx; } .line{ width:4rpx; height:40rpx; background-color: #4D4D4D; } .line2{ background-color: #FD9949; } .universalpic_indicator_right_deepgray{ width:16rpx; height:26rpx; margin: 0 10rpx; } .panel2{ width:100%; background-color: #F2F2F2; justify-content: space-between; height: 100rpx; } .panel2_0{ background-color: #2e2e2e; color:#fff; border-bottom-left-radius: 20rpx; border-bottom-right-radius: 20rpx; } .panel2_1{ border-top:1rpx solid #e3e3e3; border-bottom-left-radius: 20rpx; border-bottom-right-radius: 20rpx; background-color: #fff; justify-content: center; font-size: 28rpx; font-weight: 400; } .panel21{ font-size: 28rpx; font-weight: 400; width:238rpx; min-height: 100rpx; } .Arrow{ width:16rpx; height:26rpx; margin-right: 30rpx; } .text5{ font-size:36rpx; margin-top: 40rpx; } .promotion_index_rules{ width:46rpx; height:46rpx; } .textMessage{ position: absolute; top:20rpx; left:40rpx; width:80rpx; height:36rpx; line-height: 36rpx; border-radius: 18rpx; background-color: #FE6659; text-align: center; font-size: 20rpx; font-weight: 700; color:#fff; } .textBottom{ font-size:28rpx; color:#fff; margin: 70rpx 0 60rpx 0; } .panel3{ width:710rpx; margin-top: 10rpx; justify-content: space-between; } .panel13{ width:430rpx; height:210rpx; justify-content: flex-end; align-items: flex-start; background-color: #CAF1FB; } .text6{ margin: 0 0 30rpx 30rpx; font-size:34rpx; } .panel14{ width:260rpx; height:210rpx; background-color: #F7E1D1; justify-content: flex-end; align-items: flex-start; } .Null1{ height:30rpx; }