body,html{ height: 100%;}
.button{
  width: 10%;
  left: 2%;
  top: 2%;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  border-radius: 5px;
  height: 40px;
  background: #000;
  position: absolute;
  color: #ffffff;
}
.W_screen{
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  max-width: 640px;
  height: 100%;
  z-index: 2;
}
.W_screen.screen_show{
  right: 0;
}
.W_screen .W_screen_bg{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  position: absolute;
  top: 0;
  z-index: 11;
  display: none;
}
.W_screen .W_screen_content{
  width: 86%;
  height: 100%;
  background-color: #ffffff;
  position: absolute;
  right: -86%;
  top: 0;
  z-index: 99;
  -webkit-transition: right .3s cubic-bezier(.25, .46, .45, .94);
  -moz-transition: right .3s cubic-bezier(.25, .46, .45, .94);
  -o-transition: right .3s cubic-bezier(.25, .46, .45, .94);
  transition: right .3s cubic-bezier(.25, .46, .45, .94);
}
.W_screen .W_screen_content.content_show{
  right: 0;
}
.W_screen .W_screen_content .scroll_wrap{
  width: 100%;
  position: absolute;
  z-index: 1;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-height: 101%; /* 为了滚动出的损招 */
}
.W_screen .W_search_content .iScroll_floor{
  width: 100%;
  position: absolute;
  top: 44px;
  bottom: 66px;
}
/*.W_screen .W_all_brand .iScroll_floor{*/
  /*top: 0;*/
  /*height: 579px;*/
