<>
.find{
position:relative;
}
.header .top a {
float: left;
/* width: calc(100%/7);*/
line-height: 45px;
text-align: center;
}
.header .bottom{
border: none;
/*margin-bottom: 1rem;*/
}
.header {
position: relative;
}
.header .count {
position: absolute;
top: 6px;
right: 7px;
}
.header .accounts .my-name {
padding: 8px 5px 0 0px;
display: inline-block;
}
.search {
width:10rem;
height:31px;
font-size:0.93rem;
background:rgba(211,211,211,0.23);
border-radius:31px;
font-weight:400;
line-height:1.3rem;
float: left;
margin-left: 6.5rem;
margin-top: 5px;
}
.search img {
width: 0.875rem;
float: left;
padding: 8px 0 0 15px;
}
.search input{
float: left;
width: 7rem;
margin-left: 0.218rem;
background: transparent;
height: 31px;
}
@media only screen and (max-width: 320px){
.search {
width:7rem;}
.search input{
width: 4rem;
}
}
.search input::-webkit-input-placeholder { /* WebKit browsers */
color:rgba(189,189,189,1);
font-size:0.93rem;
}
.search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:rgba(189,189,189,1);
font-size:0.93rem;
}
.search input::-moz-placeholder { /* Mozilla Firefox 19+ */
color:rgba(189,189,189,1);
font-size:0.93rem;
}
.search input:-ms-input-placeholder { /* Internet Explorer 10+ */
color:rgba(189,189,189,1);
font-size:0.93rem;
}
.nav img {
width: 26px;
height: 26px;
margin-top: 7px;
}
