page{ background: #ccc; } .container { position: relative; width: 100%; height: 100%; font-size: 14px; color: #000; padding: 0; box-sizing: border-box; } .container0{ margin-top: 0em; padding: 0.8em; box-sizing: border-box; } .swiper{ width:100%; background-color: #fff; border-radius:0.5em; padding: 0.8em; box-sizing: border-box; } .swiper_box { width: 100%; min-height: 14em; } swiper-item image { width: 100%; height: 100%; display: inline-block; } .business_view { width: 100%; padding: 0 0.8em; padding-bottom: 0.8em; background-color: #fff; box-sizing: border-box; color: #939393; line-height: 2em; } .view_title { display: flex; flex-direction: row; width: 100%; font-size: 1em; font-weight: 900; color:#000; } .view_distance { width: 100%; } .view_distance .view_distance_box { display: flex; flex-direction: row; width: 100%; } .view_distance .view_distance_box .ico { margin-left: 0.5em; margin-top: 0.3em; width: 1.2em; height: 1.2em; } .view_distance .view_distance_box .ico image { width: 100%; height: 100%; } .view_address { display: flex; flex-direction: row; width: 100%; } .view_address .ico { margin-top: 0.3em; width: 1.4em; height: 1.4em; } .view_address .ico image { width: 100%; height: 100%; } .view_fwbody { width: 100%; } .text{ margin-top: 0; line-height: 2.5em; display: flex; flex-direction: row; align-items: center; } .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: #f0514d; border-radius:0.2em; } .text .line_more{ flex: 1; text-align: right; align-self: center; color:#ff0000 } .choice_box { margin-top:0em; margin-bottom:4em; padding:0.8em; z-index:11; box-sizing: border-box; } .choice_box .choice_box_to{ padding:0; background-color:#ffffff; box-sizing: border-box; border-radius:0.5em; } .choice_box .choice_box_to .text{ } .choice_box .choice_box_to .text .line_flag{ background-color: #00B050; } .choice_box .choice_list .choice_item{ padding:0; display: flex; flex-direction: column; border-bottom: 1px solid #f1f1f1; } .choice_box .choice_list .choice_item .choice_item_box{ padding:0; display: flex; flex-direction: row; } .choice_box .choice_list .choice_item .choice_image{ float:left; position: relative; display: block; width: 42%; height: 10em; padding: 1em; box-sizing: border-box; overflow: hidden; } .choice_box .choice_list .choice_item .choice_image_box{ float:left; position: relative; display: block; width: 100%; height: 100%; } .choice_box .choice_list .choice_item .choice_image_box image { width: 100%; height: 100%; } .choice_box .choice_list .choice_item .choice_image_box .YPTNum{ position: absolute; bottom:0; left:0; line-height: 2em; font-size: 1em; width:100%; text-align: center; background:rgba(0, 0, 0, 0.5); color:#fff; } .choice_box .choice_list .right_title{ float:left; display: flex; flex-direction:column; box-sizing: border-box; padding:1em; padding-left: 0; width:58%; height: 10em; } .choice_box .choice_list .right_name { float:left; margin-bottom: 0.5em; display:block; width:100%; height:3em; text-align: left; overflow: hidden; } .choice_box .choice_list .jeto{ display: flex; flex-direction:column; font-size: 0.85em; color:#848484; } .choice_box .choice_list .jeto .scje{ text-decoration:line-through; } .choice_box .choice_list .jeto .hyje{ color: #ff4d00; line-height:1.5em; margin-top: 0.2em; } .choice_box .choice_list .right_button { float:left; display:block; margin:0; margin-top: 0.5em; width:100%; } .choice_box .choice_list .right_button view{ float:right; display:block; margin:0; width:6em; text-align: center; padding:0.2em 0.5em; box-sizing: border-box; background:linear-gradient(to right,#00B050,#00B050); color:#fff; border-radius:0.5em; overflow: hidden; } .choice_box .choice_list .right_button view.visited{ background:linear-gradient(to left,#e1e1e1,#e8e8e8); border:1px solid #dfdfdf; color:#aaa; } .nodata{padding-top:1em; text-align: center; line-height: 1.5em; color:#939393;} .nodata image { width: 80px; height: 80px; }