12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- Page {
- width: 100%;
- height: 100%;
- box-sizing: border-box;
- display: flex;
- flex-flow: column nowrap;
- justify-content: flex-start;
- align-items: center;
- background-color: #F7F7F7;
- }
- .top_banner{
- width: 375px;
- height: 49px;
- background: #FFFFFF;
- justify-content: space-around!important;
- align-items: flex-end!important;
- }
- .top_banner_item{
- width: 60px;
- font-size: 14px;
- font-weight: 700;
- text-align: center;
- color: #000000;
- justify-content: end!important;
- align-items: center!important;
- margin-bottom: 8px;
- }
- .t_b_i_border{
- width: 45px;
- height: 2px;
- margin-top: 5px;
- }
- .active{
- background: #B01717;
- border-radius: 1px;
- }
- .coupon_item{
- height: 119px;
- width: 358px;
- margin-top: 12px;
- background-color: #FFFFFF;
- border-radius: 5px;
- }
- .coupon_item_img{
- width: 120px;
- height: 91px;
- border-radius: 5px;
- margin-left: 13px;
- }
- .coupon_item_right{
- width: 200px;
- height: 91px;
- margin-left: 13px;
- box-sizing: border-box;
- padding-top: 5px;
- justify-content: space-between!important;
- }
- .coupon_name{
- font-size: 14px;
- font-weight: 700;
- color: #010101;
- line-height:15px ;
- }
- .coupon_num{
- height: 11px;
- font-size: 11px;
- font-weight: 500;
- color: #A0A0A0;
- margin-top: 6px;
- }
- .coupon_i_r_bottom{
- justify-content: space-between!important;
- }
- .coupon_price{
- font-size: 11px;
- font-weight: 500;
- color: #B01717;
- }
- .coupon_buy{
- width: 80px;
- height: 29px;
- line-height: 29px;
- background: #B01717;
- border-radius: 14px;
- color: #ffffff;
- text-align: center;
- font-size: 15px;
- }
|