<div class="expert-query">
<input type="text" class="disease" placeholder="搜索医院,医生,科室,疾病"/>
<div class='btn'>
<input type="button" class="query" value="查询"/>
</div>
</div>
<style>
.expert-query{
width:17.86rem;
height: 1.86rem;
/* line-height: 1.86rem;*/
position: relative;
margin: 0.53rem auto 0.48rem;
/* border-bottom: 1px solid #e27719;
padding-bottom: 0.48rem;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.query-line{
border-bottom: 1px solid #eee;
}
.disease{
width:13.9rem;
height: 1.86rem;
line-height: 1.86rem;
border:1px solid #E27719;
color: #999;
font-size: 0.64rem;
outline: none;
padding-left: 0.26rem;
border-radius: 5px;
}
.query{
position: absolute;
right: 0;
background: #E27719;
width: 4.266667rem;
height: 1.866667rem;
text-align: center;
/*border: none;*/
border-radius: 0.266667rem;
color: #fff;
font-size: 0.746667rem;
border:1px solid #E27719;
padding-left: 1rem;
}
.btn:before
{ position: absolute;
/*right: 0;*/
/* content:url(../../private/img/mine/icon-ask.png);*/
/* background: red;*/
z-index:1;
right: 2.7rem;
top: 0.5rem;
width: 0.853333rem;
height: 0.853333rem;
display: block;
content: '';
background: url(../../private/img/mine/icon-ask.png);
background-size: 100% 100%;
}
</style>