page{ background: #ccc; } .container { position: relative; width: 100%; height: 100%; font-size: 14px; color: #000; padding: 0.8em; box-sizing: border-box; } .swiper_box { width: 100%; min-height: 16em; margin-bottom: 0.8em; } swiper-item image { width: 100%; height: 100%; display: inline-block; border-radius:0.5em; } .menudata_box{ display: flex; flex-direction: row; align-items: center; width: 100%; padding:0; box-sizing: border-box; z-index: 10; } .menudata_box view{ display:block; float:left; width: 100%; padding: 0.4em 0; padding-bottom: 0.4em; border-radius:0.5em; background-color:#fff; box-sizing: border-box; } .menudata_box view .swiper_box0 { display:block; float:left; width: 100%; height:11em; } .menudata_box .swiper_box0 .wx-swiper-dots{bottom: 0em;} .menudata_box view view{ float: left; display: flex; width: 25%; height: 6em; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; font-size:0.9em; } .menudata_box view view image{ width: 3em; height: 3em; padding:0; background-color: #f5f5f5; border-radius:0.4em; overflow: hidden; box-sizing: border-box; } .menudata_box view view text{ margin-top: 0.4em; } .container_box{ margin-top: 0.8em; margin-bottom:6em; background-color: #fff; border-radius:0.5em; } .choice_text{ margin-top: 0.5em; width:100%; line-height: 2.5em; display: flex; flex-direction: row; align-items: center; border-bottom:1px solid #f1f1f1; } .choice_text .line_flag{ margin-top: 0em; margin-left: 0.5em; margin-right: 0.5em; width:0.5em; height: 1.5em; line-height: 1.5em; background-color: #00B050; border-radius:0.2em; } .choice_text text{ flex-grow: 1; font-weight: 800; } .choice_text .more{ width:4em; } .choice_box { float: left; width:100%; padding:0; 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; 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; } .nodata{padding-top:1em; text-align: center; line-height: 1.5em; color:#939393;} .nodata image { width: 80px; height: 80px; }