HnyhuaXCX/pages/businessview/index.wxss

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;
  }