/* pages/commonSick/commonSick.wxss */
.page{
  background: #fff;
  display: flex;
  flex-direction: column;
}
.searchbox {

 margin:30rpx 30rpx 0;
  height: 72rpx;
  display: flex;
  border-radius: 40rpx;
  align-items: center;
  margin-top: 192rpx;
  background: #FBFBFB;
  border-radius: 36px;
  border: 1rpx solid #3CC7C0;
}
.searchIpt{
  font-size: 28rpx;
  font-weight: 400;
  color: #999999;
}
.searchbox input {
  margin-left: 30rpx;
  flex: 1;
  font-size: 32rpx;
  height: 80rpx;
}
.searchbox image {
  width: 30rpx;
  height: 30rpx;
 padding:30rpx;
}
.listbox{
  flex:1;
  overflow: scroll;
  color:#333;
  -webkit-overflow-scrolling: touch;
  margin:30rpx 30rpx 0;
}
.listbox .cell{
  text-indent:10rpx;
  line-height: 75rpx;
  font-size: 28rpx;
  border-bottom: 1px solid #E3E4E5;
}
.keycontainer{
  display: flex;
  flex-wrap: wrap;

}
.keycontainer {
  padding: 27rpx 24rpx 27rpx;
  display: flex;
  align-items: center;
  background: #FBFBFB;
  box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(153,153,153,0.5);
}
.keycontainer .text{
  color: #333333;
  font-size: 34rpx;
  margin-bottom: 18rpx;
}
.keycontainer .cell{
  height: 60rpx;
 background: #F4F4F4;
 padding:0 14rpx;
 margin-bottom: 18rpx;
 display: flex;
 font-size: 28rpx;
 color: #666666;
 align-items: center;
 line-height: 60rpx;
 justify-content: center;
  border-radius: 30rpx;
  margin-left: 14rpx;
}