.brandList{
  .brand_detail{ width: 100%;  background: #ffffff; position: fixed; z-index: 9; }
  .brand_detail .brand_detail_box{ width: 95.2%; height: 50%; margin: 10px 9px; }
  .brand_detail .brand_detail_box .brand_detail_img{ float: left; width: 68px; height: 50px; margin-right: 20px; }
  .brand_detail .brand_detail_box .brand_detail_block{ float: left; width: 70%; height: 50px; }
  .brand_detail .brand_detail_box .brand_detail_block li{ height: 12px; font-family: "Helvetica"; font-size: 12px; line-height: 12px; color: #666666; }
  .brand_detail .brand_detail_box .brand_detail_block .detail_name{ margin-bottom: 8px; }
  .brand_detail .brand_detail_box .brand_detail_block .main_brand{ height: 31px; }
  .brand_detail .brand_detail_box .brand_detail_block .main_brand span{ float: left; height: 31px; font-family: "Microsoft Yahei"; font-size: 12px; line-height: 17px; }
  .brand_detail .brand_detail_box .brand_detail_block .main_brand .main_brand_text{ width: 70%; /*height: 0.5rem;*/ height: 31px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .brand_detail .brand_introduce{ width: 95.2%;  margin:10px; font-family: "Helvetica"; font-size: 12px; line-height:20px; color: #666666;overflow: hidden;height:60px;text-overflow: ellipsis;}
  .brand_detail .down{ height: 40px; overflow-y: hidden; }
  .brand_detail .up{ height: auto; }
  .brand_detail .introduce_btn{ width:100%; height:26px; padding: 10px 0;  }
  .brand_detail .introduce_btn .introduce_down{ display: block; width: 12px; height: 7px; margin: 0 auto; background: url(https://static.ichunt.com/dist/res/m/images/question_content_down.png); background-size: contain; background-repeat: no-repeat; }
  .brand_detail .introduce_btn .introduce_up{ display: block; width: 12px; height: 7px; margin: 0 auto; background: url(https://static.ichunt.com/dist/res/m/images/question_content_up.png); background-size: contain; background-repeat: no-repeat; }

  .rank_condition{ width: 100%; padding: 0 13px; background: #ffffff;height:45px;   }
  .rank_condition li{ float: left; position: relative; /*width: 1.75rem; */height: 45px; font-family: "Microsoft Yahei"; font-size: 14px; line-height:45px; color: #333333; }
  .rank_condition .overall_rank{ width: 22% }
  .rank_condition .stock_rank{ width: 22% }
  .rank_condition .price_rank{ width: 22% }
  .rank_condition .stock_having{ width: 34% }
  .rank_condition .act{ color: #e10601; }
  .rank_condition li div{ width: 6px; height: 10px; position: absolute; top: 20px; left: 35px; }
  .rank_condition li div .rank_up{ float: left; margin-bottom: 2px; width: 6px; height: 3px; }
  .rank_condition li div .rank_down{ float: left; width: 6px; height: 3px; }
  .rank_condition li div .rank_up_black{ background: url(https://static.ichunt.com/dist/res/m/images/rank_up_black.png); background-size: contain; background-repeat: no-repeat; }
  .rank_condition li div .rank_down_black{ background: url(https://static.ichunt.com/dist/res/m/images/rank_down_black.png); background-size: contain; background-repeat: no-repeat; }
  .rank_condition li div .rank_up_red{ background: url(https://static.ichunt.com/dist/res/m/images/rank_up_red.png); background-size: contain; background-repeat: no-repeat; }
  .rank_condition li div .rank_down_red{ background: url(https://static.ichunt.com/dist/res/m/images/rank_down_red.png); background-size: contain; background-repeat: no-repeat; }

  .border-top6{border-top:1px solid #ebedf0;border-bottom:1px solid #ebedf0;}
  .rank_condition .stock_having span{ width: 15px; height: 15px; position: absolute; top: 15px; left: 0; z-index: 10;}
  .rank_condition .stock_having .noact{ background: url(https://static.ichunt.com/dist/res/m/images/rank_noselected.png); background-size: contain; background-repeat: no-repeat; }
  .rank_condition .stock_having .act{ background: url(https://static.ichunt.com/dist/res/m/images/rank_selected.png); background-size: contain; background-repeat: no-repeat; }
  .data-list-box{
    padding-top: 185px;

  }


}