/*}*/
/*头部*/
.W_screen .W_screen_content .content_title{
  position: relative;
  width: 100%;
  height: 44px;
  background: #F1F1F1;
  z-index: 2;
}
.W_screen .W_screen_content .content_title .content_title_delete{
  width: 44px;
  position: absolute;
  top: 0;
  z-index: 2;
}
.W_screen .W_screen_content .content_title .content_title_title{
  width: 100%;
  position: absolute;
  top: 0;
  text-align: center;
  line-height: 44px;
  font-size: 16px;
  color: #333;
}
.W_screen .W_all_brand{
  z-index: 100;
}
.W_screen .W_all_brand .brand_list{
  position: relative;
  margin: 0 15px;
}
.W_screen .W_all_brand .brand_list h2{
  font-size: 16px;
  color: #333;
  height: 28px;
  line-height: 28px;
  background: rgba(216,216,216,.5);
  margin-top: 15px;
  padding-left: 15px;
}
.W_screen .W_all_brand .brand_list p{
  position: relative;
  font-size: 14px;
  color: #333;
  padding: 15px 15px 10px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.W_screen .W_all_brand .brand_list p i{
  display: none;
  position: absolute;
  right: 0;
  top: 12px;
}
.W_screen .W_all_brand .brand_list p.on{
  color: #d90000;
}
.W_screen .W_all_brand .brand_list p.on i{
  display: block;
}
.W_screen .W_all_brand .brand_right_abc{
  position: absolute;
  right: -15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 15px;
  text-align: center;
}
.W_screen .W_all_brand .brand_right_abc span{
  display: block;
  margin-bottom: 2px;
  font-size: 10px;
  color: #477db3;
}
/*内容*/
.W_screen .W_screen_content .screen_content{
  width: 100%;
}
/*品牌*/
.W_screen .W_screen_content .screen_content .brand{
  width: 94%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  padding-top: 15px;
  padding-bottom: 10px;
}
.W_screen .screen_content .brand .brand_title{
  font-size: 12px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 10px;
}
.W_screen .screen_content .brand .brand_content{
  width: 100%;
  display: inline-block;
}
.W_screen .screen_content .brand .brand_content span{
  width: 30%;
  margin-right: 2%;
  margin-bottom: 5px;
  text-align: center;
  float: left;
  height: 30px;
  line-height: 30px;
  background: #F7F7F7;
  border: 1px solid #D90000;
  border-radius: 4px;
  font-size: 12px;
  color:#D90000;
}
/*价格区域*/
.W_screen .W_screen_content .screen_content .price{
  width: 94%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  padding-top: 15px;
  padding-bottom: 10px;
}
.W_screen .screen_content .price .price_title{
  font-size: 12px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 10px;
}
.W_screen .screen_content .price .price_content{
  width: 100%;
  display: inline-block;
}
.W_screen .price .price_content .price_content_input{
  width: 30%;
  margin-right: 1%;
  margin-bottom: 5px;
  float: left;
  height: 40px;
  line-height: 40px;
  background: #F7F7F7;
  border-radius: 4px;
  font-size: 12px;
}
.W_screen .price .price_content .price_content_xian{
  width: 5%;
  height: 1px;
  margin-right: 2%;
  margin-left: 2%;
  margin-top: 6%;
  float: left;
  background: #333;
}
.W_screen .price .price_content .price_content_input input{
  width: 100%;
  border: 0;
  background: none;
  outline:none;  /*点击去掉框*/
  font-size: 12px;
  color: #333;
  text-align: center;
}
/*分类*/
.W_screen .screen_content .category{
  margin: 0 12px;
  border-bottom: 1px solid #f2f2f2;
  padding-top: 15px;
  padding-bottom: 10px;
}
/*.W_screen .screen_content .category:last-child{*/
  /*border-bottom: 0;*/
/*}*/
.W_screen .screen_content .category .category_title{
  position: relative;
  font-size: 12px;
  color: #333333;
  margin-bottom: 10px;
  width: 100%;
  overflow: hidden;
  display: inline-flex;
  text-align: right;
}
.W_screen .screen_content .category_title .category_name{
  display: inline-block;
  font-weight: bold;
  float: left;
  margin-right: 10px;
  text-align: left;
}
.W_screen .W_screen_content .screen_content .brand_title .category_project{
  width: 65%;
  text-align: left;
}
.W_screen .W_screen_content .screen_content .brand_title .category_project em{
  margin-right: 6px;
}
.W_screen .category_title .category_open{
  position: absolute;
  right: 0;
  color: #999;
}
.W_screen .category_title .category_open .icon-a-r-arrow{
  display: inline-block;
  margin-bottom: -1px;
}
.W_screen .category_title .category_open.on .icon-a-r-arrow{
  margin-left: 3px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.W_screen .screen_content .category_title .category_open_brand{
  width: 23%;
  text-align: right;
  font-weight: normal;
}
.W_screen .screen_content .category_title .category_project{
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #D90000;
}
.W_screen .screen_content .category_title .category_project span{
  font-size: 12px;
  color: #D90000;
  font-weight: normal;
  margin-right: 3px;
}

.W_screen .screen_content .category_content,
.W_screen .screen_content .service_content{
  width: 100%;
  display: inline-block;
}
.W_screen .screen_content .sort_category .category_content{
  height: 40px;
  overflow: hidden;
}
.W_screen .screen_content .category_content span,
.W_screen .screen_content .service_content span{
  position: relative;
  width: 32%;
  margin-right: 2%;
  text-align: center;
  float: left;
  height: 40px;
  line-height: 40px;
  background: #F7F7F7;
  border-radius: 4px;
  font-size: 12px;
  color:#333;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 3px;
}
.W_screen .screen_content .category_content span:nth-child(3n+0),
.W_screen .screen_content .service_content span:nth-child(3n+0){
  margin-right: 0;
}
/*.W_screen .screen_content .sort_content span:nth-child(n+4){*/
  /*display: none;*/
/*}*/
.W_screen .screen_content .category_content span:nth-child(n+4),
.W_screen .screen_content .service_content span:nth-child(n+4){
  margin-top: 5px;
}
.W_screen .screen_content .category_content .active,
.W_screen .screen_content .service_content .active{
  border: 1px solid #D90000;
  color: #D90000;
  background-color: #fff;
}
/*底部*/
.W_screen .W_screen_content .content_footer{
  width: 100%;
  height: 66px;
  text-align: center;
  position: absolute;
  bottom: 0;
  z-index: 2;
  border-top:1px solid #CCC;
  background: #fff;
  color: #333;
}
.W_screen .W_screen_content .content_footer .btn{
  width: 50%;
  line-height: 66px;
  font-size: 16px;
}
.W_screen .content_footer .content_footer_button .btn_sure{
  display: inline-block;
  width: 127px;
  height: 42px;
  line-height: 42px;
  margin-top: 12px;
  border-radius: 3px;
  color: #fff;
  background: #D90000;
}