.search{ margin-top:0.04rem; padding:.12rem 0.08rem 0.14rem 0.08rem; background:#fff; text-align:center;}

.search input[type="text"]{ display:inline-block;*display:inline;*zoom:1; vertical-align:top; padding:0 0 0 .35rem; border:#f6363a solid 1px; width:2.65rem; height:.32rem;line-height:.32rem; background:#f5f5f5 url(../images/search_input_ico.png) no-repeat .11rem center; background-size:.155rem auto; border-radius:3px 0 0 3px}
.search button{display:inline-block;*display:inline;*zoom:1; vertical-align:top; width:.51rem; margin-left:-2px; border:#f6363a solid 1px; box-sizing:content-box; border-radius:0 3px 3px 0; height:.32rem; line-height:.32rem; background:#f6363a; color:#fff; font-size:.11rem; cursor:pointer; }


.designers_search{display:flex; font-size:0px; border-top:#f5f5f5 solid 1px;border-top:#f5f5f5 solid 1px; background:#fff;}
.designers_search dd{position:relative;display:nowrap;justify-content:center;
border-left:#f5f5f5 solid 1px; width:100%;  box-sizing:border-box; height:.36rem; line-height:.36rem; font-size:.12rem; text-align:center; cursor:pointer;}
.designers_search dd:nth-child(1) { border-left:none;}

.designers_search dd:hover,.designers_search dd.hover{color:#f6363a;}


.designers_search dd:before,.designers_search dd:before{content:"";position:absolute;left:50%;top:50%;z-index:20;
	margin:-0.01rem 0 0 .18rem;
  	width:0;height:0;
	border-bottom: .06rem solid #999;border-left: .06rem solid transparent;border-right: .06rem solid transparent; }

.designers_search dd:hover:before,.designers_search dd.hover:before{content:"";position:absolute;left:50%;bottom:0;z-index:20;
transform: rotate(180deg);
	border-bottom: .06rem solid #f6363a; }
	
.designers_search_box dd{ display:none;margin:.09rem 0.08rem 0 0.08rem; border-left:#f5f5f5 solid 1px;border-top:#f5f5f5 solid 1px; font-size:0px;}
		
.designers_search_box dd a{display:inline-block;*display:inline;*zoom:1; vertical-align:top; border-right:#f5f5f5 solid 1px;border-bottom:#f5f5f5 solid 1px; box-sizing:border-box; width:33.33%;eight:.36rem; line-height:.36rem; font-size:.12rem; text-align:center; background:#fff;}

.designers_search_box dd a:hover,.designers_search_box dd a.hover{text-decoration:none; background:#f49727; color:#fff;}

.cases_list{ font-size:0px;}

.cases_list dd{display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin:0.15rem 0 0 0.08rem; width:1.76rem; background:#fff;overflow:hidden;}

.cases_list dd img{ width:100%; height:1.25rem;}
.cases_list dd h5{ position:relative; padding:0.07rem 0.20rem 0.07rem 0.10rem; text-align:left; font-size:.13rem;}
.cases_list dd span{ position:absolute; right:0.10rem; top:0.08rem; font-size:.11rem; color:#999; font-weight:normal;}


.details{ background:#fff;}
.details_img{ position:relative; height:2.65rem;}
.details_img img{ width:100%; height:100%;}
.details_img h1{ position:absolute; left:0; bottom:0; width:100%; padding:0.08rem 0; font-size:.18rem; text-align:center; color:#fff;}
.details_img h6{ position:absolute; left:0; bottom:0; width:100%; height:.50rem;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.8));}

.details_designers{ position:relative; padding:.18rem 0 .13rem .3rem; background:#fff;}
.details_designers label{display:table-cell;vertical-align:middle; width:.79rem;}
.details_designers label img{ width:.58rem; height:.58rem;border-radius:.58rem;}
.details_designers div{display:table-cell;vertical-align:middle;}
.details_tag dd i,.details_designers div i{ display:block; color:#999; font-size:.11rem; font-style:normal;}

.details_designers span{position:absolute; top:.3rem; right:.24rem; width:.75rem; height:.275rem; line-height:.275rem; background:#f6363a;font-size:.13rem; text-align:center; font-style:normal; color:#fff; cursor:pointer; border-radius:3px;}

.details_tag{ padding:.15rem 0.085rem;background:#fff; font-size:0px; border-top:#e0e0e0 solid 1px;}
.details_tag dd{position:relative; display:inline-block;*display:inline;*zoom:1; vertical-align:top; border-left:#ccc solid 1px; padding:0 0 0 .504rem; width:33.33%; box-sizing:border-box; height:.33rem; color:#363636; font-size:.15rem;}

.details_tag dd:before{content: "";   position:absolute; top:.06rem;  left:.125rem;width:.3rem; height:.3rem; background:url(../images/cases/details_tag_ico.png) no-repeat; background-size:.3rem auto;}
.details_tag dd:nth-child(1) {  border-left:none;}
.details_tag dd:nth-child(2):before { background-position:0 -.3rem;}
.details_tag dd:nth-child(3):before { background-position:0 -.6rem;}


.details_contents{ padding:.15rem 0.085rem;background:#fff; font-size:.12rem;}

.details_contents img{ margin-top:.075rem; max-width:100%;}


.details_previous_next{ position:relative;height:.50rem; text-align:center; }
.details_previous_next .previous,.details_previous_next .next{display:inline-block;*display:inline;*zoom:1; vertical-align:top;background:#e8e8e8; border-radius:5px; line-height:.32rem; width:1.5rem; margin:0 .1rem; box-sizing:border-box;}
.details_previous_next .previous a.details_previous_next .next a{ color:#000;}
.details_previous_next .previous a:hover,.details_previous_next .next a:hover{ font-weight:400; color:#f49727;}



.details_box{ margin-top:.15rem;}
.details_top{ padding:.13rem 0 0 .13rem; font-size:.16rem;}


.i_bm{ margin-top:0.08rem; padding:0.08rem 0; background:#fff;}
.i_bm_top{ text-align:center;}
.i_bm_top img { width:3.59rem; height:.8rem;}
.i_bm .jxcg_places{ margin-top:0.13rem; height:.35rem; line-height:.35rem; text-align:center;}
.i_bm .jxcg_places label{display:inline-block;*display:inline;*zoom:1; vertical-align:middle; margin:0 0.02rem; font-size:.26rem; font-weight:400; width:.25rem; color:#fff; background:#ff9517; border-radius:5px; text-align:center;}

.i_bm input[type="text"],.i_bm input[type="tel"]{ margin:.14rem auto 0 auto; display:block; border:#bfbfbf solid 1px; padding-left:.43rem; text-align:left;width:2.97rem;height:.4rem; border-radius:3px;}
.i_bm button,.i_bm .i_bm_btn{  margin:.15rem auto 0 auto; display:block; width:3.4rem; height:.4rem; line-height:.4rem;border:#f6363a solid 1px; background:#f6363a; font-size:0.16rem; text-align:center; color:#fff; cursor:pointer; border-radius:3px;}

.i_bm p{ display:block; padding:.1rem 0; text-align:center; color:#999;}
.i_bm input.realname{ background:#fff url(../images/index/ibm_form_input.png) no-repeat .11rem 0;background-size: auto .8rem;   }
.i_bm input.telephone{background:#fff url(../images/index/ibm_form_input.png) no-repeat .11rem -.4rem;background-size: auto .8rem; }