| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256 |
- .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;
- }
|