.presenter_module_goods { position:relative; min-height:50px; } .presenter_module_goods .order { float:right; } .presenter_module_goods .items { margin-top:1em; } .presenter_module_goods .box { width:200px; border:1px solid #999; float:left; margin-right:5px; margin-bottom:5px; position:relative; text-align:center; } .presenter_module_goods .box a, .presenter_module_goods .box span{ display:block; } .presenter_module_goods .box span.marks_in { display:none; } .presenter_module_goods .box .image img { } .presenter_module_goods .box .image { width:200px; height:145px; text-align:center; display:inline-block; } .presenter_module_goods .box .name { text-align:center; } .presenter_module_goods .box .description { height:80px; } .presenter_module_goods .box .price { } .presenter_module_goods .box .marks { position:absolute; left:15px; top:30px; } .presenter_module_goods .box .marks_in span { border-radius:3px; display:block; background:rgba(200, 200, 200, .5); margin-bottom:2px; text-align:center; padding:5px; font-size:90%; } .presenter_module_goods_clear { clear:both; } .presenter_module_goods_loading { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.8); font-size:20px; display:none; } .presenter_module_goods_loading span { display:block; margin-top:20px; text-align:center; } .presenter_module_goods_table_list { border-collapse: collapse; table-layout: fixed; width: 100%; } @media screen and (max-width: 600px) { .presenter_module_goods_table_list { } .presenter_module_goods_table_list .main_tr { display: none; } .presenter_module_goods_table_list tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; } .presenter_module_goods_table_list td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right; } .presenter_module_goods_table_list td::before { content: attr(data-label); float: left; font-weight: bold; } .presenter_module_goods_table_list td:last-child { border-bottom: 0; } }