page{ background: #ccc; } .container { position: relative; width: 100%; height: 100%; font-size: 14px; color: #000; } .container .nodata{ width: 100%; height: 100%; text-align: center; line-height: 5em; } .container .searchdata{ width: 100%; height: 100%; text-align: center; line-height: 5em; color: #939393; } .choice_box { float: left; width:100%; padding:0; padding-top: 0.5em; box-sizing: border-box; } .choice_box .choice_list .block{ float: left; width: 100%; padding:0.5em; box-sizing: border-box; } .choice_box .choice_list .block.block0{ width: 50%; padding: 0.5em; padding-top: 0; text-align: center; overflow: hidden; } .choice_box .choice_list .block.block0.l{ padding-right: 0.25em; } .choice_box .choice_list .block.block0.r{ padding-left: 0.25em; } .choice_box .choice_list .block .choice_item{ float: left; width: 100%; padding:0; border:1px solid #f1f1f1; background-color: #f5f5f5; border-radius:0.5em; box-sizing: border-box; overflow: hidden; } .choice_box .choice_list .block image { width: 100%; height:90vw; } .choice_box .choice_list .block.block0 image { width: 100%; height:46vw; } .choice_box .choice_list .title { float: left; padding:0 0.5em; font-weight: bold; text-align: left; display: block; box-sizing: border-box; overflow: hidden; } .choice_box .choice_list .je { float: right; width:auto; display: flex; flex-direction:column; align-items:flex-end; font-size: 12px; font-weight: bold; color: #939393; padding:0 0.5em; padding-bottom: 0.5em; box-sizing: border-box; } .choice_box .choice_list .je .jeto{ display: flex; flex-direction:row; margin-top: 0.8em; background-color: #00B050; padding: 0.4em 0.4em; color:#fff; border-radius:0.5em; box-sizing: border-box; } .choice_box .choice_list .je .jeto .scje{ text-decoration:line-through; } .choice_box .choice_list .block.block0 .title{ width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .choice_box .choice_list .block.block0 .je { float: left; width:100%; display: block; text-align: center; } .choice_box .choice_list .block.block0 .je .jeto .hyje{ margin-top: 0.15em; }